{"_id":"@fluentui/babel-make-styles","_rev":"158-e4316b79b1d9737bae2ca1233e23ccab","name":"@fluentui/babel-make-styles","dist-tags":{"alpha":"9.0.0-alpha.60","beta":"9.0.0-beta.4","latest":"9.0.0-beta.4","nightly":"0.0.0-nightlye0b8e1fa6920220128.1"},"versions":{"9.0.0-alpha.1":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.1","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.1","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"021aca484e6baa9c110f0bb8b4aa5f23d925e8f6","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.1.tgz","fileCount":108,"integrity":"sha512-wfgHoDzXduZc4IpjGW5yKaEMsgm9KG6wNVolcCfyHVirQC8PzG47TctHitdHdHwRWYEjL+ABly+IiaELv/Bnpg==","signatures":[{"sig":"MEYCIQCxEkkXCVRKuuUOvqVchzm4+7Dt0uT/c7MlAvC0UqJkuwIhAPCBcFt0k55/J+9LryHVtZWvJmd417L6xLHmmID5j8Vc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":114891,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh73FCRA9TVsSAnZWagAAc/MP/1Ja9uue353BGoR5lYtU\npP7jx+rReAFSX3wNeCvPtFFSvt8zITiqlE1nNvS5108SpBIKtSrJLDwrJngL\nydcrO7gltKZOfYBvF5SmOcVBBaHO+7D5u5TKDwZniShtt6iCDNBnwdlPh5bA\nRZF2WUPYNDxuc7ScdYBI1waxdsw40EBxuJw1SpSWWxblLbXAam542+a6cI3P\nHc0gkjnSTiVBcrG+Rn7COxi88J+tZ2sETbeatF5GcKL52TC1W3sreZKWgIMw\ndEAOoW1U9u500UAysXtZL6K07RpXBPkufhfnIzwEp6hVCT0NvXWb4qoqPQcR\nX0QDl5tqr7f83b4LHLJOMVHwghYbaEHw25m/UgaU4D4oQcxuk+3znBeICO7l\nWlEyZhzAdpVoPUuniNsUN7ze/v1EPdgFRFQg4z/l/0lnftfGxegHqUwVRF3C\njy+nf3r+qrCt/c9KPWoUlapkNXDV727nNvrNeVhww7mERPTQfEe6qhTYGDQE\nuKu72cUrE+Ds4+4n4ERpHXcPDf6cAEWsZG10QHS5PeAyPWtIGs45fuogxgIU\nORpcwqz6qCpJa9ghGx/ZGcT97L4l8u9ZaGhbm+y8vVbNbW9ujUr3Nr6biiDB\nWxUsxeCU/UmUEmBA2WjQgHQwTRdqAJWiePiC0hybRNNkJDpPauJcgJSW/VUm\nHzI/\r\n=Q8Nm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.2.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.16","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"4.2.4","@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.9","@fluentui/eslint-plugin":"^1.1.1","@fluentui/react-make-styles":"^9.0.0-alpha.28"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.1_1619508676752_0.01397130594437579","host":"s3://npm-registry-packages"}},"9.0.0-alpha.2":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.2","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.2","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1088fd8b6bb58f5d0a39b0c03a57c344f8dc11a9","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.2.tgz","fileCount":108,"integrity":"sha512-IYVnPRuoftW27Bj4y9uEnGmEmGREKoTcwb//K6cG1cdylT0hATLHk0bqJ6Am0iGLL9c0Nqvtkax3u6SBcjic5g==","signatures":[{"sig":"MEYCIQDvtPy5lQicZaP4rk/TNUFOuPKxgCITlvejmPWbuwPRswIhALyG5OrCwnB9JzZrrwIC6M4zpmRXTqwIex8mndlX6/El","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":116412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgi7ROCRA9TVsSAnZWagAArlAP/0MGQZqWp7E0l8aJL5+I\n/ntpYBiz7xF8DKbpw3fzZKh8p45zLB/EebMQEzehXAmHruVH7Qv8k3f5M1uz\nmUjdDeRTXpBBWmSvIbdadsFr+U/nzr8S6fWrl/mZTtdBiYMucpMPB++XoPEs\nhZYS6ltPVxJjdEOSEAFwdJX9afqOPuEK1u+GqqlFefi72efj6DrMOWBHUrXp\nS5VDMZXT2oom9n3QiTP8F3Ul9/WV8qzqwWZyHP22cykh/rgw1G2oX6RqgxTr\nuchZbrV6ngV7tS45rWA70y8ur9LdgzUSe8unVaXqRtlAAom93LRrFkGasvHL\nhymwunLyeibu4UnFcXyP5Vhd+NArhhOrsUD8gGUdnlWm4VxpcYVJVp7CULDS\ncTE09BvceHDP5OShJDSldAZn4HDM3J4JZDR+B8sKDVyc0tfNMrT+WumvDKvk\nIPbI3BZGut+2v0mJi1YFZtxM/MHp0om7X2OqjUeBrr4rrShIV7meN2QSOYiM\nIUclUDsRRAVSEhci88Y90yRwlv0DpDqMgCkwGdmUwVpiU9/ODO32YPl51Z1i\ng0kcFMueDzcFQ4+zdr5RUQECgRlgsTEms7r+gq/d5ZQjMUW0IS8njWDMmqbp\nIaEheoryvSk5uhN2MTauir2px0Ay5aDL0Dnq98XD9maBSR13iKyb3hZIRKlD\n84Fp\r\n=A/9+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.17","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.29"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.2_1619768398417_0.3177295731966667","host":"s3://npm-registry-packages"}},"9.0.0-alpha.3":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.3","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.3","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"eb30a029f7cc5d5e8900ced7ce1ca5074c882c30","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.3.tgz","fileCount":113,"integrity":"sha512-TXmJHmc9SW9Ho0BFv1sITklD/Gh/tXwFQAdULBb2FzyS3w+Fer82r361HFxEMN4Ug9bABQ+PfRb65tJjIFnItA==","signatures":[{"sig":"MEUCIQC2dgsw3rQ1aScctmHJBzZuvJ1Mi0CUqhOVgzQA/obzoQIgFeMFA5ET36R8QO7jKSxGDVmO1rKiSyvBXU06BmsUhNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgj6meCRA9TVsSAnZWagAAYlMP/Rl2E63YVQMb8T5oGCGT\ntcHun5n4++4smOHRECnLWcoqssX+W4zMPrp2uFlRM/JKEWOUBPAR0vRZqHqv\nTdpBF7QTsQaHCRqZQqaYKhNQ2XlvLG5Hf4YTcRzP5Sn8Oba1nvxKIh8khI13\nrUZcJXRotzzFUL6kbFLlu4lFms2sagaed8YQwJceBiAj3BGL6YG5ZzCj51VJ\ncMXpXdNJOg8RCG0QPcX/rK3Y62N2zVhoF2/tb2jpCW44FQEBnNzcWNRmhJdI\n0nB1Ajq+pKPHYuaM1852wIHDdZkNvHdRosvdtbwqfJ8g9utHmWPuz8/vR/fY\n1AnUk5tHcTtg3/aLCSbg9I4TcpT8TFwe0zHWsLBP1AG6MC4YyFMfj6UnIRfk\nJS/hOveXLW+QH6O8I5J1EmKVy4M47jASfhDj7fC6i5jMrtLcXbbWKdW6i+66\n8XrmjpYZUEIx18YoKyrogC7dvgQW6oXhzGw+GafM2WtV0OrqgUYnNqhUN9mV\n5/bYtbVcFUemYRcEeeoLiIQ8OJCgSdBjlVlvpmHQNMZWucmtM85UMfTnZQeh\nBTe5+Qb1TFw9ZH2CLsMr8B3/cVNuZK62e4XZGJa+nLPSUGdBIU1imMF0YXkx\n8j7EJoDTIRSqF3zmPpobPxNY3sobc7JTouSASHRw7vLlt8zGkk44QXuuS3AK\nuuio\r\n=QH/B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.17","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.29"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.3_1620027806228_0.09228117029650051","host":"s3://npm-registry-packages"}},"9.0.0-alpha.4":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.4","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.4","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5959320b0a878e6b3be9087268cbae7ff8f792e8","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.4.tgz","fileCount":113,"integrity":"sha512-+2nzP3iYAb8sfDsC7z9uevTE8edpUs5to03ygJKK+QC10ktI8V42otE6UN4AIMVIepGuJNKkYOTz1tfF9Y7tKg==","signatures":[{"sig":"MEQCIHXJZYMazPc0AeDocQR5Nsb1AoQ4ZJ/oBHoPuxVfBRt9AiADBK0YIokVFR5BY0WTxdvL/MiGpJWqDkt1bTQLR+5jiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkkqlCRA9TVsSAnZWagAAqNgP/Rxvj0irZ1f70xOota8n\ni7sR7p2oLPOhZ4Hr5eknzvmwgSOudVSFAURNfqkS16v0ErmZCT1YSIz5fH32\nO7TQEkEtbmXP4TK0kI7GE1iySc0OpA/9q8FSwzB/mUB24hvvRad3KMn8cHOh\nXkSW2MD4ETHsjDPao8PhtLs2AsYOBim9IM9EUPwztYZfLIVhcgiBQulEEyyP\nnfBT4Pz4lg6zl3r7poV8QiWjl8ZCjpUTM9LazdtZ3nmieFQO6VQZP8HbRWv5\nltUze+S/hZNuZ/EE/JJiA8/WE6GY2QvBm7xaBpDxZhIPr7+LWHqOSnfcJ0M3\njnORKsR2BiOmNdpJA1+9KYT+KxaJrNWsI7WImu24WOarNQ5ugc3Edx/MxcJ1\nVe9ksiC7JWfo90ovd8QbDyeJ0TDghY71jseZu7Cw3HiH9gTup66UPR0xwkMy\n7K/4U7/9Fkgl7+dNIXbzmvb2f+qebVLGGaXHwRNq65ZvX8kQI6nDlPi7Ilwt\npdYdyzzPgI0d1LCcuhnmism35qygstdHUiX6D2K6Ngsl7YqcntxSRYHRGy43\na2VEl/LH+qBVK3UioBBJWGulRf+249YZ+AoqXrRQy9GhDaSaja4nniaBv69r\ngGUAUcg0kqyEhpzX+nQRIdAF5WMV7G2e+viDgDlncFlnpT6pB+t+DlzusH1T\nlk/X\r\n=eUXF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.18","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.30"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.4_1620200100813_0.8128938970253041","host":"s3://npm-registry-packages"}},"9.0.0-alpha.5":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.5","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.5","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"97894390d86f7f00ee13a490b3190cab2426e33e","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.5.tgz","fileCount":113,"integrity":"sha512-qQ7iJ2LpSLNikJ+QnvUVEpsqSM3aN3e40PQpTg4SZYsrycg6I4ejolm748j/6J7HVxKU5nBUsr1aSWAARsuIvg==","signatures":[{"sig":"MEQCICorjNfmgoFZYRPP8r21qGLSwuiQfpphaSump9Vl+79PAiByQazi93T41sOndqQQaiKaRxfU7+phwCtwmoeLrnJzDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":123086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmOHpCRA9TVsSAnZWagAAeLMP+wZaX9SjqA0ukm7hyJKq\nZ5sok1XDbjAB6W3PFcWxeGgnemg79foD5TL5+cK0OjiIMP6Kye1V2OWeXF39\njHv51kz566ZmOWFph6wRh+2mbCVtx8YHkKWdWJSRUOu5/K9EPdHEsw9fxt+t\nYeBEJuufvulsccQUtAfvrQnj1vtXbt3V6hHEqq0KQ1fBTR1Gj2x7ZU4Jg9Wb\nHaTTU4MorCO9bHD2h+dDQB04/SsLp2pnVehIuSpfJCdEFyqIeK7tOhQVM4vE\nIfHCCDUXR5PUCh72dvQG4/HKainMcFX6XrC3BneheYtAOBQ2S1KQL3rquWCz\nGNhxo0wpqau92oXr4MJTA/NUBvlEf2NlWMFByAQGAI/JiVpv0L/jYPQXw65o\nSz1re3ToIBVhgmfUp6ChTTKumDigAg3Kl8neOAXr3dzshQU+gFbY/3Ew4mxH\nNCn1DFdBlb9KUFl4vh031o3egfq7u0iD6ObeLjBkGPQb3/9zndt9cNQQ1Nnk\naM20Y7a7oHJA4KZkYjgAoa/xK6eS0s6NsXVMfH4jkbicukowl9+t2J7NH0ye\nkoKgPSbm3idEDTjMWxq2mviH3WxQruTjzOywb+jF/97RAVDBeIsYcUX/HsgB\njLF57aP+6z0x0QxWBkljJkUTtyVFD2Zs6VOFKpDXgEoL3YawnidISGCIBb4z\n8scj\r\n=KKtc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.19","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.31"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.5_1620632041109_0.8989660123060914","host":"s3://npm-registry-packages"}},"9.0.0-alpha.6":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.6","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.6","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"81153d9840a61517c0e57b778420300c9cb16758","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.6.tgz","fileCount":113,"integrity":"sha512-zI+PQMhpKub0ZI6MafR8kBvCeg2q5CLzS9BMfYQ95Zc9nQwSihiiR61QeJsNNSVix9lYGtj+oTIBeTvUMzbZAw==","signatures":[{"sig":"MEUCIHhR9gKExbUBDWZfjscMssQI7dY2mK0DyX4fKaDGEAS4AiEAjOiwJUYsydGZLpVegspGPcrUaKA+K+CWlmzcya9Vnw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":124007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgm4UHCRA9TVsSAnZWagAALAEP/ijamJnMNgKwr1dtG5vA\nXhIBNnSChrryA4Jt8qHWHcIIKnfi7eHgZoOT1EKLYgCZ/ySfzK+bh6u/uosW\n+fAWz7cQOLh/d2mrLCBMVbb9AvzFmifQIV9lJ3iF4h0So7s8FF4jP52MzCbr\nm8Uk48cY1gW2L0/jbU9ClWvieW0cCoArX0VtPCsmTdMa/WjulgZKrofnQHFA\nI9MSffdGStHaiv6R5lE3FRor2lv7OmYqXovmC71LRtXfUVI8+7wUdRRCsF+W\nOr4M5T15CxhL+23qGlgLhrcT/b0nRQLqQZjegxE4IbZJENzBmuO4miUsAztz\nxqQCjEQA8OmN2/zA+Zchx3g7oYNciEKCvt1zoGB+EqWlNT+5bV7yDDrESW1z\noai1jCs2vFMDohSYhYkdtEgwMQlXSJ67jG1MAE7ITvl37qb4kUkyEqjuWbYu\nOeaRbxdKIn4QgaJvCVZiKJjF8mnriIvh6YLLrWsb4jdjQrDRtxsxmsolLDl/\nwSBh5uspXCMuZ9fG3Ffi60AllA01pNPKefU+bBmDTo3BpbmkLYDt6E0UwTMo\n5Muw5CAjAK6N3AvR7gj7d3jm3OSccT4KnIZvRxTrHQeT1ucawguuuLLUlCPa\nUuqdArJdmX+lY0P6yF3uGbpf851ZOoMMWzNvNl0zO46JHXv05mnXNlzBUsRl\nTuQd\r\n=le16\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.20","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.10","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.32"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.6_1620804870629_0.055966527993218884","host":"s3://npm-registry-packages"}},"9.0.0-alpha.7":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.7","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.7","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ce1535b8d4a67894a890bfc4a65007a992f37cc8","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.7.tgz","fileCount":113,"integrity":"sha512-t7MkEzy6rdlQjDVqB6AyvqvUg52ZI3BINbx1ZRsMsmYDjqA5S7pJIXjAVDh6Je5wgBi7tmT81SLzTZkrsNhLfw==","signatures":[{"sig":"MEUCIQDlSuRL4Zpiw4f2RQ5u2oR2xw37NQ1Q6EPdIC+ubtVX0QIgK7YOWnd8raxUQQfJJ0jHwGurxVvk1/nZ6iTAYf1Xdgk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":124928,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnNZ+CRA9TVsSAnZWagAAnq8P/1NzpHjO7kqD2uFsiXn5\n8TzPW+cbuz/iOeq+kJHYGbjL3K8UkjxZ8UcWj/1J45bA2OIvEc0jh2CZeEZj\nOU12mzz/xsjcl2OQ40BYCkCzOXDRJ9xZfT9ny4np5re/bO2/EPsABTtRUby7\nbe9YFM6OYGodYZdO9KpNYiGd6KxiIpO6juDNZuSDZ5IOfpMp6/Oh5jZEynVP\nvAvfcrS9fXZ+O2IxfH8Lhgd4yoggadCiniZJVDqLS+Jpf5zafdSfec8KFIB5\n6IPsuZKG2F60yIy3iub8Ab2/oHgYNA42MnkC9058dvQ9/uu/9bEbIFyo5lAe\n9NxAwMW42AoLXX9Y0hbrMWA50PJjsKKR8in3kD6+M/1qfguP69isIgLzFXp2\nJzXz7hjeR3bT7JGFwR0YhtkktrO5xL5HefMiQwDX9erT46O2UQkeuQz+mzk+\neygEBAseMtLYj2ssJLUDm3ASsHp3Z9atoWrClN08GS8bgg1zxXcBIkbsnwOo\nK5wvzk3G3OjpjDsYdizFUckRhyzIRNf6Zv2yZOvmEoNLV7vZfORlpq5Fw8Qn\nNPQ+HgIIAgV+zoAU/Jzll2b7iDka41XaM1A4b44AMBA995DO7KKKznPPoerL\nX6+H7rTE/96GS15XMfEhdI5uoJrgN0EklDB16UYMn2eB/D5P0viNew+Wri++\nqD6w\r\n=J+1n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.11","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.21.0","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.21","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.11","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.33"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.7_1620891261900_0.5319340132133126","host":"s3://npm-registry-packages"}},"9.0.0-alpha.8":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.8","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.8","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6e63f884136a37204b4ba682d350827504734d82","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.8.tgz","fileCount":113,"integrity":"sha512-cbbnGV6Ya5JS/7mJvWtqSsc8Qgchs5xFg0wZUI5D7GIakYHCmC0b1Kcr6ndV/BXJf1VjO/X1uuWlhC4EsWXkUA==","signatures":[{"sig":"MEUCICvhkuktFJuhkcIXnBYkfyMxPKM/gZZq+/1VZmyoiRtwAiEAmoG4p0dvgOHmX9XkgJGPNRzs+c7lEblNw3dtiyKiIGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":126229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgo21rCRA9TVsSAnZWagAAawcP/1hcbvRBdHFsp0eyJiCi\nYLgFYYwNMTKuji0PvH9RufLQJ7rpcMTszJNVun1r+dT8VJ451SVf1ZW8+qyj\nS5AUq7ZW2HwBiLqjW2pARowHLcG8JJzHtQOwhwlBB96W6cmeIwetZYe7WW21\nz8RXx+w6j8uT/9mAIzCcJaJkz87NtWDz3AkBypjhn4JzO+nETIqh2JZF4nQE\no1F/Ay2rNDdEKYzBVL3YGQv4jJUKyAx5bFKgpDGW/dki41OwyOS7k0pLLxjb\nuopwQiCvlA9pCMp7Lb2tzKlesQ8zldtRuUMazPuUDvIUxGcDeHrFMl9jDbGy\nzEGlgkIxZvX2o2sQnqccwIJBe9iwWiHzOtKTFiByEZXTiJ3B37Lb21T90doU\nw645m+t89qEPpsfigRj4CAT+AOfpSGXCjfXnOyKatLFtBldyVXkyHhRIGtYN\nTLhZsMtfccIqhnmCr89AN1JrcjAsFxuGTnrCHIqnQABtl4OayW/vzSmMJH5q\nDMrFmmNECq5r3Rymp/sCCKfZ0M/GVzCx6hB2S1AHKA9kEoC7agWESkfx2/u4\nkDnXt8r8AJtjYs5v60zl4rgyFNW6lrPWOOz86ukvdD2aLBgVmvAzeQO2rwcx\nOW6s9ON2AQankNJXJQMkjgVullnTwL+QAZkkdoO7s0KnIcShMLX/K+3tDNmr\nDgQg\r\n=WZBv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.22","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.11","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.34"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.8_1621323115402_0.6672442828932852","host":"s3://npm-registry-packages"}},"9.0.0-alpha.9":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.9","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.9","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"16408f1a69f4ec0bb15737253658d03f1a22bd5a","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.9.tgz","fileCount":113,"integrity":"sha512-abX62z1tN6RCmbUHY4QL0Xu1p5RWC0ED46heW+x5AvcwdfjMM56WdjvIQjxsl/1d4WquMwjomiPBpG4SatQPtQ==","signatures":[{"sig":"MEYCIQDWYpwFjPhBaX0rEE39dkrNuVP71up5Cow1jV5Qg/2jhgIhAJkA/cNwfDKnbCeOKL6nxR0LszOrSKR/hqoaP4RC0mjA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpL7sCRA9TVsSAnZWagAAhy0P/i22VW2npJ12kfuxVlKk\nSPYbosMiEr26sMQv45H0ezTa2IOjjkBTTeDfUBNoOvc2VHWx2Y+uKoDlJibG\nD34Q4RIFC2CPflaT9K+BtmZoZEiI79D1NtU9pmaZ5msXKE1yjgl9J2M1Dsfp\ngYKYJCj/zI/Uc/zJ3x/cCTeQjwVOSE8yxM3EkKfxwVOYlr0CndEJ6A4dS+MX\n2KRaBnaOM3iLdlH00qe8eSKsG4qijXzBguMWeo48lhj4HoOlsJWsDoQ8fzFZ\nhfHuhypqjMKeEE2/r4/RPCqoCFEFbCwGkpC5kpe49TZhCTN8oOTILPap2tt3\nmlpSdJx97n7DkImaSTwye8FHNJNL/4kq+W8baGCrhGsbnmeYCdIs1ZtCTEAL\nLgH89IAYUzsWHp1GV8Y2rN7E9v3FEqa45SsgJnWu8evs+9/LhKwFwEpkETt/\nLSntdZ6x1yOWj6FG2pu0UMBnz2FWLofnL++QKJER573ZC99y+04PBLFjNWhY\n+b6fvvEvjV34k6NGOvQKeGc2mEQyxShIIFyz9rYIAo6qg7vM9rDVDIoneoL9\n+0wKeI1Q6pfXlpcbPnu+4eiHDHm+Qr1h4+de4gBB32Cuboj3l64ZzgwIU5oL\n1vHTgB1Xn+uSj9wMUt0HkLWsETNZQxZ+5wRmLbhsFtLglFThBN8szY1evR0h\nmZXk\r\n=hRf+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.23","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.12","@fluentui/eslint-plugin":"^1.2.0","@fluentui/react-make-styles":"^9.0.0-alpha.35"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.9_1621409516294_0.2006756109287171","host":"s3://npm-registry-packages"}},"9.0.0-alpha.10":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.10","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.10","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4193d4c872085c7a860f59250fd9bbfe0eeb380d","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.10.tgz","fileCount":113,"integrity":"sha512-gGFmk74zgyfLnM23NO8ytYo86ZlZOFZX3Wp3gTm9kYb2idiEwrC4eCro5/DR0ku8LaD2oR/nYpyHsiSPOX7xLw==","signatures":[{"sig":"MEQCIB68kZNZwJUjCtVs4XfCToChBobzLmpOJteOFtCBbIlVAiBUYm0j3EZuMLXdapUTTFsUe9jL4pyR8SBEq8Yr6+ARuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgphGNCRA9TVsSAnZWagAAxwcQAJntAkNfJurAMo6rlIG5\nFXcW3Hnhng99W+sUsLy0N2tTCzezcPOe9On1h537orGVqab63mmUFwwxwNbi\no1Z6wxTXKLlDHRLw5jqYjU8uV0sGvVGZ3Z04orLtJC9HNNAuWYQztKmdq1Nu\n1qGoL8Ngwp2FqY87Wo0GJF7WPrkwPNgfkt2WJcLbsK9Hf8/qAoqvpzXQLVnR\nc7ToREa9NVcRPHZao3VafInqvOUSOMPEjLJOaEznqhJcGn4Yun+bXH0Nxubb\ngN7yZdrKuNIyDJGZhmC3j6iYCHg0kTok+cOUhBOCgx76pwnR+Fd19zVozjty\nGQJlv0nNDb2aaaw3IdpTOwNBDKCMq080wzik/EsayW0WunQaXBTEITYjoxdD\nZt09Pi7N/AZx++HCWAm4rlA+Fj7k8qo8gWGcAIdEyN122fmSwLZZxg9h+W/A\naF35V4Vfrte1InoPhMLH4dNzqdHSHeVpGdXkr3XCaN8z5h/kNIEAgN3Nj442\n4NLEZz86NI+fGUekXLpvzVgx7kegz07gF3nBtrnbObsdNwBW2BFdR8FY/aX0\n1Exf1wrF/KoVXE9g0OYVYTRsYkBYHipqUHBHkdSZFm7BSIRgDnN0hGRodDEi\n0mLB8mBKuuQmn8zZSvSEOL0qv1SlvQa9My4IDhJ7mxSLy9TfhsnKNd+ObsRT\nMpAl\r\n=9Md1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.24","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.13","@fluentui/eslint-plugin":"^1.3.0","@fluentui/react-make-styles":"^9.0.0-alpha.36"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.10_1621496205353_0.6844388945604092","host":"s3://npm-registry-packages"}},"9.0.0-alpha.11":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.11","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.11","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e6410a6044391d2aa1cd32f0d67257f18c436559","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.11.tgz","fileCount":113,"integrity":"sha512-80GAuh8N36WLxLDlt+2d6np5P8BQyetiLQwimqOLb8sPHn6YNwDHDAre1po6QZSC1tms3XmN25i7cw4llGSV4A==","signatures":[{"sig":"MEUCIHtVwJWmP+C/1PpgL0v3MORCrBgSu+IeyJQWIsojp9KcAiEA2TyHRGuUaGtbP38uCrR0l4CX0TyMYrMvPUbSXhZwZxk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":129929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgp2HmCRA9TVsSAnZWagAAbowP/0wxw6h4AJda4fP5+Doi\nuh3bnSh0l3yw9YzLFzVD7fi9mvrd7j6e/HuEavJll77CF4kufucD3xRewbYl\nlBH+32m5itg0m/VTpGbS7dVIlxysVxKXyyOOodZDn6U5uextDC8Oa36oIMKd\nGYg6gzMBmu9WeER9CHpVjvNzghuZugRsjzm7SlXZpNof0dKxjHB0a9J84ZP8\nsyhqziw2P4Eyxmt6pUgOWFbX116RYImK0CdeerP8LzQxHF2vgUf47OQ6O9iE\n2Yk2+KjbT2iB1ocPqYMKmy/HD1zLxeRrFyZKgch3wOfpW2ss5FxhxYyQHIQa\n516mcopcYdEnsVeEJVhV57T0aEFEuPPn9Va/2x3rHXsQdXiu0M8OkbOMv3pq\nCX2uB5+dwEfs0exrLVnwcgtTeWnXrGE9W8Unq/CfKhvtrsEunx6KxoiIDKyQ\n0q9vZItUcaS9S1lI3k99HNZtSBy6LK5Y+sQrtALhXSbP9T5S17dVCZhGdrF8\nYxrLCFHnURkRE+BbHIH0q/+Z6xLWi32NSKGYL6YcdPHYvo4kl98rJB35fp93\nt3Q5BvX48Iz8rE2jkNnSqBKvupPZrZNf+VCc8AmYY0py0rH8NiwhycRhAqH1\n75NUWF5mZX4QRsuJJmaJXUcIE5JfIZWfa6I11rTpXD+Oy0hMtvfKLAtquMT/\n6AJ4\r\n=2StV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.24","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.13","@fluentui/eslint-plugin":"^1.3.0","@fluentui/react-make-styles":"^9.0.0-alpha.37"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.11_1621582310068_0.4582935854301329","host":"s3://npm-registry-packages"}},"9.0.0-alpha.12":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.12","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.12","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"04144e010e5122be2e9a8cde87f6912ad52360b5","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.12.tgz","fileCount":122,"integrity":"sha512-2yx1RTNXuGUXxbJPCyq/PrQaERXeur/m/g1iHXzCpymx/BTUMea2lBdFOZPm3UaZFiT3oC0Fvr7RlzoPGvzMXw==","signatures":[{"sig":"MEUCIHBz28XuIJSzMjIiXGK6j0vI2WmQcjqbNZij2XeTHXSqAiEA4UlKLgudG0/HAMDq+U8mcvPt9vF0GsmnsGcsS6HnLB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":137325,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtzTLCRA9TVsSAnZWagAAkosP/3KhTRwUxyDwLdaYfmbw\nIgpUsDEDutFWR5MFiLDGk+Y9Sco71InqI3Ng1sUoGMuTB1gaSbJZuMD5DmYO\n0UiGdMH36NCjuCYX/BHzhQFbFgc5yjObykUITC6A1MDDFbO+SpOKxelLM1d0\nCM2ue0VZ9rcek/iQMgeWz7Bpb/X86uKxqzV0cJ6fkEwmeeQSGeVREDtdw5ef\nigf1/2XWvcBz6MOe6/pu2X/CCej/KBp8sXWTMSQDXC7cwtzY2JpgzYe39sZI\nvvn9IMKU7VPi5YbPjjITo8dXbFFAxaxEodBhVy0BXPhK5nb31MWWOBUg31HT\nQzO/VlWjDSoMdHDQ+gwn7uv/ArdkpTQHCrYmBOWCcewZXkAsuskNhYGd2Hfh\nIOJ1f35m93fPJZQQPhYsuKPJqopZaeeDU4wNZ28Jxl3oHyFi4mHIyWzW49ym\nwMgQGsj8mV2T9zLTlaknhz+/brZC4vs8yqKbo6hBe5wR7Z3/UF+F6xAjqFGY\nDKUQFoaiq0TiUWudbn3nHWQ4OdCIg1zVwp/40hHe6FKZOkJOaETBX7w7y0pD\nrNum9LGGPbTRnU9JUusr6XMcKsdOUNmzUjowbmpRGtPUeJNuauUWt3PL392l\nEmOjvJkHplebwmoze3EnNi4tsZyPcyjkmbYpeOUdzui2SyEV147iW2UDpBMG\nT57T\r\n=4Co4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.24","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.13","@fluentui/eslint-plugin":"^1.3.0","@fluentui/react-make-styles":"^9.0.0-alpha.38"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.12_1622619338818_0.7921833803301652","host":"s3://npm-registry-packages"}},"9.0.0-alpha.13":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.13","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.13","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e763271427e8f90aa076a77e9ccedd8a1ec76fc3","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.13.tgz","fileCount":122,"integrity":"sha512-Ac/lZ94InBk4r6PkYQiW4SlIC73/6ZXyIBY+B8o21NsG56eqjdiDJXkbvrQHy5gIWQcSR26E86Wd/2QiikFlKg==","signatures":[{"sig":"MEQCIC+9CKrfouQ8HYi9UwZtkOPyZ2TMunSPEG2wbq2YojN2AiBreRPft2GrGklzzGuIsuWdawWeybsTUhnn2mELNi6FlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":139135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguIYFCRA9TVsSAnZWagAA4l0P/jmFtNvlBRmkwMvxK+C9\n/ew5j0IGn1IfjqZPnrIkwqxMKkA4qIM2jnDQMj3hgn9lSR/wsOyqj8T+wDD7\nBHO7iOzy+Gepws56oFs4jZ97ZkPZcyU9CbAarkPXWCrL7sPZXTKJyWqkhz6p\np35nRlYkivNuwqLPIpjqs0q2oWOh4Wf9cSrhWOR9mivzsC4XP0rBu4iK/H8I\nIW62gsfrczIdrlqhKarutOADFoP0+t4+I738nmkeQ0UjaUs1Czu5nTMS1Rdv\n3VD4/867eKOYjP56XjkjKFQxi9K8naIrYEnOmxvl5GvqbaL73h3WBauzHRXO\nL+Resxb51zl6gyDLSBTgqr28Omx40fY4W9GrU9itJP8+Lj66JKfEHiS+HXON\n5maUXD6DaaCYUjCIx/JMZlgnhc+bL/b/l8ROEkY65zIynzFuMgGE37bhvtXc\nob4MrqSR2fgzGiOcWMV/fDnMSkHBnv497s0xBqLlOGIzBTbLgjgRTyL8HwbR\nqVdmeR48jE1wE8xsJqjjaBFWc2VSxVW90nvj7SH1TUgDYxrELqQm9iqwgD+T\najuHytfztfXEysx6nrOilkWxgL+Uy6lKJT9v5lnS2pW8w2cSgzT/TlumnaMS\nwIHU2+3t1vZV3wrQs+SNhsQ6cBlS1BL470L0YbStz3MYVPUdwvksdbcdL+I4\nggqi\r\n=+M1V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.24","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.14","@fluentui/eslint-plugin":"^1.3.0","@fluentui/react-make-styles":"^9.0.0-alpha.39"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.13_1622705669791_0.38996126558665223","host":"s3://npm-registry-packages"}},"9.0.0-alpha.14":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.14","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.14","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"f8df852d35190a0bfbb419af1444b848071d79c0","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.14.tgz","fileCount":122,"integrity":"sha512-s6iuFCJcKvOj2IbvKfUVs39lW1TxhmPJRodYJDowNF2p2wXLNrH0NOWen0rM0W4RQeZmPnQvfU1NkBErBPIJoQ==","signatures":[{"sig":"MEUCIQDeBYeaUxP/CnLMMJACYSbCcaS5bVNjZAg9cJ7S+nF3kAIgSHVroG5YSkMGoRp++vm+V8YNAk329mYKS5zHyWyO5qE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":140092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgudeFCRA9TVsSAnZWagAACJQP/iLpCAw7nMnrupuuhR5J\nhoqVmZfdlz/5hrepD3omPk9HGSshkrASLMo94hPbFwfUBbKPqgYszKRUqB6t\ncDiGxZwBFk4GScgVmkU9g1d4ndC7tMbHaw8ykBIEd7D1+3mPMzN5gbvwfDwU\nGA35+/AdN4yEEalqVHehDEBgAYcmOzMtnUrfwSEstqsbxBUjIJfH65KVaW+K\nTJzrtCnyxjILOrpN2o6Yw+c9MXexcoKt3aHh5ll/YNiTfXEcLhDJ3k2yT0oV\nO25yXUAj98bsCNdyPc1AlVQc2oODXtcIecBSRBV4/EOcsLjV23yxDcXnf25A\nSVt2+vlD9p2icXdFCbOTpmDqu0tppCeojaXLo1EfaUY08bs0EoPDMI8FELw8\n36N+hoXf/eXsei7u4z2gq4y+abJ1XOz9RddXjbm/CBdncAzc0UV3vxVbm5HH\nxF6J7ClfBjxQeLVt7ukKbfjJiNPly2CXFplXjzI92MzDHSbAsRNRdBxdYDXv\nFVsuqqzd0M8ZxpkIzz4nwiANxMkhJpVcZoG5X5W1vOTOvy75ZY5SmxLuMx29\nEWHsOo1wh7iY8bO/qZ5cUeGZdB0XdFg1eyO20EG20kgZu4lT794s4M6iLRn8\nugzuK4a0UWtmpAEjcWwZnPD7NM8UEIedKu32vdND/QZTBzWjCABGpIIT25Ta\nmfOw\r\n=JZ/E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.24","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.14","@fluentui/eslint-plugin":"^1.3.0","@fluentui/react-make-styles":"^9.0.0-alpha.40"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.14_1622792068972_0.09437054351694396","host":"s3://npm-registry-packages"}},"9.0.0-alpha.15":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.15","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.15","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"bd2024cfd4c5788c55ecfc31c888cc667048c060","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.15.tgz","fileCount":122,"integrity":"sha512-guGJjVIzaFRgC8LaqSr4wBfzkUQPa5iHSqCETM7Q0zGQdFMUgwKM91LtmhTYSVOMruPd2yGBJ/afTBnRpYpeBw==","signatures":[{"sig":"MEUCIC3MYuwdJzQO/bEL/7/m57zxQN3dJ447Rq78GQvFW3S4AiEAjcVXuycxRpt5ZdGh+3buuNsdK/TaAOlpc9FNyBipxWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvcvdCRA9TVsSAnZWagAAc2gQAJNlG7kxKhPeD10UVO+W\n5JrCY/J6d9SoDDLn0+rONEtPxgQXtC8k5FryCVwULX7B2YDATT8aA7HdnJ16\nKvlYvH4PzuwcI+48vHcgVdeUUpCE+wIIWjxnJK8q5NgYwhOztDQIqdVzJmzi\nZd5g08YVcDxW0BQQAxGTwUGL/b/J95C1XX6+JFc9TjLFWQ/bwUCS19IukdZq\nJpLSFBInEFGns2zJjxyeGIxb0fKPOLwcamehPWmxk043EGSS89FXJ6F5bjx6\nIlmdv6VwYJyg0NNJU6QA6JKF4IAh50k36r1osoQYy0OfdFmd2xR2ruOovMoY\nbVkHDeUJ6kHpyJwd07u3qZj9Mo4Hd9BzZ5H3jes9b5S7HL50PRUcvr15flFQ\nv56bSkeugDzpoHfqmJ467oYPJH+R1IYd2SOWMRT1kZ3aVYynstk0AMC2LTLw\nLoxVTiFIuNLQ42I8ah7Cc+d0iaRy0xeNDb8dbK/0Iz4T7Onj5NvfVcKNizJh\n2/37/ERTAC/LYlLWdK0i9OrokoJraocNvjcnCKnIUfqRdvE4Sp/R4bxEhKih\niFsPTrKcPZiFBQaYC1EieYqfRQRX4hJJeV4p2EJLpMoCPFQKI7nS3OcsvP1o\nI0IeSs6ylAZb46M3GkjPNeFZZCWEV4MErqc2JJ42A39pe2eEbA5tIYNz6KJn\nnUW2\r\n=q8DB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.3","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.25","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.41"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.15_1623051229067_0.4035639384532732","host":"s3://npm-registry-packages"}},"9.0.0-alpha.16":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.16","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.16","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"9ea3599943957b17f0ad6ee18aa9a7ceffdea9b7","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.16.tgz","fileCount":122,"integrity":"sha512-6dkmjXJTyUZ9kZ4emL2lYsS/ww+X+PMzCNqI3drEsUy9/jhfNuqJHPc6zOO3/L5VQuYNsKt0nlgmuF/TCqqgBQ==","signatures":[{"sig":"MEUCIQCX+JdjMWcdA+ij0heqoJT5E2L76Io+o2x/aehDx1H/OwIgUM/OgJDnhzG85qT6/+6hK28zakh94/XFdEc4LYru5NY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":142331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyFiJCRA9TVsSAnZWagAAjroQAI9jvpSGGOIZvRqK3UDn\nPqWhCzKEnC6FSqMYics4TMDVJZig8waia1yp+8I2pKVQgCqzvDc+qFjB1tJh\nhgluWC0l24TgaNGJeyEP90ii1qbjVQZt/jC4E2Z7i+C8u0ZrThgY2Ri6TOKe\nQfhskTLhRIUcxwWHOShWLdaLVS2TCjWyhxLtGPPLQOBSmZOW1S9n3x0nKDrF\nWqonhwc1ZX4ARSlxcHe+IUl+/wfcqp9w5X2ikBMnSqL9bzqfP4VAw3UAeHJO\nFNO60a1WuaK5gzOTtlJBBZJPZYAT8BLodlxxnNNkOACjQgHcrgOYap2YBBXX\netp6AE2fMtN/sKRFLBShk1yLCj46xPlmvky8DUceQUb0sAVUZbze/5qOReqz\n5cYR48o4Cs+q2/wbIQSyuTqF2UlViRggIzcbTrPwj7kgnaQq8TlWjtwnheSR\nguPCpfjCED4Ujnzob2g/j5z5tp6zLST+WfDpUG9KZK5kaCs6sTTRj7UNdL2D\n/Y8dWmrVSCt2zogFEW9PY2LgDkXnudniqX19ajziSJPeGYnr9O0phesbSN0M\nf7yi2+meK5Yd6W14b5LVUeMSQHXYmP0sXQwuNSIBIEcmRvkIcw7aQpFCgDMo\nREMJFA/vp88DtF+ig7P+0L9ptq33qt6W3PIIo3JP8BYhtV1z2z5P+s6B/ddj\ny1Fo\r\n=aTgK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.25","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.42"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.16_1623742601775_0.1028885076282533","host":"s3://npm-registry-packages"}},"9.0.0-alpha.17":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.17","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.17","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"18022baefac18be5e394c2935ca9a52648bd8620","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.17.tgz","fileCount":141,"integrity":"sha512-xKQU6ayz5W21JBksssdpftqR6xwDEmoKrX+ZandY1u35f/xmad5YlWl/CYm6sh6aI49Ocq6xqzrW1IteBEzs2A==","signatures":[{"sig":"MEUCIQCRkkdeGt6pwgtFnuCX3hpQ9HMzP6yOPInTKTHpA3Zd+QIgTQCGhTZAsSWUPhs9mjLSbAE/1xtDhGo3+O4bMUGPYd8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0ZIJCRA9TVsSAnZWagAAhTQP/RXL2N0IA0Ft8mlAjSeg\nAm7Ceduiq+Tl+vw9RPEmpZTBtnMeTWi5AW7APvr7cI1u73jHKM79YGuULxQf\nYa/2P+/mwbNShO2inJn93CF3fYd0UQG2b86Kcv7yv2nCwlpU9KE8o0+vSMxo\n8ke/iWmXjf/7EnxuGnNHiDzyT21myrIkx2as0YJSPgwjqq1ChOYGb8trI2zo\n3KRVNY6C9nFy9wb3snj4YTEJ9K+b7ZFz3RxrEeCTCIRmPsMvMMHNLVP+Ba9v\nY+f1QOhO/lte9mZJspWQgiOa13p/Efe+gnAah58qrH/U9wb0Vgij/8QH8kuV\nFMT2unzXbGuoxB9rqlB8bhq7S6YyvAaia8Qow8PLOcv7VHZfhSsv/pZJgZpH\nqMDN8hXr0Pwj2WJ35EDU/VApsT+AYoNdeKo6GsW8K/SPuwIPEo8U8One75oO\nINEg0tnEA8fbewxToRskMMJ7Xe5KTnZiHsSEcv0ipW/zSMGdUASNIjU1cl2m\nVsfeBWZi8r5yxJ6Vy+VS3mTHNN+jhV8ZoYC54C8HCKQxw+sMQBgfgQD7jnmL\nkzAlUxyf4n777aG4dffvmTyj3pXU3ojchqx8emp7eYehOlKL1lQx0bSzXoqR\nhNxwij5jMYj0brkSraEAHWwLepvaZvprK5MUTLRVupzllAwl6WsIMUcvVU72\n/gnE\r\n=vFCP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    \"module:@fluentui/babel-make-styles\",\n    {\n      \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n    }\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.25","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.42"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.17_1624347144723_0.7484126458615628","host":"s3://npm-registry-packages"}},"9.0.0-alpha.18":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.18","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.18","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5063e84ad5d1cbf06c21c878c45f67be3374a9e9","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.18.tgz","fileCount":139,"integrity":"sha512-A5KYoQwyo6S5/XwkvD2Pe6C07ZMHkJkT+z6TfFObcZc9gaTKpWYOyn8NbUnVbcdDQJk42MJVoRy62YO2KjFQpw==","signatures":[{"sig":"MEQCIEdh6qsvu+XdgXWifWwRVqK26089tH1kqjW49oDjHEB1AiAbLN2X0gS94tGevbvbLyinknJJs6Q+KJRO/whunZKLyw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154991,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2swJCRA9TVsSAnZWagAAzdMP/1O0HHmVRQ+Cun97IPf+\nF8LheYLg+e7xKxiycLCOKXS0Jq806wiYvGk8UKvFcFJq+7tSVRAWJBakXk57\ngLRA+QD0E6q2jQUOQh7MuHIhGFuuRW3JVir3krzvc/uiAs5BZdoY4xaRhlU7\nIpWjVGGIPiNpzdghPHSzx0IHCGdhCA95V8WWohn41hvAitDV1pdN3PpPwUdW\n5NrMAxklZIPX/uJLi0kAixijBcBKFSrSRG5okSZxgbyV5W/iamMsTIWUFE6c\nob+PdSvTokSaqVu4BrN76k4e6GvZ69MhBQQThtRKKuC3EdTHb9yKFLmvdBsJ\nfF1+1LF/PmUUSQKB4+2hkc8RMlc5NfixSJdtx+mvJTFKvglaWmB7Ff8dng5e\nnhc1x3bcL0uiQI6y9PNuRkye+ThAEYu1LKq13foUZc6HVrT/5fxDhRoxJmJ0\ns+9SoVbf4dI+oHFrbhh8eh9c3XDVKHlTprZkc78ORf+Jdcs1nr266qYOtfi/\nRtn4tPKnWLbasXJ0uufIJl8OFNZ15aF/2pn2VmQvP6RTw8Ct5EJXL4ARhxjt\nAIwERmaLhjl9+S/+DuUu3FF7+vvKmBi5VAcmJzlfi1dSFhUDv7PqbIHhWmml\nKkeFVpY8T2+KjjnQe1W7L7bxQOolwXQlzCk4+23WjGY6iUgSpkIyiKLzfGGj\nxecZ\r\n=Fc61\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    \"module:@fluentui/babel-make-styles\",\n    {\n      \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n    }\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.26","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.43"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.18_1624951817156_0.8648838916283119","host":"s3://npm-registry-packages"}},"9.0.0-alpha.19":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.19","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.19","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b51c652e0b5c91c9d15b12a862426cbc3d7e94ae","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.19.tgz","fileCount":139,"integrity":"sha512-gOrhzNDG24ds5X9W14lWfEow8YjcC0i4fBc6Ss/fdQadzQq7E8wd4Pkli4In6QOr1X8V83FSz3sjROjB4M3TOg==","signatures":[{"sig":"MEYCIQDhe1u2qY2WpWMQ2vU0pv1m/HB/ATjYgXOiv6oby3ratgIhAI+5fVADn1eoPHgocAjYCxD5mdcijQ/UcxTx9GP1oopH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":155938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3B8OCRA9TVsSAnZWagAADOwP/3KBiVNf7+gJrg+gexiK\nlAd9o3O+yF6u6RaDO26hO9j7kij0U+9QPT5xKEXEbPS9Cse5lIFXqqmCddJT\ngpm4ic8XUT5cW7RLA8u4g52av+0OLcBQljPnEjUA5xQaCwYJTRN6uL+hSWni\nvU1f5Py4J9LJ8Dk3umHKmNefANuqsaFVTX3mHP8pOAScY6NCiD3JOtvyNFib\nki2cQEctYNZRDAvb+LBJQT4BR9Xcu1raLEiozxS0L2mtgeYS279sITV7GiIo\nGxfAM7MC5zwJJhKqb7dHwj7qgKm8+38QvxqmEu1z81aNDD5Tc/4wt7XO2uF2\nv/UiP9zXekpLRTVKnerLhakEGkLKnTWOtuY0aravMi4FP/z4wpSKHb76vWr9\nYgnU6ZZC/Bg2bShzFeO8s/o/x3vIrgEkQqVmsVJKBPvciw30fVXKSqeOhAH+\noPEHnjSO2SQVfLa8kwjqZIBmHrcgBZWV0CFd5e2QY+6ejPo/e9Fk6XQ85Ygq\nguaxN8O08kKdDBkof0Xg/X05YVrj8iK8Mq8riHLQtn5r97hOQ7qVtbUj8OCd\n2YN3amrcoBvdGvYho0pdysYvPrV9p3MC5iu3HMzzseDMXXcL8izguT1bciA1\nVcRorEosbf9JD/IlsMWKelAYednk1EgQDJ579rxtKTKpJIgOQKdL5nBULP9u\nYm0T\r\n=H5gF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    \"module:@fluentui/babel-make-styles\",\n    {\n      \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n    }\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"lint":"just-scripts lint","test":"just-scripts test","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","start-test":"just-scripts jest-watch"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.26","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.44"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.19_1625038606369_0.7341925156654945","host":"s3://npm-registry-packages"}},"9.0.0-alpha.20":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.20","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.20","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fcbf59e40ad6e157efdeef80a7748e7a44ce00cf","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.20.tgz","fileCount":272,"integrity":"sha512-HzIZEK5aKlQNWRw+HrxqkOd7I3Zhca0Nq+Z4ZnKWe246lBg9lmmxN+Gpub+iAKNTcmia67Z0PsD3ncmvaLu+PQ==","signatures":[{"sig":"MEUCIQDsPqvfr7NVmudNkyKG8q7bjXkEPYD4sLvLWLet4LCoeAIgT0EchjcxpVlusYTzpF5JxS6K6eYoUND5rjo21C2WxNw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":789630,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3W9oCRA9TVsSAnZWagAAGWYP/0nVP/kAP13P31Ur2dNy\nRvOuAykhBPvcSnj0lVInZdEb3IPHCWwGdOh7ar7V0FKwJ0gsSc+7F/NKqJKY\nfQDArKpPiz1xGXsOwb8GTWYtGTqi1YxHSOZbFPsGmQRCBhjirNacd4G9eO0R\nwPYRobv4IrteLk33E61kUHJR35VYpl2xW4uYwJ5NAkWkkDuahbFIFfav/7Ku\nx/wQZQnEKxvT+KESZ4kMixsdAQ7gDD5NFMyCKLDeKhBoLWwXwqHJEOkY9w2L\nrGjIjfQLZR39UxI7rSvQqeaoWkOdHIFSLynp1WcJ1Zw4aast1t7fSk5AZRT4\ntMtFlkuxMD1ee2wnEL7thTVfRc11Gmk7aAabNC5tt27F9rhuuA2dkGNoXYPT\nfFOu3S/o/ZAI5+nMo8TwNwFuJwE27RW+y2vSNTdfNotw2fUYOF4qAIEMpq5t\nRHvcMgLv+bIfCsYc6u2JW3DPYZRS0u/Nb+04iw3tld0jW1IAMN6YHcBhzt9A\n65Km+jFG+TNB19VhPgU1DdgB5PSIsD0dmYP8zcLfkDyFJPFbuQ3r4u20g0ty\neJ0kGf7biVRsT7E7OcvtMYZy+9H4nyEZbgG5cOzoXfwLv1BctCiFNFG3DWCe\nfawseatat3GzgUMImDTVPNCIufkFiM4n1MRlS7d7ajWUydKVFwv6zHnFlizx\nlEdC\r\n=wAnA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.5","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.26","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.15","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.44"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.20_1625124711879_0.35610581730006574","host":"s3://npm-registry-packages"}},"9.0.0-alpha.21":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.21","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.21","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"faad41922af469843de3aafee0502bbbed9087ea","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.21.tgz","fileCount":272,"integrity":"sha512-V5q/V7AmB+9fLt9XnRJL3vNtmE5Ngdq6uqba6ZCo+cxFINHLHS2r7NhV9bLRQsuMqL1jlStp/uOdMTY1djz6dA==","signatures":[{"sig":"MEYCIQDyBTACs/GlS8p7zBA2+xEYtX1Y8Mzd0A1PVguh/rGw0QIhAI4/V8G/DtQqdqmR46PinksyZjTYAn8PXnA9zyPgao3+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":790573,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3sHBCRA9TVsSAnZWagAA1ckP/jOUoCuzUgPnwNV1R955\n7LDToqrQK2+HW0d8hwh8ht02QLjIHKjU9GacvEGR9uKOIj5C3sfWuTVlZ3pI\nB5kZUk/tSqw9IEjQzdedHTMtPfW+Oc1TzUDgKHc2H+HRdcoaItvfhvSXxMRv\nno+kWmZS82Cz4Q4U4U19/JRUnV4tmbVHFzvips6ocXUY0BS3pyjtboRMC2c9\nrrO/+q2pJr0sx7LLEuQKYEZqxTVzVGZMAAFC74GPuEMFhyt1ydeGUU9MRiuP\nyOpJjvByW1pUk6tJ2pJaEEyRmbk6hvNqoZlHVh/XTvNAyXkt8l96IYjlBYCU\nwgDem2evegRPXAuVcvhoyK7ro/iplH1IwrIhv35a7QPDDvQcG6P1WZL+F5eJ\ngLEFHwZEnRcba4lVkZZ9LJHd7kTSK6jnLMlS1Uj0zhhHTWLKhGtRUDoPPAxD\nlpcAoMEsrh2xkK/xzkLNRUT4UCZLTqpk+E6XvnVtzfIK5I6BTa5WwxwlQUM/\nQBXRzbmngSlmU7d2yv5o8OXziT3l69NG9fAUMChnrbTuW5CugY9HbQfnQIYm\neEcpGYlDkWghFhodw7FEidVgz9gmd0m+qyJyqnVOlVHLZo3N7w7avZznFBfY\nYrN1IAKDFCPFNHA37hGHBxvJERw6KregoUu+aKkiftborT7UqGS5MzLRYfWi\nE82J\r\n=h/EK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.5","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.26","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.16","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.45"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.21_1625211328976_0.4665649340283411","host":"s3://npm-registry-packages"}},"9.0.0-alpha.22":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.22","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.22","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e5987987566825d162ac9a9c53e379f1443a038c","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.22.tgz","fileCount":272,"integrity":"sha512-YuypMOEzDWgzoDPfFNZ6YxfGYTYvYlnc1GMxo28a5+Qy40HQIWTe69oDW40f3vMM5KF7FSMgdawvsBf0ib96Dw==","signatures":[{"sig":"MEUCIQCkfJnAryD9krsKZld7C2/VbXygCcPDM0cxd4p5mxwLuAIgWL0hKDzMOY0TCxkIveuffDp+tITk+8+HvnZYycD2Q2k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":792242,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg352BCRA9TVsSAnZWagAAWlIQAKDdX6S6XMNavlHNhkKu\nszDPSG8k0wqfa4iY5s0FLaSBKGDEDLvVlWCo6LpkuC4NmLlovU58N9lWgAy5\nkImtGkIxPL/akNahJ/mchz0KWtZKWilujBdKfwVN/MhEhERGYetyE0HL+pNu\njuojXF3tnJmli3lUxyy+6WSjirrc4e0UhTtbHkwh9c+93INjK9AiejwSf3FU\n9K4CBWydP7/ZEIFhdk3bprFuMfKjpSuJcIpMTA612DKOTUtJSCFfjS8bRwh/\nWlQ5Hq66xeyISfiEWQQ1JzkkclQVRK91eOEKveBb3u6Ke0qye5g6Q3PEnKEe\n67YpYXcLYNO03VtWHV0nLb+WAW7pFSy/E9Y+w99e9VXrt85a9RyiISrNLXYn\naTxhEgm7AWYE6nxqv/pKYBuEkG6vM5D0J2beRn4pSLCC7HRSS5YO7pqmix6O\nSysb1c1z1f1uO3tBIyylKDpWrCcJo6V89LIlWWoYAzwheUoozFpaDUW/a9jf\n7QBLeZXellBjGXlUWua7faGzq0oUCpdxU9TXDStP2P4XdXBVhOnXXCwlcTsc\nu19Lsuo8ucYHAsqKAaiL0hsIoSj9UB3GSaNS8tfECcasHRggaTGgpdKpp4uB\nE0TeyrLwP08H3w8cdfAHcHrRRt72JR7LZiWQ/ir+8jPHtzkH8m0Q+oBqS4RH\nHJfv\r\n=n9kb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.5","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.26","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.16","@fluentui/eslint-plugin":"^1.3.1","@fluentui/react-make-styles":"^9.0.0-alpha.46"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.22_1625267584843_0.5893053926389658","host":"s3://npm-registry-packages"}},"9.0.0-alpha.23":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.23","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.23","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6be7d5be7f4ddf6e5be7507ef04991ea5518a5b7","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.23.tgz","fileCount":272,"integrity":"sha512-ZvPPtAGJWs+GxjYgGfPkoLwr/b7Q2btSJgZ8zhNuq7BSV0TOM86RnqvyKyBZI9OWxssja+H7mkt+wTrH47IB2Q==","signatures":[{"sig":"MEUCIFLIe1F3bfKkbmKEQfXCeX7AZN25RQLGgmlcbLOZtGvKAiEA3zjUrnakdI0JmJjM8Yh/nyXkFKP4A6W0k4ZIbfxCHeo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":793267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5/wUCRA9TVsSAnZWagAABRYP/jLpjS50ONgG0Ct8/sBf\nFGvSmgWVVh4B+w4L1DegxWf/oaMuXHprYeDSbcbZiVWfxRWK/CKz2Znck/ad\nnKYUuQJvphW2R+0wkPbDSvv/ZYJHXdJVN4R2Uy4bCS0LX9/bBXxsDDuyf69l\nCAAi5fKhrDG862ZYlO/28UaK4XQh8NceP8bcriFpgM5dqOteB2vizm3YYoN8\nhUVcyupaTiJuXT5Ao88v1koYtOQiMGlttQy70jVhj2ns6zMnfE+v3UISzzyS\nRWYLye4meUADPOAmzye/B18t3FCVC7O1n8LsDLYeP8dfQCEtClmesLQfOoWB\nC+mmrstCbZlLXPtrNBtkukQK8sHHqNTm/nNRF33Okjbx1fcZUBorZBt0cX57\njN6BpNBwGfQ5qwqcE9kzDhlmpL4RfZl5HM0sjUKUrGsoVbPZaWjac8n0SmsE\n/5bRqnnFo5JjVNNrH2lRZaa+0QO2XCeSmdBQu8r3yzaOaWnWYjqf2gSj8aRn\npjaKzOvqmu/hijzwYJ/NdBIvM7pgo07vbdRGf6cb8ZO9qcis1mAZbVV510vB\nPC9xTiJULQpD1Nv3H2WQqQAbV1cXkk81cy6Ofnk/SlrgwlGTEAOcPP5kNIrP\n9welx82gLrvoEr6v7jLuaFKzZ3BTLmY+/3XDmnGzPb5vKRBNuk+s3IbdSWnT\nPxAT\r\n=LUJ1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.5","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.27","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.17","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.47"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.23_1625816084306_0.3150928025829416","host":"s3://npm-registry-packages"}},"9.0.0-alpha.24":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.24","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.24","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1370bf65dd30775d89e05de393a83fe2e0ac57dc","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.24.tgz","fileCount":272,"integrity":"sha512-7/65nSjnGmAlIYiGsfYSG//K+2lyViRSKgQ6May5rTJ/7dVZeFuRfNwhIxAYLlEyLSgo9KpOnWTIvjdqYwrVIg==","signatures":[{"sig":"MEYCIQCXAgKllNDlh+tDN8BvwjRmaAC5nsfYEELSmJsYxjDj7gIhAIMjgOI4Dqdj/5PAdOj7qa2kItccXd9iARclPl2NMwMM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":794368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7UGLCRA9TVsSAnZWagAAAlQP/34pgkrtH7qUo8BKrFHb\n75kLxSRV480i9zxxUrYU/3X045NAsuxH5E+L/s60Q5DbCzMoOs5Go9iBma+N\nhR3yWTC8jLG6iyfucOachiKc1I5Kgedn/sFdDz5DN6b5Vxzo3DBprX24hpC9\nUTQfeXm3WWNnwi3ZzCKpka0IyjTKPTdZXjpwKSgO9BU+Lla1GYqbFZhQFX+i\nZ8mllbvL2xOwZlBlKxDHtf08rn25h2NhmFDrRP7hLNW5IdBcrZzhXTM8uTtb\nCcnD9A8c1cXTY1OctO/q2eMQ2M44dDdn7N0xZcIMM5Jue5DgjSaUkt9nW87J\nFsMaiSegXEZZCxB6xWcwxHt2C4VHt5XudNeSl8mfxd+9FQ33LUIF3J8t03W/\nk0zQbxspAq0xQDzNqUc0R/q+79HhJcUAhoprI7XSbE9mn6HLEPpl6ek93jur\n43iQvjqcjUmzd87Vh6DwAFkV+0KaUv35WYBKW7YxFfV+4KbGjAKX5Pjzejpl\nR3pqHv2me7UfAMImzYa0aLbiLX0SrSx0K2qKU3+JxlgDTW2XEpJZhaBdyU7u\nR3zfm0Tksl7y6AibM5jRczH23W3rMYXity913H22uRDNjm+mfw+9kR4xv3Sh\nKY8m6plVwyJl4g/0B6kV3ec0avnb3l8puiY0KVH5i3HGnrMgo9VUMZKvu8+I\nNyoX\r\n=dVQx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.5","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.17","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.48"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.24_1626161546861_0.15865755040452245","host":"s3://npm-registry-packages"}},"9.0.0-alpha.25":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.25","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.25","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"2ee0f9813a62286d2c05e69611689e276f033ef2","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.25.tgz","fileCount":272,"integrity":"sha512-q/NvQdyVc7PROk/+Cs6Oe9LnQO9HodvGh4bIK1ikCuZQah0od/B3oQgahbRReeGjt82giDEeLK3eVKxpB033Aw==","signatures":[{"sig":"MEQCIFCY2aZSJVUcDNt+mCSnq7+vOuiAQl+QgS66nn3qsNzXAiBU1ZsB43kKFQjrcn760VrbE6+h2Vi9sJMRtUvpTOziuw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":795311,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7+TBCRA9TVsSAnZWagAAesQP/1oWOhPgvKRpUGRxmLkt\nIRhMIuBUo7jWCETWJMQRNjvfikQ70eX3nHXFFJ9FBRttQcNiESyB2j++xK0+\n0ZuNLPiGhPPDx5FMrBp5nFFjR28aky9aGbEiDd61nN5P5/54KIr/1jhvSsKs\nPmf/1sz+UdlDAgJ+qXwlm3aZUQVLGp0acLama38pmi5PfBE2KSqfb7Msl0zY\ngbqxQzbPcBhYIVYdmblRRDimdfY3Yv+J1l65DZTexz19KcaUFUOOH9CPCpDz\nII8Mnp2xREhZZiWq+ICl0+g+0EnkmfnG+pxnxU+lKrUnguPRRFoqze04DMeN\nsVQQaqxGTbmnZSrDNgmPIrvfq0vBj+sZWkDixqj6xe7E5QhY6tAKH7OW7Qkb\n+tYoJ5emUgwhvidpWrJ2e47lvsaP1OBRgw9h81RIcjbVNNZCHgvVHAkFqvF2\nmlFJIZBbqURdAw0BWgmuhkVPStgYhTCVyoJT3NJE14i7qRzURaKNiSBbb0Np\nhzoh1CcWc43RMxYE88PO0m40H1G0Wqzr7RAUgurBXD8zVIY3WSuL6frAgMi8\nB6LXetK01mswF7G8deaDMhlR4exI+MQaE2of9yD+1u9zuBWXykApjJR3IkUY\n6Ut8UDBZC8DPOLpbRXE5+hlDeH8IHW1D2UQY3obX/uEzYGo7FmY8PLpIy4rz\ngq9U\r\n=ztL6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.5","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.17","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.49"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.25_1626334401132_0.8688905495518522","host":"s3://npm-registry-packages"}},"9.0.0-alpha.26":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.26","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.26","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c80a039063be222358df8cd20d488078314359e1","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.26.tgz","fileCount":272,"integrity":"sha512-95AdTnk84734iqxzruxa727H3A++ZZv0wpdMuiOTLf+9lTxqiOZBxanKrHJfg7R4xi4EfMZgZSyMHaC+TTIfrA==","signatures":[{"sig":"MEQCICSx1vIWdN6bO6QFlRW0caQ2tKz7n5skwEdmjuNWjn8xAiA9CONxEmXr7Rgh6Zk/Mu+IUCP8lHmmxStXkZ0LVd0Few==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":803786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8g1/CRA9TVsSAnZWagAAFeMP/3Kld+y/ykcOwJIfTTiw\nQNDcQReiMm7fbpXpcepGoFGXlcsSRqJBSMdGaUpndpRRQ5pex2bk2S4bnyn/\ngkx1O5JiwfNObQplLfNknqXTOPVuePwHct9flFTiFAmw29Cj1Qmj7qclmba/\nxNtfyl1SA7fjRGrlbbUhK3Ajbo8hlqNtzzm4pj3Xev5l6qHNsWJlildpQQAO\nStYiXPcSG2MGlHUjSPdAQ/ME/97h6HQ8mmwtHjow0DKH+lpDVp0vpN//B1dW\nNfcxXlT+s1m8568pdbpze8ugbpiNQQwKezgkzloEfqw+7RIWBJ+4omglOiBQ\nKRJkL2wXTxrNtSWsGgwvB1Gc1xZNGHRyIjbDCoDjRzDoSN2hKguid+sV/JUV\nIj4qE8uI9uHA5wztnJkv9aRGHpxyA9ShVbYh6mVM2vozgs2j/ZcN824bUrFZ\nlgyn1XE2f+Tu7LybdG/uZirmSWW6P2XZrnTo8ugT5t3p40Hb+smwtDKZ4SDX\n4M5mHsBBWGlbwXtdZM4VehMMVWuXaYvZGi854bW/FSgKmUZyuK9Y21IS0bGg\n0qV4w4+uXNCJwCm2hlplBdsiYfXms3pSRKEw4noI743f2bFD2rGXE+srXU8l\ns9N67sbMLFBs1eaGNj8+NgBW9paHW5CSK5T62RGjP8YQf2ryp5rwrVqWGxZN\nccqb\r\n=ma+a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@linaria/babel":"^3.0.0-beta.0","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.5","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.17","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.49"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.26_1626475902966_0.6806407474548295","host":"s3://npm-registry-packages"}},"9.0.0-alpha.27":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.27","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.27","maintainers":[{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c3692d5d32db5a1d2ef5ca2b7979dfd41ccc294b","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.27.tgz","fileCount":275,"integrity":"sha512-opQzs8Q5NuF7uhYjmdOKdTbv+q2d0W8Hjz4X0bkDV+2PtOZPERMxqYUOsnW5k8JfJl3COMZxhTJcB6QcKs97rA==","signatures":[{"sig":"MEUCIFhLyRl7nfGIWLIDRzzhnK0Sh2pez2OKXC9oUzTErU++AiEA35VXi1/l+vHK837OJP+7ebk3JEuZDsCal7UKbcuyA/o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":811177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9nvdCRA9TVsSAnZWagAAP2MP/jwGhW+lEJ7MEhh3KmKc\n7qsqtJrEBN75oy+qsEwDISRv6z/aUhhY3n92z9nPAwil5Fxz5KiMZmi6h2yM\nWZOjvGAecehxSClJhcOXFdV/BSLAQ4+kGuXzrRuoF4wEmB7sbG0pZ9/s6e/s\nkSggKZp4X0xv2Yi//Bzem9Y1AekR/NWX0AjWg0Wsb3w5X0ueBtCwwQFJlizO\nmE6GvUtWf9S2jSKEV3Ggtyz6Dh+V/aatZ/N8WQzLtHkOC3noX2dQ3qebceQA\njiOSd35AfLARfuDh9BqunG20eBaimkImJq5Ddq3RMMOgciDz4R5JfH5dzZLP\n+1Ry8hFz9x6lGsbGT5sBleqG/J5smZG7sqBmxxu8t5J7J5ldKe7UDvb8edpb\n1uz4G2cikUmHxROA9CUhMspyvjKbHAcllWxvVyS9REWfVv8toYsFi5/EdIoR\nevwVXETwE4VfYXH4t6/C6D6jhOSHdyo1pwFY3w6Buua5zuTOLkoIGVBj7dsL\nB4Y9rm3AEfknd6TMzEfIjrRBbCOh22YsG1Y5PcUAuqI7AlXFrbhTiXzGX3K0\nGVVzAycBGz0egh8bBmgsaXfoji0UuziVABTIW5YYTuJg9lkcun13yQQdEbYV\nq+eU5dOb5PvKZ/eX9JLj5+U+RxulUjswngWk4XRgI2HVpOa/2qzrK9tAN2NE\nR7C3\r\n=+LkR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.17","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.49"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.27_1626766300987_0.733241702954357","host":"s3://npm-registry-packages"}},"9.0.0-alpha.28":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.28","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.28","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7e293b74267acdd79e5b16bc444ec5f5c36d6422","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.28.tgz","fileCount":275,"integrity":"sha512-0ntCjAmoN8YSnT3m9QyMPiRLxk3y+RdhPmtH+ytHlozXiLmNDZ02MvBcmQKyUUm2X2i9EjwoTeljSUK18djqXw==","signatures":[{"sig":"MEQCIGHXX2hxJYgOZ5+nnlMW1mHmZumtV8ZFrVQfkkyP8FQ7AiBKXRgnFJ9Qu/04U/jwlANX5rT5CTEvAMKLzinEnCEvvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":811727,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg90xPCRA9TVsSAnZWagAAc+8P/04jKkorwoWKWZCwCjp6\n0dthaeCV7ZiEx6Vr7LxoU39GQy4mFYNgWrO0X2n5s9Yg1jnk5ZlvGeELIQVD\nd7Or9i8pUR7SnkjmyyIdupazB4/7XLIzgoFU+YZGgzYEPJqZCYMy9aak3hMi\nMrYwdgWv5jhtzJypXChZz1XdyvR8giGJ7+KfMS5tknJuYpAxDGS19rUzm5eb\nGgWxfpIWBshof5B/EUS445jS3v5M0w7OS2JYzqLUUWPW5yrVb3QkC1TaxIWN\nx35sGqQmDEMUxis6nyj51JKXCQT6eg89GnNoPbF6q4Llaz+4ZdDoW3j60xzE\nEPJXVOFZ7Kk6V7JuYv4mDGUpAox8vuqVkYmiugShoK+3B7eegl2gvLnAaNMm\nMvy7L7JdhXY6paAqA+zgxQ3Y9XHTtcyTWF6bw6apmd7Veh/Sb2XpzV2uytRd\nNNJpVGXe9ajes2aI+VzuD2HkPD66pI0n9Z11E2hzyPHM6NDpMh5Oi0pz2bai\n7LuEvE7KghW3n9W04gR0xFDErIWtHMiXUDRNIgy51oLXMjh4jNKnBG4Pz5xr\nGJmPwbsy87hR1Kxh4ryM5G3d7FuthypqLtt9V9MqtXbqAn1RWcYsoYJBPgC1\nw0eJcezjHUc23DhvKpRzJlJl5QPPRPjXmYXEvXglnSSmcEL5Rx3ZyoHlvDoJ\nv2OV\r\n=ieBp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.6","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.18.4","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.17","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.49"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.28_1626819663492_0.4787670942344766","host":"s3://npm-registry-packages"}},"9.0.0-alpha.29":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.29","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.29","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7fdd736ac9a1fb1c5d5528b620a9f12fa34b8d15","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.29.tgz","fileCount":275,"integrity":"sha512-SAgtkHNCjBRLbnLMY47eWhv+flIwYdarmbK39jGI5ip1KXD77akb3MDklDxdmNZ6DHk2VJRFrBn6XffzpJglSw==","signatures":[{"sig":"MEQCIDpyJfFxD93o5MdTbvjQ9QSiBX8dz2E7LKbVN1+KAAXiAiBCfM6w6OESbXWSysI+Iz3mayMlYmAoKeoNEIAufvXkvQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":813757,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+R9PCRA9TVsSAnZWagAAM/QP/AhRF8IQTOaGubcj8O6R\nbRkQHirVuwsBi6vT5+zm8Mki0lDxB8pA2snGmn3Rq+vnYW3nnB8+UkX2XVw5\nagUErfVrh10DIm037/bMxfc8mGP2nkIYrRLmcBjCisQzSNxdmpven/JedicS\nO4HC993Z/MsJRR3vE1R5T04og8JBKLtF2a/rzXT0Y7rzu+1zfp65Yzr7AKyU\n19Tmvi/o5wZXiyYxBH1JXlw6cDzzfb9jiLU9Nf57zOXnkLGZP3vsc/Lltvbn\nj5xZdzWsf8Xtc4UPoZu7z1HAfCCOeDrqLszlQu3Gpv3oEEG3L9QYKcdgGIu8\nmsKJTY3qBPkw5bn4cpkf+WMTrkbKWqyP3nmMwfMDmhryPIlgMgRtEcDkTP/p\nKBZaT5S9IUJJi/t3X5/ZUNkquIQM2iQiiY18m0LcgKNkBnepW3ux8GDglgJN\nLwXWY1ktvuRJzXEe+Ay/B9ZocRm8RH+HVJMSqA/7X4gw3+oZGnvsfKpH1bKR\n9KqLeO+F3FnsmZg1CaLvU/n6zBUBJtoQgk01TjNaI+FVvegXHB5+upsWA+Sv\nNMRiQ37WnVzS3wuy1akC5iqJk8F014p3E7A6Sf+fzxTHCqLkFL1/2UIcswQo\nuAZIya8fGyWcQ13D1pEf1czS5YhFF5uq/sh4/71PxTj+6+W4Y2BOQfAxVbWc\nk4gk\r\n=Lr1m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.17","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.50"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.29_1626939215017_0.7727325296820153","host":"s3://npm-registry-packages"}},"9.0.0-alpha.30":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.30","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.30","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6f6341388a3f76445b80bd3d290e43b2f9b4164a","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.30.tgz","fileCount":275,"integrity":"sha512-um1uWzJySMvISUNxdnWNsa+Z0DpweVJ4ZC4WWwdQbubher7Mo7XcLJYdloCNlRIs90Qx1DYuKg21Q0PI44cHrw==","signatures":[{"sig":"MEYCIQC49MfaDCG+du18glQieQPudc5Ll1lz6+QUmhQPWKaeWAIhAPvlV4zjE10K6V7FvzAJFt31UP//4RroO+qwJwU0K4zR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":814699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+nFBCRA9TVsSAnZWagAAYYEP/jKjZ7yU8I4MycJ4oVjG\nvrcZugwqMIOg5R9zYXMYSqkhpo8FPDrinU6vEHNRFVmSH5J5uXWS+Nr38eKy\nBy4GvObD+fQFaVfmPqDq1CIaO50dtR4iVhM497uKI9We2jhTxjUdTlYhFi5x\nQG9TdhOCLjIr+quYx7bJS8a8wOW5PsSZIxneGK6/HS1roiIkGhI/S8R/Qv76\nH7gChEZiscUM0PbNMDB61nRJosfhJVNJ4d8Wk/abn/vTDZ3UYg4JC/+98mNh\nOwfwMbeikp/SZLpBz6iSoEkXEMs7tviOOW742NeJzgCaSkV6RJTxe9y43YiO\nNIkUMP5rWXZ0s5TlMCnzaXC/MahD7eMT8FysEJOeW7vO5VaG1fHAWYVYJ0Sl\nPccQmYSGkp+HM+DM/kCOr52upPK1wekTr1ptRhxB8loXjbagK1SbEIyg5f6T\nYFG9h2wF24oE8ZV/TZJqr25j9T71JwMeg1Tf/1zD90bIeS3F1eCinNGCE2ES\npM4fDmjFSI27jcKGx52MWQg0Op3K9c/xKisVpOguJcchn8oSpbkhoS9D6OJm\nFufPKdzOhoiZPIxoQT73tp2KbfyAOSpvqtSsliiYbv4h3nZYnG3y0rOsqYhj\nbPZMSHTEkS8Jv+6yZov1lDQnKTMo+M68LDacYnLFxIAj/t3kwkYu29Narzhe\nEUla\r\n=O5/y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.18","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.51"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.30_1627025728955_0.8687565120335505","host":"s3://npm-registry-packages"}},"9.0.0-alpha.31":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.31","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.31","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"89caae943729dc93e73ee881b54af295ff04b126","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.31.tgz","fileCount":275,"integrity":"sha512-TVYA/v1+YMvfGSfK/omrOmQ5BLLCHDFMzSb2R58G2R7jO/je1qYwVixktdB+t/ZbgetnMCSyt/cY8taFwCwf1g==","signatures":[{"sig":"MEYCIQChqpy6NF/9WgkGXcXTF9JtK59EuxVxBJSxis7nAxqFlgIhAIuazCWis/M3jJpaw0JY2csF7mzC2TpMtSKq50XKb6dd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":815940,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/mWSCRA9TVsSAnZWagAAuzEQAI3OTis8xTPoI/INCaN7\nw4tiXYNiXqzbl1orSKlF1UVOamZhZ3ebx9FerZ+FyssqAjCax8I33v3Estnu\nLYCzBJlEGeEDsbnJiZ+ZiJh0zcx1Vi4izqhj/2+faIv25WdcSwGJ/XcnR3Ie\nmm0L2UXEUaCxKOtClkxGhR4LoccTywt66RJgJRy4IWemgMBHka1uhXSN4e2O\nZzHj96vSgN8yI5+w+Jg2+sAtiVCrPJiVln0XkCpISyn7yaKIIjLLKD8gR5eK\nZARQtzf8/atZbj3DG8yQuft7fxLQt41LbE0L6H4HMuNIxX9sFZb5QduKxKv8\nY7GpiyUsDQx72XpUgpobL8TJQaXe1uA950OzVoTbfuXEZ8cAY54EI9U7btaI\niBi/9nJsoV9aQllbdb+D3FPCdxuG4rLZF2KmQHSqjH6ZTbcd1up/I5t1Xpye\nFCAeNh/CdHXQdBDDVlKxhqygYwKPf1ZP7pccmtxzoF4RftTATzDVpisbT4bb\n8PY6zDehL4YGyeei+oHbjz9QRmQDshKAyv/D/MuDQq64DVmEyYoPOA76GYcW\nz1rH9SUM1e7G3jVWJuPOf4o26EhKfEafVIXyGjk0VVdKNlZJibMv1IECNw78\n803EHylWgTmIjxIvwlP+RkBi1bJ+0b1O7u5Quh6s3+0ma6gauZl9Lqn3YHZb\nX1Kf\r\n=7rIf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.19","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.52"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.31_1627284881870_0.3931408202865454","host":"s3://npm-registry-packages"}},"9.0.0-alpha.32":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.32","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.32","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"f9421e78ffa1d12928e2d02d6355909e5bd7285a","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.32.tgz","fileCount":275,"integrity":"sha512-ZtrJ14bxHt+id86z/T+DfLos+WX7c4Es/MgKiwiyDhH+G0l2w+WDdiEJxxJxedcNViqlcze99x2bGVOu/Ldr2w==","signatures":[{"sig":"MEUCIEMIv6/EFg4QWEh6g1m+2goK3lFfVerhw5w6FMqeiqHRAiEAqSrkbSfTMkVRwFKuRZtomdFGSi+ejV2fe16nPQ27biU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":816884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhB6AfCRA9TVsSAnZWagAAzCsQAJm07BFtj2wZVYHRUJGU\n/aDE413FEFtehxdWz3YPSbT1PDCwYEE9Hj4IjpdpU33nPskOx7QMdT7g8n56\nkaGMe7KF/Jp3yRMdvx63I23cbF01tPvD7BS678uEJWDwpQH7eFhU+pK02kqq\nAFTcbboqe94Kwytzu1LwfqM8W7UhGsvVvaTp5QLEnYvk2H8FCfcDmGNaeN+I\nxMWbTcl5fOYZ1ei98WxjR70EdV9DXh5QpRYffP4CO4i9Rb6DmSu25Vqmtq27\nsIHVcW702SoxQKTH7zQCYr16zdwELIwE1Bui+ynCPl9TSnFJmL3ECOKzPU0Q\n9GokmYJ4gwPpsqmW5RlLm+xnI3AmaJcNqhQVzENOWemC6NjtSs3MlbfwMs6E\nmxlLPBgcHF9Zk/OBo3CPjm5d4gRVgM9Kv0dn1+JSMtvI2kfvxd3s58lnZHe0\nA6LECbmQmOOqRYh8arfiZchc4dqnebflfZ3cClv+ep8xPSz38h4j106xApBg\nu0E0SyxDh8AipU5Dy9CShwtj8uLIRaHvJOUQn3TG63mYCr35EHYi8EoZcka3\n5g33Zmj/qkSj06JT2hRMuHwpQhi1yHnDtCXbiUuNXHE+V2fqbxauqGC+1u++\nMtA7qA8HleGZWgkqtNkvVBFKjRLXfXK4hvRn0Gv1D+gfd2Hae5RB34WyHSPb\nrv0N\r\n=mhVC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.28","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.19","@fluentui/eslint-plugin":"^1.3.2","@fluentui/react-make-styles":"^9.0.0-alpha.53"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.32_1627889695242_0.9824826362346735","host":"s3://npm-registry-packages"}},"9.0.0-alpha.33":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.33","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.33","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"944c5bb322b3c57962f4c21fd6835c2a2fbcc8bf","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.33.tgz","fileCount":275,"integrity":"sha512-D+S0Fy75/Ym1nRsu7Dl1ddohTNUo0VLlJQ87E+z6xH65kyfyHNktfRf0MsdNOZLkq2auFFgNjFOvtPA5rIaYmw==","signatures":[{"sig":"MEQCIFCpAQhdZHz0lESlrFbV6p44QVTvAqoH4b97cJuv5XA3AiBAzx1y62GEo9K9JJqWC+rLpp1nUnehsTQK46HzQRZepA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":818168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCPHHCRA9TVsSAnZWagAA/qgP/A035S8s9IgzMDTzeaRg\nHXYCAGhgbMhsyUmiLmuOjcsHEK7ZcUbQAOua86HVwsfcPZ8VkOqqf9hhnfbf\nFsHtO2YeAMqRARwXB/QAAuIqAMpdAntdffWRcGCGiu+BoWv7e+g9BI2j46zh\nL7sha6zSmsbI+slVjbjEX2krrKBuXFOkm+Fhmu3NjsCIhDWZ7c4RglFWBSnI\nLwlJnHLqDgKo4vYPGzWyfVGM0ZZ/m6l4/mjmRa+SfdOa2rpDJjePBV/dLddf\nP3j6hakCZ+lG8LuVEwqyPNpj3NrQrocU/BgPXQmYion+g7uIOXNLOjkMRm0Q\nb9NMah1CDFDwAIVByvXyj5MFwhN+H0Bqcdk+8CrQ4kb/vKjUrz66gXziPtss\n+pmHmPMGJ/1ERVcij3JjW/rChjKQGJ7SYkjpkxszaUp7lvCgpVMqaA4FzVPc\nSOzykxCuFHVqYbt8masx3s5z7xbwaSAMf7deO2rlgFHYrprLS1Itph9HEBgE\nvsjauvZan0G9cJ+c0cbPRIEvBFp2xLYQ154+emYjVgvtJbi3mglXedrRfMlJ\ndpi9x6ZcfA9v+lTme2vAvCwgap/mZCBawBfQJMtg271ZoKbM7Iz4/3otYnAU\nXEFnvhe8AwmhIfPsQtWeIRMoposSXS0fGLMJR309GMJ3HC5AZ9ZDxT8xjgdp\n+LXI\r\n=NsXB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.29","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.20","@fluentui/eslint-plugin":"^1.3.3","@fluentui/react-make-styles":"^9.0.0-alpha.54"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.33_1627976135166_0.25245153810921583","host":"s3://npm-registry-packages"}},"9.0.0-alpha.34":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.34","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.34","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"81deee6397a91dfbd4b051fa7aa6c0dd402af086","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.34.tgz","fileCount":275,"integrity":"sha512-6FzZp9aFaeR85cwRt8Yp0DqsXK3kM+GeJRSonVXVT85fsf9VrkBx2FqOdnp76YqfQO0LLHwuDrc8C8Se8WY5Tw==","signatures":[{"sig":"MEUCIQDU20f3i193sM0wDP5dHkARXrG3kmcXom0fIlVc4LZ62wIgeDYjtkDFBdmOByOXhzyDXxKA8Kn1W4hqLRZcBgGrWKo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":819650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDOXQCRA9TVsSAnZWagAAFMIP/0iwh9TWF1IunYL3C+9y\nFx2m6izOQx2ZiG1hHik8niOY9poeqOtwg8sLdxEh82sJrJ1O/j+SJ0mkTSkx\nU0OBptELr4Yf8vIWAsHws2+N0nGuu5nA36Dr5st/xdQUuwQo+R3UpmrUavhO\ng6gXpkMoougR6LlmlMLIqHclN/eusjIiFvh7DTd9QBeeB2VgbJgX8R2BWnaS\nY+dPKpcT5Rgi1o4lkl70LehTqZulbjUNodfHzRubOLyLI6UrW/8qlCjPBYyW\ndxHQlRrNHdEQq7Mx6d7UJrAsmoz+mb/gaTx91l/xszM0HGuNvPuPNyceooEl\nR+A1IVbaqQCdhHqJQ1shjZtBcli14Wd9/prMhWOjQR9WpfhhNCpuswcWWl5F\naIXjraoB+JYBpHFHW6eU1fNFzjR+D06PY6p/wIqq2JjjCAIWpARx1hDlVaxF\nSneV/GMFCQhelXZzxh5HytUbDJDw1vLq0U+6xtqbHWeCAGyaoY1b7pcvJEG8\n/8uK4OeXNBvsL3l133cyoiazpM2bg5uw9ZVae+aQs5gmD/fnwvRySftjAwaX\nTLY394xyvrrlTWT46wFHK5c1//p5Z7Ui56nIxbQBXp60OofjQ8Fzepx96SEp\np6i5uSmDIKvqvQJkO5GfWXONPSxd1aglIh3FRk1GrSZza4dc3GN9RMqHuvds\nguMs\r\n=m3Ec\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.30","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.20","@fluentui/eslint-plugin":"^1.3.3","@fluentui/react-make-styles":"^9.0.0-alpha.55"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.34_1628235216063_0.28467760309587087","host":"s3://npm-registry-packages"}},"9.0.0-alpha.35":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.35","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.35","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"619931df5ef882c5b228476e98ad2075af3fda5e","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.35.tgz","fileCount":294,"integrity":"sha512-Otmrm7Sqasp1gAQ8SURhlAoZp9aDZqtF+bX5gbXKsw6kwAWom77IZrk3MmZ1aWigtNoQeU6GxGKhzgNAhMuOXw==","signatures":[{"sig":"MEUCIACU9Oi+lp1ENlJV9GUr+jsP2fGX0brWELLNFxEfMCoPAiEAtg/Z7e1idp1JGYNqPb/RQI6LImQKwhh05NF/jb6d9uc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":851660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhE30cCRA9TVsSAnZWagAAmvIP/0Oe58j6RNue4zBWNTVU\nLdDhkVxxqaBOx8BPVfZufOs11sQM5mqf1Xu3yfx0hfze4Fz587LpsTsaNPcN\nVpFcGdQeLWd3Y/7y+gNaFOhw80uWlPEU30n3gSH+tSw5omBbw1DjuDyNTYfa\ns4b+PLUBYKcsWMbKFouIoLjYdZtek/RIruq8UbsoVH3XrrELVJFjn0HBfIcL\n3ZUgjLjli7miDC1gv7DFqZFslsI1vFjmBTx+irKadMz2+v6PA3k/7hwswE8g\nSKRYnXbBZa/sVd5Sjbc0LZWEOX+gGrUSbI9VLkKlPSUTxKJ2Cg3LCfnaLou6\nLW4W5WhewEGDcHxwfjK5tKt4lEIU5BhIzJYV+gFs+z1ayvHFr2oLoMHbUcZg\nosSdoGolFP59Hj/Up52nbBLFAU2tknvnmM0hipQg1At7PAATBlSqfkYJk8nn\nbmw08dq2Vq2CLBQeMs1aHksAf5X3/DLyDowzWOCETDdmJ+RIgn+uRL5nNsKC\nC8pzF0hehxOfjvZ3Nnx8f5vWPE96l01BP6Ql/+T4uD0KmUHWA+QZy5LU0jMm\n4c8+iKz0gDNg72dHiv6OL0GgGyPkmxrPMgdZ7wSNrny/9iMtrJCvU/rtCiWH\ntYZCuxdQnukTOxotBdCE9WT6k+geFInQ1NBkQNIIYlNDrhnXSsAH26H/hkrB\nGj2n\r\n=xxsU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.12","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.1","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.30","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.20","@fluentui/eslint-plugin":"^1.3.3","@fluentui/react-make-styles":"^9.0.0-alpha.55"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.35_1628667164089_0.2879780510266976","host":"s3://npm-registry-packages"}},"9.0.0-alpha.36":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.36","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.36","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"jdhuntington","email":"jdhuntington@gmail.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ae58d75e0a113cec82ce60eef99f744ab9ec1991","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.36.tgz","fileCount":294,"integrity":"sha512-8ygDIIjM8vMjo+cxd89qYAbsDoFLomccmVqgSI4uvN3T0zPrUn2PwhD0u0A1usTw36xzdfSXgPwx3m4WfVtpzw==","signatures":[{"sig":"MEYCIQCkGfM8W2Qy0KDG3TCLmH6JuMgpICimd+tkzI0W0PcGHQIhAI/GrXypCCCqAunPIwIsxyqLEaAOjqNNLo37vK8iZKSg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":852598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFiBxCRA9TVsSAnZWagAAiiQP/2YqHUl7UFJgb1FLBC6a\nzaD/uCE/nXYAAe7gSAhxUN2aTGnFD2sTAOpFV4lVDV3wEtv4ldCpTw+4QtgH\nOzFKIbAEgChOXPHe2F2dVJyKQpjux1pgrfvVs+mr3H+Fqn2UrFcx3Qz3ZMhG\nZLySHwYH7DB5n7KPMpsikBXYbb+quYfMmn9Wj68ibyO4xpgPVNV3W5N3CNTS\ng/6ChnhCBPgYsZqhxu/3sb8AGWUAV4cvbQFCB2+YEt9pvylKunlRgtx40Hv+\nwHnjEMMErde9gUhFFM04rz2ZFhnCqtvFz8bXuL/mXauWYbnF6TjCVFd6s3zL\nOqPhY+Mccvfh6tjb/jRg3PXJXc18oGZ0a0YCrL9GfVGGUHfgC5oWOEknv7du\nLwCw9poGmNJEv3c+6FzZXrqs8cDUiXx4G2jYqXYpFc6YgJmaN6q11poSocKT\ne0N+wby2sAxE7zNRMkAeZLZVJmwGEanE3IDVv/4ehzFbjyx38IpRvP2DJElA\n9hIZfOQpNOatlYg59zmoCZMjrl3PkUywumnF3xM4OZ3hh7CkH6cAd406H89m\nbkz36o0wwNPUE3//N5r77lqJtztefqbtt7ofija1+ZfZcTKvCqAd6xYRuWj1\nqGoelWiBnPaQTrefOB9R6g1JU6TzU1VIOwcr5q5yf0FvtBSbU/v5SEw+bmWX\n6fiO\r\n=HpW5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.14","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.5","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.30","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.20","@fluentui/eslint-plugin":"^1.3.3","@fluentui/react-make-styles":"^9.0.0-alpha.56"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.36_1628840049541_0.5550377593784113","host":"s3://npm-registry-packages"}},"9.0.0-alpha.37":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.37","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.37","maintainers":[{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3bbd638656cb7b00589e1a40f47c6658698a322d","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.37.tgz","fileCount":294,"integrity":"sha512-pSC9Py9RFpUWAwQJAUEPF1sViADibI0z3yNgBTlt1T62q5Xx2bw8+4D/YTFqlaNqdFi91dczypQQZIYypTJlEg==","signatures":[{"sig":"MEYCIQCAcsr2Wzy7EgYPLcBmkafMtpGJC8cRiZXnfaW3irfE7wIhALxBbqJCs+qgwNV1UnCkYCFbdYvTLyWQy8FHdhjUgGmo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":854015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHgogCRA9TVsSAnZWagAAYlMQAJ6xPUSX1H8WkYr+fPdj\npSaQBOcVvhd8tQ2VW2O43Wz2QjcnEBKlNwDY/LjvPrpKwfAWCilkpZcrpmAz\nY76Zl4inhg4q1fueq5vNGPP4u4yybvHdOIBQpE2An/osNipIenETKCimyI/m\n1z8+Fa/T6H+Lv5Wfun/52FopgeRNykdjohv6bjZiQOzqUu+S1fAH+4/Txvx6\nxSrXW024ttxo8Wmg2qVriNqrZa9b7chWHIJElcy98Wv/lFGOMLeXlFGunsXt\nV8ZTzWdt+iR0Zb/BSLWEK8kV9UHe8qfaQiC/OpRHQhkR08HnOQPPAXfync2u\nqLhAxK/O58o9NtVGJNkGlK/asNSf/DlPUsbko/0nJqd071SZj+LbLSwcdKb/\nmCFFCqOw7Y9dCBjx4/4H9MBHAAalfKxBM1TMjpLhCw2OnJxqivD5n7pFgPzV\nM0yI/lgO7DuBRjJJZLkA5AI0qUv+CygmqRrB+9Ep/v6lxe5Y12eEcOcnXyUL\nIV2lQ84PrlhZc1y394LmTPuEdL/Vj+kodnR1AI0ZGWWIQO6TDMG12fOdUYSN\nv3JgaBi/NI3ohwECGz1y9N4ENTL8j0a8DmnZt2wCdYL0ttEYykBDSEeE3H11\nOnz332f7zMeU9fFGlQCBwCQMwr888BbAZ/Gi7KIicxQMC5GDLFvXa1LCNm6U\n8ECB\r\n=SVEh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.14","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.5","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.30","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.20","@fluentui/eslint-plugin":"^1.3.3","@fluentui/react-make-styles":"^9.0.0-alpha.57"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.37_1629358624411_0.030192613949753255","host":"s3://npm-registry-packages"}},"9.0.0-alpha.38":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.38","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.38","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"60c5f5e432c7ff803762bedef20200bfabbf5e42","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.38.tgz","fileCount":32,"integrity":"sha512-OZVgNCUz6evCbsPDLQndv/CS3EIWARfdJUXboZeOK2eOK2hYkFLGSsdL4DNqmXyAiH+jH3cYeeSdVm3yVcnTuQ==","signatures":[{"sig":"MEUCIQCmsBEBYxm6BcySnhZ3uuus5ECTstNU4WAjf1PDzYSCJAIgfp5q6Sa5d9pFTCXt9+Rc0CIqcJT/6NSHJnNDQuTbwBg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH1s2CRA9TVsSAnZWagAAJqIP/iEmbKqad6nziSl2Yiyp\nFBgGLZo8/Md0gAqucSQvWBzgOxM3gqW5uvzZyjVjnvv/26I10y1DO1t07WTy\n+6IOhmmTUIBWp16NbIQaTTTFA5fCi5AsczFXBud2uuiJb7L8KTWxnKR4hlkV\nASkMs3oEgOFOF5w2W+WBsu0/Ntm7AZi2msRLBDG2G9Ol3OBNvZ5NNMDlguE1\noNPNNdwOmTp8VhpKC8lBSFTlpIBvplZuxD/tNkbCx6rPFZPvnh2PI7wYpry1\n4CvTRRqPlGmYW3ICypocNjVxOCIVwY4eN8KKS43RPhOxEl3geSRc8YyUzQo1\nJRU/HrZgarabpQFumzchKN7Dnm/sGevjwv3GpXF6Incc8mRxOo1MO/QgRuuz\niUc3abMiM3XIEu6cESrtAYH/c/mFpvg8dk20DaZdz44h6IMWUXa9v9+pyF9z\nmpE5PSNHnpthdPwQ83Krasi6AHbMjvJVv10wsA4wUgVQdjr0SNWXzqfGoGo0\nipN6yBXW3FJzXk/94kYB8YoO+GFh/UEH91JNOWNk9bB9xxPeNnUORMbOLNTD\nbJACMVd5Rz557WzFxC6zzrfVGX9DZqxLEwUfn/wm+7oMm+CpyLupTHdeAUlh\npvPCCj6eUYkwgBaA5i/CNccoMn+qFkOykdCbMTteV+odLiJaWKzQJEr21OIJ\nHr7J\r\n=tHBx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/src/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build","clean":"just-scripts clean","code-style":"just-scripts code-style","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/src/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.14","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.5","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.21","@fluentui/eslint-plugin":"^1.4.0","@fluentui/react-make-styles":"^9.0.0-alpha.58"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.38_1629444918785_0.4234137571137462","host":"s3://npm-registry-packages"}},"9.0.0-alpha.39":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.39","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.39","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0486153c19438c50a847e26c0c5cb121c4b814bd","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.39.tgz","fileCount":34,"integrity":"sha512-u0aF6qnx1X2/UNBxVdqe5UIeaMaRtSxurbJVQcrSvtE47q3Olq91MiYGNEsEy7jeLnofiGYN4DJ5//xZ16BP7w==","signatures":[{"sig":"MEUCIEXEOVhQFs3Jlsbdl6JUkU44dwJgWdAyBhYKmbukTHTSAiEArVrIA3DiEYqGoxKJCd3/PjpagpEovVn7CYyCXR/3tzc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":145733,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ0PdCRA9TVsSAnZWagAAD7YQAId1mPfAxAkC7NS+9XlV\nMxHJnN4SLSUO92wPzMkFeUKlUxR7Wu5iwMj20NXu+15rgW0u9OJ2yy0oVPZo\nEqLxgqb6kR/+8OCSd0W5AEv3n5JzySqkBpRlWsis+9Zd7/9w/+8xH1MMR2Z7\nisfzowBUkJzIf/2omAI4sbD2VqORww5Rt+4W/EfptzsREdaeTs73sfwgkhHn\nDkjD9zAyBild81tHe9MiaBZup3MYm8m/T8Bun8G7Kqf3XRHtPxUbfvrpNh+g\nsm38s8njAFzr8ZIsaTVnmDJKBt5nc6g6rVwUaRZGllv2nbmCSZ3bHExH/rg1\n8oWWwvAn/gGaoU1uEdVsOLWg1RaSBML9jnKqBSD3b3GxKrlA4zxoTUudbxgI\ncSuLKLeqevDprYwYtciV9aL7yISjHx4NgRVw4gafmF1W4hcPcZPX2qOtHFHW\nhFnoq8nvxs9iiqI5UnlPPa4EpUvExcqDd74JgDvbz22NtQB1qfnhd4rE619u\n1Run2PfxnnL2hcU2+LDPpScfasJuzUhBpgBbwaOROO7388hzH5ScFzfGm1PC\nJ8y/1xOMio0WxFBBZraAYpsrnaD7WPYdtjFjVLQqaUxDD5qMG6THTOlX5Z9Z\nR6Wz4phn2nZjgQ/QfRzrVx2flfms7o20o28p0z2jKh03xw42u5IheSI4KbGJ\nfQLo\r\n=VEYZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.14","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.5","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"^9.0.0-alpha.59"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.39_1629963229347_0.7092957908994553","host":"s3://npm-registry-packages"}},"9.0.0-alpha.40":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.40","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.40","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"32e2bb67a1ac904f622687f37f0befb6c3ee8260","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.40.tgz","fileCount":34,"integrity":"sha512-5aZDIjXlZ279DsNY86LAa1cymN3JaE438jIBb+TxpmSMvW48KioaBA9azdyXsN/XliNV0MJYhiZar23X2dn3PQ==","signatures":[{"sig":"MEYCIQDtX0KdaMQdGARSh4dfyv2Hf9XMcrhiErKxfhNju1NrjwIhAKkb02TotvWKd6Z5aOLz+URCVxQYmn0lOH2TdI2th2Jp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150254,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKJUGCRA9TVsSAnZWagAAlWsQAIVOFOLqAScskm4JDnvL\nuu++6wi3LZfjvloocR0k7xAR1FI1+7PRTAikGBXl+jCdQ+EVeLubGUTT/wG/\ngngnz9LT6JcCoBnRd0LxBRsgFptl0h/7BggvdIVep8L4G8RBhMsvRQKecyu8\np6ug16jzyumAP//NYMJw/azUHMlgPL413LBhvSzkT8TtUTdnVaQofigQHS4I\nD9WD5OwyFwLWyR6u0rAoP1PV2D+J3budWHTkugWY5boD8/bK4tepfQNYj7W6\nq+izSdP4Kz3sSvaKKme6hAyT6G09bSGnhTvmEwqCLyAY6n5HM5qB2piurVW4\nJ6xI8IZ3AonvfWixHxaJCpY6AYSa9LANE49ISUNpyxr37JncSWB93ee28m6N\naxQK2VtrIgbTFuOSh1UoAFVSgP9zjX7V1kyGHyLbtpxzX7gxFliVqB9Vwr7C\nthWo4KEydSu/LrjC0f3ZdtqUBYPwK7b1zuVyA/IEuzAMtoqOm4QcWxcNC6hk\nItuJP+IO9OCKrxjYbSz5fvdB/XoJr7BlJKVsiUrzpVXu0o6hizEqr7HPNtTE\nznD3sv+LPqHL/8Z45hJ0k/3/PcJT2+zQfUY+pDPZKQlI9uKo9hqSCGbCKgqY\nu9raUIMhOHlJ3rY21/CR4FXbidst4zRYjH8vtdhfrDtTFz+NaCRL5B+wgZsS\nphBm\r\n=uT1W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.14","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.5","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"^9.0.0-alpha.59"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.40_1630049542517_0.49442979449583957","host":"s3://npm-registry-packages"}},"9.0.0-alpha.41":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.41","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.41","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"05808296a1bfd193e91005c4dd77993dda40c119","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.41.tgz","fileCount":34,"integrity":"sha512-4NYP2iBjpu9TcsuTmDM0gJd1UZjUv/UEOZ4Dg29bopibQ0fEngOzClKsdPFajdAfj7nOcOfv/xwLHr0HVbPd9A==","signatures":[{"sig":"MEQCIC/OTC+JSZbyzgzodSrD90LgH99qxAEO5VGwRqc50jZwAiApVfsT7/dRLvulWI+otofZBhXCQ8akZRGjEORFhFEV6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLdudCRA9TVsSAnZWagAARWoP/0hV+oRwSCdZWGfi5fa9\nVQeIw+ufhiuaS2caAarh2EHFLe4pM3CbQ9TU9m2ttMv6mY2nf8yAabdEJRpm\nN7+XW4lks0a2oUkT+ToerJrJnB1R3LRotovFmt1i0pIEbhuPiJsSDnALH0x3\n7JEd0lDXBN0MUBrh4wBTxh+ZF3Dr0zOsPER2LuG/9PG59WmEWsqWHDzmFupo\nAOmGJRBhA/W9xLQvhypKUMibT0YX6ZsbHAbVmaaZ3TCJrw6EZPZ1r12W9S2Q\nkcY3JPxP45Vzk7tDKBZS1yccEC8xhJKH9y1EGGFQbbTckjDvj2VNwtrWDCSB\nO1RsTKnK6XzJyH4ahWWYEY5y2rciK3r3Xj5C+KXiZRTY6uzZRBsQYsdi4t53\n4jHh7CD14ISgtNgY02LTNkccYUsIYT/nE2zCh6IhWrUshzSfHJ8sYffd+O8T\nw2JZMyd57wHh8J5zF/tYam/lnSeWa5jYiLvTsaZbgxL0wkWB0VUW9elU1DzE\naX9yvzxKDzKZrVOl6119KwXx5Fj1r/pti3vJ72/SHG70VObzLAm7oqrt5gM+\n9W61HGcoFWlXXzvGDTptDWhsJNOtzvQpH6kifB/pJgqEZJd54hJhC+U0olmM\nng++sH9L2em/HI+l17o6eDRPMs0le8A9QgDCajFY8cvBZr01mco1Ptkewnym\nQ4oc\r\n=M+fh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.14","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.5","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"^9.0.0-alpha.60"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.41_1630395293129_0.7478079548989878","host":"s3://npm-registry-packages"}},"9.0.0-alpha.42":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.42","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.42","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a13a4c973dc0d8c7dc03d8f7bc2d7bba79fc212e","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.42.tgz","fileCount":34,"integrity":"sha512-ljOau7biPicohOyi2LOlauXByJMuJ/TnqMAHDT0jwRQYTXdw5bPDSKOiTYpLdtqElzRgWLjkwqdE2F8QdNkSgg==","signatures":[{"sig":"MEUCIQCxK1dNBRsSnKXvcEBv/gZ6/KdFg45fcRuejv0gl/sa/wIgKWxFadFO7JZRC0Fx8azpeWcJ8L+xm4lKoGBsKUGmLB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":152142,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLy31CRA9TVsSAnZWagAA2QcP/iulAUE+E8s5cXMcZBwq\nMJODecw+zLDYnEl4UMZHQ/YYG4JqjzwQQpYpLABz1W3RoUSmvl/urKIz7ape\nVEForQzoaCqRlyc2b2ik1NYSbOLEnrtlAOkONpSkILl1MXPizBWIrzaWX3au\ng+CevGu/eZ8MIwPL7DQps1INm7ll4CK6zZ7Xs/cnK9pVeAPKZIcI10VSdnSz\nB0DrArck1275b/jp+bYvn6LBz4sY6qvFL20elCb3SY7Wrpu6Gldq8L1q9st/\nFN7b9GPGVq/L7pNHUiR2xQxfy2/bzQc6b5UFTarjlKLXvyuRwBfB++UkmaXG\nsy0bWejHqzZ+ImpVZ8bRm8MtWe9jINijfeStH9vRe6trMC5ARMfQyeQSs4iy\n31I2COyXKOepmD8MfZl4ZrIYMFSz/nmFcZ817GY6YPBvlEy3HFdnHrjJ5C9F\nhD94iwTR/+0kBat9eqzfekTmfcwICuC5UKqo4lb4NDmogtqbXKlNvYr5Vp4S\nkkTk6CTKYAMui2VEJqll7vwBVY/Nx2UUzuBWn5dX0OKpG1zWvACZ+Bjm4FFX\nTts8lz4xbxdlieww4M1bWE8T3i3xBoNHGm2C0Eqp4rtDcgym+1qJJ0b/sz/L\ny87N5iXF/wac+g63sFRNnGPf1ZedeBrXFlh8xpiWARfyhBpIPz4Fc3WmPsah\nRfhv\r\n=0qTb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.8","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.7","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"^9.0.0-alpha.61"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.42_1630481909694_0.9521914029090586","host":"s3://npm-registry-packages"}},"9.0.0-alpha.43":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.43","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.43","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d25429c6af1b7c6e4eaf504ab7ede7e692e0d69d","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.43.tgz","fileCount":34,"integrity":"sha512-ExiAzJldTMfASRoAlwpyxhlfqMuk7Kr8lVb4NfzIycJd6kgz+V70OpnbOIELqtUr9xx5rWl80ptzpJ9OngsN5A==","signatures":[{"sig":"MEYCIQCpddj6qrNmsVfNTjTdMQAAIsJSB8bqh+Xi28fk2S5GFgIhAKWpW0wNe3PpJ2SArbn3ZFVCemRx3rBKRfHDDx/+htbA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMH4eCRA9TVsSAnZWagAAAQIP/jAbj0VsismraXnsN/BN\nToTe7IUYnBoKNPXb+KbEJ5kqz9zD70eWHX32BlG5qReVv4GeKzSX0nstnFd0\nfUpGEOHl0xBjf3+yNS0HN5R/TzocBGJxS8r+wAzUJ3FOVuTRWKFeqEO6Mg60\nSBi7rR0JQ/uIyRBuo2pxsTB9k2uMJJSPGrtBrQITm0vMSyqZuYwC3cn39we6\nt+BifAVwaXRDPZY3CweXKF6Te8iIEZLhZzfBwGj9+AO8IMX8D8H3J6HoABjM\nvTMDykv9+4oKMvCusvju944T2hQ95abXullI2PgT8JQSyk21JV9p/ZZED+6/\nZydLUqht6bEYO9/ifDL56pJlox9RP5SKG8MNNlAKfZxBx1J9T7QrPrIbgB2y\n4dq7dveoGk3sCapbfdNZVZ5dMU70f0LuS0WwWpi2WfwO2/j8XOYCUHCLV75+\ngPQeJmjGiVDkH5R6rLaEfzMbIHrri5tFklw8/FwV8BIDfhrdltX0DTfkkfG9\ncCAbJ1RXY6NWsbeGImdn+xj12eEY+ytQvCEFabdW3pdAlMF7lfQ6cgRbRG4N\n3vZYIqtZVATPp94/+VShL8mMfYq6sS+mdQaNBqoX+Nb+0cL12g9rzhyoxBr4\nhhGfzCI9hNvKEuqw7d08xE46jo58jgYO7bxPLS64LfeggTv+YlyC55UNKfDl\nFaCU\r\n=uU2h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"^9.0.0-alpha.61"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.43_1630567966120_0.3334226789940502","host":"s3://npm-registry-packages"}},"9.0.0-alpha.44":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.44","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.44","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"865a890140b12d94406bbb400fc490a2258ac4f7","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.44.tgz","fileCount":34,"integrity":"sha512-jQIzqPj3+xzJ+rEg/ef3tAzPCs1Ur8RLTgh5PsTHEDg8QPsD5q+PGwyKApX0dYgzMRO6uBlW3y/yBEUYp4UTCA==","signatures":[{"sig":"MEUCIQCtOoow6ICdvAx3B8fKgFftvlGrSGnbwtCbJO95TMBIJwIgfjR9rWjD8DQAQIYz1ezLBT4StYuSmDbwhDrMJHsVlTY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhNcQcCRA9TVsSAnZWagAA1osP/0R06TSN08zKUgyR2Ok+\nrjJLtdytFtZQAb6/4ey+x9ClVzx1Z5v15Y9CHXSuKxcmswkvR6Op7MIF6PAD\nd+DMIJKlfknigsr2HheulDnCwFsV8lWgo5+IuflncIQv0GkqUqkhQjtSk6hf\nj5S6NliQ2657hSOg3P2a7Lb9N8Ak5cxZYpjPw2fob5kIvaMB2kKzFyml4QOL\nyjXDcLkP+TbRlptare2Gy9+mHuNmKx2o1VINgvd7oxA1NDIX9R01CLpxfni4\nLXCy3SkRee1LdPv5Un46R4DJivZLYCwGRU2Vx3dxJMG1K2rQanlbQbnKMxRc\n1auRe7Vj1cBYT2VSAzIc1PpqJnhcT0VDmUCJHnPrCVduDWuuu8gorxpGErOf\nuvE5KEdgHYaRctxLegF797oYbRglpFUHUg5xL3ZHcYSBpjKlMPbRXcwdGU1P\namiQ8siHMUtY51I/i2UgtCNBDIsf1eYOy4s0nk+jbEuAFba6KhvFXjd8WsPm\n0Ogvy8otLsF0vxL4UdcklCCT8CqOGiM1/ai1CqFNqQNe5B4aaWwtCCly1gkp\nYc2rPS3pXTJGxEId0vektJzY0jiyMwjywQpP6kFnqrFVZRd8ESdFXFjNoxwT\nj3GChiULmJaouApJQYzoPX2p7s4tXLMhBkI3HeKzaGwZc8kdTr1qA6lPSzFW\nl2dq\r\n=stLD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"^9.0.0-alpha.62"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.44_1630913563897_0.6048067871064258","host":"s3://npm-registry-packages"}},"9.0.0-alpha.45":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.45","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.45","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"36454a2c9f5e39d3abff39571ae2ffb4d7eeecff","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.45.tgz","fileCount":34,"integrity":"sha512-tJ239MbJRihkMIbKbeTN7haDSx/W9Y2aUkMeGuDLqoA/OvdzRlzet/18ciWpKOqSuwolQe+Sk3O8wmGZCCPlrg==","signatures":[{"sig":"MEYCIQDZ15KJyIXFF2dMzhD+2nKfkXPzWmnUU1ul14Qfe98+kwIhAP7UbgAQoNO4eucK8BECpEs6U7UEtN+sEmfxH+KHVGUW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOwsZCRA9TVsSAnZWagAAmS0P/0j/3dywiMp57hZvqH+/\n/VZZumtXQ5RslXG2psLPv2UoNqIwp6+PNnRd1sHQRdAk1KaaaXyQrl3CGWUT\n/JtExsISuSN1agjw2tyNGrKsVIj+zV7mnISmLPNF8mGlRcAXZfCV7jPXVQx8\nGxq8Aw+czGjRLrCMzP1G/r5zLAGHUsUEEQA8zts+nX6SN3Wp9+2BoZk4+awG\nXZwAUtpZofVgKgHw/HS3k248aDjf1BZgIIanEalI5pIIXM3bbU5G2Wv1jWkh\nEhoxykP9GqduqcIMet47NdPmh0GfXrWD5GPEEbrsMH5/UA2CVroqcS3lPZAL\npKo+V25MTeaPg1ETgA1Bz8uB6d3cU5cQ7X54+QLxD/AOksmOMW3JxTLXN11L\nSNK5zYfGdZgI+yXJlErAH9Ur9dgIjMjsddJdlpbgfeF9w5Utx3jier/q7Xgl\no8ri7/9uWtnCrTkLkd9ce1U6zrPktoF3/XB3NkHBSltvGRscnGmqfKI1Ljyn\nqYXLPmGKCjOrec025PdbqzSu34j/d6zMN/+oZVc0X4FeWJvtiBtVSzpX2Gut\nETi7PIozP4mXjWczdpyk9VUScaaqsTPZQHIe6yuZz+oT6sFyk99eyvL08fNM\ny+ETDaAnVu1eA7Ygh8tka3YPv1iOdG3nET+gZXJZE3waY9x3U9NrxZmMBuMo\nPA7l\r\n=8OVZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"^9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"^9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"^9.0.0-alpha.63"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.45_1631259416975_0.6731976300368183","host":"s3://npm-registry-packages"}},"9.0.0-alpha.46":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.46","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.46","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5cc1d7d02b068d852710b07a9a70b789fbd89259","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.46.tgz","fileCount":34,"integrity":"sha512-/hpw9y5T3QsJ/PI6ZOhpPgvhdpIlBRQZMqRWydgPEAwionuFGd08vgDRtEATZcUes2xaxUIFuKKSY4iALx9UXA==","signatures":[{"sig":"MEMCHx+GCdnhfbLZ4bdHh4PpHyipZEG2LTMHQ63g8dYa21MCIBX1jV35p+wqi6+nGNlxDHbfs0IOha8F7xrhZK+NHa8p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":156305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO4gdCRA9TVsSAnZWagAAZbIP/jwgbcZVF+BR63u4pJkr\nf0pc26aPVf9ZImpOSj7njIjf+f08u2WrmpVsD3mXVngOVuCzLzcw+SAvBwIJ\nulvuiNBqHYbT0uiGQeIjFBf7IKj4N0zjLyY1mgxQRo9ElZmc6BisrElCWBe/\nuZHnaU5qj+7w6z6C+KZ1c3ymzMDGmGStU8FcDntIKVQFh8vtHaCv7ukP7olC\n9ft7xjLzMpzn+HDb2pjknIJp7xuf3UxnkVguEcxFGb6sPihQ4adAj0zoGrI2\n/SQ4xw/754CIm0LyOON1Wo8nlDo49TSDoVy7R4QwRETN0M+g3YFLfBpWNDkF\nGBw8GMle7xb/gqhNSa5lRaoL2r12gHBGtPTvnhuhLLepChNcisPtvQhHN8LL\nXlPTwfSu8CLh7T4q9YxLIpMV9d2ZvdQqmXZ/GPgdfp7te1asNrF3cqRBiT1c\n7EVSWRZQDj8ELqff0hdlVseIpi8DW15w11oFEIQrMWQqo40ETdGQHLQXO1i0\ndBR5sc4Tg0vnYHJ96COjDJRmDL/ZVWkcJbaoaRo56khSgW/3d1sHDQwzjGdq\nCZPzWj7sSVanu36wNnWrCesFurcO0p7XvxvErJR5t6EIf+4Ys5X4un6epcg7\niF1FORwIRDB6oWdr6biInoIcKBpEiGMcAGVt336uVBlcqsu6JNvubEYIg2qb\nORgq\r\n=0NsX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"9.0.0-alpha.64"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.46_1631291421757_0.3807747277609521","host":"s3://npm-registry-packages"}},"9.0.0-alpha.47":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.47","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.47","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"df1d11ab9977dd7ec67b6d4f3312492fd0056d7c","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.47.tgz","fileCount":34,"integrity":"sha512-+AL7neb1AICe+ZrBI5mcxSR3627Qmg1eKF8lzsdM5BNZzykbMlrBuv2yXKiCeCytIWJyHw12L0rqOpkPYt46VA==","signatures":[{"sig":"MEYCIQDfYSzorXWOqSAa8zmzh7vh250jfMZRiPVyeE8AVUzYJAIhAIksTOch1iBzwU7ovS3AmGN1VmqZJhzKD1GA157d108e","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":157248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQQDSCRA9TVsSAnZWagAAYVAQAIeN2dk4Q914y+BumVSP\n4ZHJrB5YqJYzQtGfIKTTKlSdOBn1Squfdnoi32eBsDr6tlnQrTu2/3kDncu3\nVlKxOVpXUqolpBcnWt2Cwe9ldfz5t+UNMX12AfqXBdQi5UQDIU0Klpg+cGZw\nRqj1Mjt7jFrSHAwuzRJD3AdNeG3u4V5LH6n/GEJrqr+B/x4MnQPwG0TApUfY\nTdxbV1APHefym2kr7sv+uLOdVS9i/jo0PaEu6p2bYQLb//gkuxzMn0RdjXMs\n+uQf+ns3Lge8bkIURllCA4utfqA70oBdwAUG/zpeTAqCDpzMRjPJ3jVGstgd\nmTD11UfaQ3gY/8v26Ig+tQitQq3MZbxu4/GiEXT4WfkwlGrVvhg/LBkjMbo2\n/u8vHn8dszXZeikoGzSKxNoTBzAqZV7kqtH1iPp2wcpf1suhm1nen3KGfZM3\nAKgaDHkJBHjAnbyBESh9FDMhFW4mEcKPyWPtgGSFTwYJyG7V2viEgp3NQwzo\nW4fDlEMXxtOEivOB9hqtBIG5KiGRxPxOUJQfxKUCYTr5Dbw/18IBl15f1Of4\n4gP499+jIDfaoWaNN0PVMJ4ILppmqIknHP/iO5m2xxjp6YeVcWcqvp8NXaHs\nswOmBLz7r+0IPzSGLdPYEsCSL3U5nujLCSB+et8tpX3uxjmWMNlAsNVEr4rd\njKZL\r\n=Xj7E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"9.0.0-alpha.65"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.47_1631650002747_0.21120193222766814","host":"s3://npm-registry-packages"}},"9.0.0-alpha.48":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.48","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.48","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"bf7026962dc4614ad49a2c563acec65079d6e3f9","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.48.tgz","fileCount":34,"integrity":"sha512-bUNshyxJSwbUVoukW2dyTu0uxAWZTNMHMqxE6LdSmFu15fTK1zopQ5bQEIyWEo/vjtwMu1F4USEMkFwJ22+oVA==","signatures":[{"sig":"MEUCIHDk/lZHBLwhpsv4fX5uyGulgntIfWGRGmNdZcbduM9sAiEAojzsvz7gA4qyqvbaUAzwwu/ejJX9xrDs1W8hOq5KV50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQvP0CRA9TVsSAnZWagAAAS8P/2gjlztFIG6pLdjKtmkQ\nT/PEzUhGj7Q/6VFB+qf9GkRvtgwByeA1hKWpM6jkSbiAG1nmCiImaleV4/kq\nCPewJCVtkxkJcz8ZQ0eRsNNXqUxd0Y487BGAsuHxga1dGonYV3SJBFyv+dxF\nArFMUDrOeN+aYzzmvZETOwj5DmdKLdubUMFRr0dOJae6JtZE9K/9TMMyCjHK\npT7e9jwzy0LEMEsd/rFc1onIgfgzfFl/kWG+V6+oo8wHzVU6CBe4GDk1P7vM\nbyEyHExuUvZy6gsOfMmITLBmO/uuhkvPksu1Y/HogbCUPgB8EchISxaNS/Jc\n8O7DJYeDrKZe9DQ8K3ANp4c9k5d739Fq/Qi6jHFhkD/B3AvKq4e+NnyDPNbN\n/FnkarFJoVLEX4kiQGyyZngxM//E+mzWIhFGdIXZJb4KJJzTh6wYQtAxpH8u\nUGwIj3oMk7Of6Ht2fiYRx4mQo7Ax9cmUVEjqnELErQNxgfkB9T4jx+F8PsPI\nJgSDYVA4PkIOjF8MaHqdiuL2xIUVtdpDKjlst05oKZIL4/Nz/d8q1XCpnncd\nd8cJ8EBI1XNRc/NzdRAvEa3sJU3wckYPADHEqnfSgX7ih9YGNCrl0Ck0fNlZ\nxqBTSdGR9AHLT6nz44xCuFi4fQPgjYQS432H0eg9aY8SYyizm9PZxfxCmhJy\nh9Oa\r\n=lB1o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"9.0.0-alpha.66"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.48_1631777779824_0.5732298375664289","host":"s3://npm-registry-packages"}},"9.0.0-alpha.49":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.49","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.49","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a4c83d0781bbc9eab50c0696b085bded41500c53","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.49.tgz","fileCount":34,"integrity":"sha512-NkAKwpiyOSP0AC6i7t9/m9A6a70z7suNyWlDpClhAhUJc8tLG1jOdB09pPCGa1EuohDLXwrUwacaENDcEfa/Xg==","signatures":[{"sig":"MEYCIQDDrAOUeBlmVLrBgNxkWUWT3xW+UJQL0RJb7dUvI8sVpQIhAKDtPDz1bPCeZL1pWiHIOCbm6cbfX30AwiAl3hVKAmdw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":159144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhRES9CRA9TVsSAnZWagAAiQAP/3o/3kpxxhOoZvFKp3Ds\nnG97/KANTvFi5IZP+cIBWmbMeQ6CyaFX81UeP90aNVEZk92O8NISdcECfHt9\nn0jvXwT7WkXiknVt2Zqtb28WwqfFTqvUhbqy4/VV5VwaCvMMscIc+2vYcNv2\n3nxyrG8EAv/edMzunD0LRYj5ghxnvowFyY1Ly6iOTK4sL8oT5QHdS5uUE3hp\nzqCeFotBETTMzNqqyN2xqQR01wCi7gb+cA121FCQujVvMhfuRThzCqz5kSNo\nfkjjktPsa3dfEJXgLs/lWMUM6ejMEyeEQUGZ6UDpRs+DaNffLok83WSa8dus\ntdu4Zm04S6mvm0BywbP5VKdcLgSzG4uqn/nknqAK6/+6j2CyPG+F7/hZYh+u\nUiNK7pPgpttATIUMm7aT1SX7dlcySph8vDDDyQJKdLSMUJMGPXt1/4hFSBYL\nah9DgqFE8eoZokdk+/b24XUyhNCBkxxrlzAbaARtu1+SkG5hcM3XCW3x0h9C\n4dZjVMpIQkA08VzB8++7KwxhZgUEtaA+S2lxKTo5IEt6Qr0OP5sqpdJQibCW\nuYhufOeKfzjdgCFxsdo60Ugph0nCdJj1AXP96zy4l8hitV6OWm4KfLoHRPNA\n8fik2FokBBv1xkiFMaq0FqIxW3WlnYee28P1Owqp26O56mr/200JFfqqxWvI\nu+iR\r\n=5tj9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.22","@fluentui/eslint-plugin":"^1.4.1","@fluentui/react-make-styles":"9.0.0-alpha.67"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.49_1631863996822_0.4587826947975442","host":"s3://npm-registry-packages"}},"9.0.0-alpha.50":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.50","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.50","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0f9b336ae34f8c16df25e5e42d7d03c017e75719","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.50.tgz","fileCount":34,"integrity":"sha512-Ew76cfwv/c7vuhXjVenvxV+AkSZFblj2EalpUVyh7MMt3kQPtbztwGxMxyy/BqxHle35v8jil2A3SnvCMRIffg==","signatures":[{"sig":"MEYCIQDTdR6jJeWS5fW/FCf0chp1WMY9KFpM0tovKoYtdfwnxgIhANOya95WmyfZZI/hiqdDwiA42CnJEaJDa468UkvfD6go","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":160401},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.22","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.68"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.50_1632123329991_0.6192084577049499","host":"s3://npm-registry-packages"}},"9.0.0-alpha.51":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.51","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.51","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"2c4052b8699c02644e3f0bb9c53532cee68f3510","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.51.tgz","fileCount":34,"integrity":"sha512-0df1ynDFqcw0bsc26MA8PPPpOc9SxLD/FeL01ULgp4pLms4+yXpwJXbXwLy/1+508HZcrXumI3jjJdpPxq1OkA==","signatures":[{"sig":"MEUCIQCNKl2pjiKQe7NzCgJ5BEA6qzmTWtsQfhZPOeBFONJLwAIgOzXWmS80sMNjFcxUfgtOu3SVaHu4ud92xchYdv1AeVU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161690},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.23","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.69"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.51_1632210058982_0.29828396499654586","host":"s3://npm-registry-packages"}},"9.0.0-alpha.52":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.52","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.52","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"9d8efdb0218d4874c24aa584715471909b51d241","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.52.tgz","fileCount":34,"integrity":"sha512-M2V8zjgwpDvhgYATnSzJNm9R50D5gUSjGXRCq85kVWp0jnUGCv+uS1fkg3abDj/UtI3/VT6fW9tUfPhjABetlg==","signatures":[{"sig":"MEUCICAEFZKkMHPcWCA4X0wFuSsi5BtDSBHlQlhNcgdC0yltAiEAnYEIBjSPdU8LuVUbHcRjH+/kqu8ubz0N6pBIcfzzuxc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":129763},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.23","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.70"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.52_1632305356403_0.888571508887634","host":"s3://npm-registry-packages"}},"9.0.0-alpha.53":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.53","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.53","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"61925f5446f182386170c59478d7dd72910c8fd8","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.53.tgz","fileCount":34,"integrity":"sha512-R8gbqbWju1gtxPwCyIM7fjUOnepTqOP92ghwmh3fIG8SK4zeWF7+d57vqHBs+SAK8IOqZyHDa/s8tAw4O/tJfg==","signatures":[{"sig":"MEYCIQCigyQdF5h7FCrAfCVAhsJpOVv/zaydrNnUqUBK7dyhpAIhALF4AWcXv0sckuhLuT5JXKuQzFIUUxO5p9XaXDWL1p/g","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130710},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.23","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.71"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.53_1632385240247_0.32893268924559016","host":"s3://npm-registry-packages"}},"9.0.0-alpha.54":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.54","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.54","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c8bdd16b54a99a83f60b8ba377f7749aa2b3fd6d","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.54.tgz","fileCount":34,"integrity":"sha512-FLpnWhiDK/X5zRK9ZX8jd+baM7amt4Y21KJxRXt06VCOap7j+tpyySedgKMR9zBEhby14dv12OHapjF3eNB6Jw==","signatures":[{"sig":"MEYCIQD/iP4vCZjwzL2dXSg875kfx5biXCYG5RArQhG39aCgOQIhAMGek3A9r3Tvn/Ut+9J98sY7msmM8BPlh7qtl6tf2dFr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":131623},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.31","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.23","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.72"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.54_1632474987578_0.7963803059394445","host":"s3://npm-registry-packages"}},"9.0.0-alpha.55":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.55","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.55","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"fdfbe02b1d381b7a53ca7e1b7758ff22fee3656e","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.55.tgz","fileCount":34,"integrity":"sha512-EPQATPkyi+5xcGfBmYaW6mnGec/5t8RKZ47rjlXi4WFpHA3t1tj6iA2HvDa8dGJfUQX9rSCxUAg/FlbQr4klFw==","signatures":[{"sig":"MEYCIQD4PE7PmlX0TopH3tCwbjzMhIDZmrErbIFnNALFDEkcewIhAMrckxs14PSGYcrEYvDo0Bb408mJT6ayjTl3lnRMYPg1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132980},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.32","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.23","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.73"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.55_1632729912587_0.8495217840186939","host":"s3://npm-registry-packages"}},"9.0.0-alpha.56":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.56","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.56","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"32ac87cb9cb4d974233f2a8b4e5a2f5ffea1da62","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.56.tgz","fileCount":34,"integrity":"sha512-ryaxDNrqn0xhC5Lk54PyTDooSil2ErHIZmQNecifywpb1mVK3lC6oU+1YpLHQNTrUbbyNJO9tzcqRLyCD8PuNw==","signatures":[{"sig":"MEQCIF3hjo+7ofgjb8d0I7/x5ttu8faj0oKLTQkIBG7vKD1CAiA/JbzzmpbfRw7FlcSjv7F8f+xY1Ba01wFma82/E2k3nA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":134201},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.32","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.24","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.74"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.56_1632902724206_0.09416633456396895","host":"s3://npm-registry-packages"}},"9.0.0-alpha.58":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.58","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.58","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ffb040f3958b332973a823db4e7e1582981e0041","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.58.tgz","fileCount":34,"integrity":"sha512-y+Yc6GP6B01kZf58NiS+5hl9mxYCriKMlYumZEw+F7OlSLPIeefZbl4Sxftc+yXGfV0MFGIbKoV4MCdge/rveQ==","signatures":[{"sig":"MEUCIAusIQDOqgFgnv1FPzvtQm5aE+RNmmCmdy31rJsLwh07AiEApAaMBYgQmUeSE863RX02njyEYGW2sDPfEcny5pre1wU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":136258},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.34","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.26","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.76"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.58_1633097537123_0.7351742770734875","host":"s3://npm-registry-packages"}},"9.0.0-alpha.59":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.59","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.59","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"210ce09eedbf05923d34b1a3cdc75a0a07d275a3","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.59.tgz","fileCount":34,"integrity":"sha512-lk8EyIXl+UjO5zFhUFofyrPUH2nMECAC3hK0ylczvBmMaEpqkDjaQe+PVG/vIfLxGvPTYhryXg/rfzcLocRSIA==","signatures":[{"sig":"MEUCIQDzHBeykh6BYZqxCdrgj86WBI0Zmn0hHHiOl7mVN9Q0XwIgb0BGCL8xAJg8eo8ka0Dkffp4p38fg0qGr9j6V4lgcYs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":137171},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.12","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.34","@linaria/babel-preset":"^3.0.0-beta.12","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.26","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.77"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.59_1633426029986_0.1315779204049825","host":"s3://npm-registry-packages"}},"9.0.0-alpha.60":{"name":"@fluentui/babel-make-styles","version":"9.0.0-alpha.60","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-alpha.60","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a6789e0c5450d1ebb2803964fc30314e15420c46","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-alpha.60.tgz","fileCount":34,"integrity":"sha512-Imf1zyG+ZpgjAJTMp/3dffK+a4J7HAZwFw7uhdD4+RvRJpIKsYj9v2XusbCA0QiXhMmi+uKBRFR/eJS13d9NMw==","signatures":[{"sig":"MEUCIDIKk2fmxCMQztrYm8HEulD7uNHPBH8M2UxTG2vOKxNHAiEAjwHi5/M9ZFU94SoH/qAgltpZXyXxs6eyJo8dVWOPWZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":138862},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"alpha","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-alpha.35","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-alpha.26","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-alpha.78"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-alpha.60_1633438030708_0.06626387026108649","host":"s3://npm-registry-packages"}},"9.0.0-beta.1":{"name":"@fluentui/babel-make-styles","version":"9.0.0-beta.1","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-beta.1","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"9e96aebc50a4194963efa0faac636b10ea75e35d","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-beta.1.tgz","fileCount":34,"integrity":"sha512-0SRy2kQqyWaJscxDdSiLAmXIuRCK318f1bbd1qO9LwfBPBjCxQ+CcdjtogkB9UTOBTbkBvwIVsGiruZSn5ufAQ==","signatures":[{"sig":"MEYCIQClhSZA0mazm6aHNFRrbrmjgheLu5s0I11L1fJfkkr27gIhAL8QGfgPQN0AhWZWLgbTgupicNXsPb29kmIEV23TeGFJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":140898},"main":"lib/index.js","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.6","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-beta.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-beta.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-beta.1_1633516588703_0.7583131894605177","host":"s3://npm-registry-packages"}},"9.0.0-nightly.f81b28ceb3.1":{"name":"@fluentui/babel-make-styles","version":"9.0.0-nightly.f81b28ceb3.1","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-nightly.f81b28ceb3.1","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"cf070a1687efc3aefba2e5190fef9352ff3e0f1b","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-nightly.f81b28ceb3.1.tgz","fileCount":34,"integrity":"sha512-Oe63zcjf0WZABwkejPQJP9UGUni3CCYfWOrAsqxmEx5G6loR9uNsqajIU3+64EOSqNIQIYEwGCg/QhezGtpfoA==","signatures":[{"sig":"MEYCIQD0Kp3fyspvO1ugqfqMIB/maTTSVa2h0KMcNOfej2m56QIhALCI+g4yJW7d39BVbOspMJvc6VfI4BylfaNEm63qluY9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144836},"main":"lib/index.js","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"deprecated":"Bad publish, use 0.0.0-nightly in the future","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-nightly.f81b28ceb3.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-nightly.f81b28ceb3.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-nightly.f81b28ceb3.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-nightly.f81b28ceb3.1_1634647186908_0.7904295360139013","host":"s3://npm-registry-packages"}},"9.0.0-nightly.d730088d7f.0":{"name":"@fluentui/babel-make-styles","version":"9.0.0-nightly.d730088d7f.0","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-nightly.d730088d7f.0","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"64a511b0ae0478500e22469db283039a111f2590","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-nightly.d730088d7f.0.tgz","fileCount":34,"integrity":"sha512-YRrGYznqvHcCrzhRECXyF/hp+GQrDzeyXAXKiB9b6f41monkX3P6UDFHz1/5n+H2wZ6nYf7p0/ICgyu3yuexKg==","signatures":[{"sig":"MEUCIQCXF3YvIPE8HYB9kyYzGUe3ECKB1FcyaIWvf/4T55nEywIga5YPbX4qpcjOby5FCiogf9UwonAVPqxEM+Knf8Qwz/Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144836},"main":"lib/index.js","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"deprecated":"bad publish, use 0.0.0-nightly in the future","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-nightly.d730088d7f.0","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-nightly.d730088d7f.0","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-nightly.d730088d7f.0"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-nightly.d730088d7f.0_1634721609713_0.1288177921275946","host":"s3://npm-registry-packages"}},"9.0.0-nightly.25435def33.0":{"name":"@fluentui/babel-make-styles","version":"9.0.0-nightly.25435def33.0","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-nightly.25435def33.0","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e0aa34bb3f21f487a4edc6d4c87b548629fb6792","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-nightly.25435def33.0.tgz","fileCount":34,"integrity":"sha512-EZ1evfAHTz/RjwxFTWLSkmAeFDbJ8BCtDoPd5RTMiPK1aIW2M5MGJs8444Yw5P1xGf055DT5vPkhzCq3oLiS+Q==","signatures":[{"sig":"MEYCIQCLrJSwbpatDh2mFnR9wyYMMeTcmTILISEUQg+iRgg+iQIhALecL9d/IddyH2Y/a98n1g+6DCiHOjJwJZNGc5RgaE0k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144836},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"deprecated":"Bad publish, use 0.0.0-nightly in the future","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-nightly.25435def33.0","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-nightly.25435def33.0","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-nightly.25435def33.0"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-nightly.25435def33.0_1634807922021_0.5525529391015411","host":"s3://npm-registry-packages"}},"9.0.0-nightly.1df0025867.0":{"name":"@fluentui/babel-make-styles","version":"9.0.0-nightly.1df0025867.0","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-nightly.1df0025867.0","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3f8c5f8447c479fa5d21b3a6e27ed8c99a12adac","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-nightly.1df0025867.0.tgz","fileCount":34,"integrity":"sha512-5KiaIKwlB8nOPfgX1D3vebj5L2xoAf5OLeoqwRvDZ4sogx02A02Eg/LnQa+4ey+GnQ54gREj2NxMaxzxh1Xaew==","signatures":[{"sig":"MEQCICFBVc/4k2IsIJuYsRNTZYX7O53oZbdrgT44a58VhVhaAiBFi904B4J662ZC5w/u5LDGdExIDFhzkaMY/0JEN61kcQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144836},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"deprecated":"Bad publish, use 0.0.0-nightly in the future","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-nightly.1df0025867.0","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-nightly.1df0025867.0","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-nightly.1df0025867.0"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-nightly.1df0025867.0_1634894225667_0.7238399558772481","host":"s3://npm-registry-packages"}},"9.0.0-nightly.46b9ea7036.0":{"name":"@fluentui/babel-make-styles","version":"9.0.0-nightly.46b9ea7036.0","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-nightly.46b9ea7036.0","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"253113895e0dba20ff3e61b75baf401b9c616a4f","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-nightly.46b9ea7036.0.tgz","fileCount":34,"integrity":"sha512-kn7MQ0BvZt+ZEtTx+3+6Mfr7AFytC4KXen04+bsxNVBWJqMklxkECvetSGX6FNeX4PW5ucTY4fU4VSQNfqftsw==","signatures":[{"sig":"MEQCIHiqX+671GAtL15dWYk7Q1huJgcXZ6VMsfB8R4Rz3VEoAiB7hiGZNjMMNNzmTPfHB3Y8QfR147e0FDGraXh4C5hyaw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144836},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"deprecated":"Bad publish, use 0.0.0-nightly in the future","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-nightly.46b9ea7036.0","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-nightly.46b9ea7036.0","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-nightly.46b9ea7036.0"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-nightly.46b9ea7036.0_1635153499548_0.5261315237911952","host":"s3://npm-registry-packages"}},"9.0.0-nightly.b5b7401007.0":{"name":"@fluentui/babel-make-styles","version":"9.0.0-nightly.b5b7401007.0","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-nightly.b5b7401007.0","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a8aef2a2e86a2a355650764253fbb9da5f4dc023","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-nightly.b5b7401007.0.tgz","fileCount":34,"integrity":"sha512-9cfWpr64oXwVvjKtdNMOI/5MXxHfTZDDJVedTp2nKTHXgAW3jIp5x4Cm9hC3f9McfUp7baWvGbzlWMAUzQM2dg==","signatures":[{"sig":"MEUCIDvG0BCpESAcwTlhoYJGxJDyWXKRJMussYt+uSDWmYwIAiEAjZ6FSRImXWBLCukpMhktIybL38sZIPqdwDElIK0vsH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144836},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"deprecated":"Bad publish, use 0.0.0-nightly in the future","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-nightly.b5b7401007.0","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-nightly.b5b7401007.0","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-nightly.b5b7401007.0"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-nightly.b5b7401007.0_1635240243271_0.3500296142406156","host":"s3://npm-registry-packages"}},"9.0.0-beta.2":{"name":"@fluentui/babel-make-styles","version":"9.0.0-beta.2","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-beta.2","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e9010d5dc3345483f5c7238d01fb38f0dff32869","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-beta.2.tgz","fileCount":34,"integrity":"sha512-PcosofYrag1enT98UM1R6vB5KSIE5ppuJ3V/gevDo/fyczkxfPLEfu1R6quT2mL6z1q6mgSE/DzWzRHWF5Q5kA==","signatures":[{"sig":"MEYCIQDgo1v/rhRVmtdwTl2jKSst9+cejOoEhIljP77JH4ZxSwIhAP9Zyg/OVFSmHQzkpMtEmHWybPRnYhEyTIrK2iYrk7ra","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144118},"main":"lib/index.js","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-beta.2","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-beta.2","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-beta.2"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-beta.2_1635336781058_0.4979348378671087","host":"s3://npm-registry-packages"}},"0.0.0-nightly0e0cf06c3420211029.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly0e0cf06c3420211029.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly0e0cf06c3420211029.1","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"435ed24eef95c7b1815631f9c8a5dd40c2bead2f","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly0e0cf06c3420211029.1.tgz","fileCount":34,"integrity":"sha512-f4wafjsh+lyJ9hQiGgBSf5heQjf+zW/UXgjTU9TDtqkjQySg2j/I+qabelz3aNIoS+2yZ7Yyrbtqjtjd6USiHw==","signatures":[{"sig":"MEYCIQD8p+JjfDTDzfSbzUKR/JPz7uwEw8a+ZDm6ErLPW6BloQIhAOZ5X1mPTM748DQYSa59kikFr/S2umtJk01urOGZl4M9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146548},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly0e0cf06c3420211029.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly0e0cf06c3420211029.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly0e0cf06c3420211029.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly0e0cf06c3420211029.1_1635489637086_0.6844270099843894","host":"s3://npm-registry-packages"}},"0.0.0-nightly050f89bf0020211102.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly050f89bf0020211102.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly050f89bf0020211102.1","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"34e95749eeffbcabb20f10f8e0e9019d9cc1a221","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly050f89bf0020211102.1.tgz","fileCount":34,"integrity":"sha512-0mrwulCErNEH3K717aa3D+Pb5CAAyY18pm7Ag4NdJAJbnX8QcJevN8uV1PKcJrhs9g0e1MFGWJTp+YqnnLQ0zw==","signatures":[{"sig":"MEQCID5RwL2Q8s/D2Klz5CT/zkFkidiASeq0ZMjQyY3NFUfVAiAJkh2Mao4jHScsZ4wh4CREOM5PLgyw6Ah331XRsRHavg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146548},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly050f89bf0020211102.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly050f89bf0020211102.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly050f89bf0020211102.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly050f89bf0020211102.1_1635842495373_0.3523409971480862","host":"s3://npm-registry-packages"}},"0.0.0-nightlya372ad979820211103.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlya372ad979820211103.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlya372ad979820211103.1","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c5b96cd188367a51d50488219eac918383619bc3","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlya372ad979820211103.1.tgz","fileCount":34,"integrity":"sha512-Plt6SH2h3TG1Vfz7HRqWDBDwDuknlCVOsNCNc8S10zySYKRCae2dslB9QZItYTedjPB7rY/E5G2+3+dsxFJlOQ==","signatures":[{"sig":"MEYCIQCENUB5gMuMFxwV/ZIU2Kdth8adOiEDgm8H8CjrqggZOAIhAPHc9XIXZfwDtV3e1VTk3RMDjw/0Mey1kJxZSS0V7d1m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146548},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlya372ad979820211103.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlya372ad979820211103.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlya372ad979820211103.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlya372ad979820211103.1_1635927894241_0.2974136264545433","host":"s3://npm-registry-packages"}},"0.0.0-nightlybc5ff01fb020211104.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlybc5ff01fb020211104.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlybc5ff01fb020211104.1","maintainers":[{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"kenotron_msft","email":"kchau@microsoft.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"ecraig12345","email":"ecraig12345@gmail.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"8626f3d90101da7ff95d861239e26f69d9bff3fb","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlybc5ff01fb020211104.1.tgz","fileCount":34,"integrity":"sha512-+6X4wNKMWiC82cl9dALv53wH8zfhR3VaG0VndAyY/Hl8qOaLr7tprljynj0B42VI4BDrbsILQAHBTo7/J1n+gA==","signatures":[{"sig":"MEYCIQCDipnQOR6C/k6/GmLnA3PBCXgngBv45oieRBqdx72CVQIhAN5jBgVO+s22esPdRUYtz7CLTvdb5W4CD/hgzUIEAXB3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146104},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlybc5ff01fb020211104.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlybc5ff01fb020211104.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlybc5ff01fb020211104.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlybc5ff01fb020211104.1_1635999690734_0.29878370417080014","host":"s3://npm-registry-packages"}},"0.0.0-nightly01492e29df20211105.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly01492e29df20211105.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly01492e29df20211105.1","maintainers":[{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7498df4151edfb8e070658ca7717d74376e99d23","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly01492e29df20211105.1.tgz","fileCount":34,"integrity":"sha512-5xZgr7de+jxXJpaLVzHtWh6hLZG4RmYZy8cOmkHK3s9rUcfTvLWRYFCUDpuksMvklXm0uNXsSFtKCiCezD3QzA==","signatures":[{"sig":"MEUCIQCuzJIXLiziGQbuwYRsXLxnQEE84+Oqh/SBDd+GcFLLDgIgaRxurlnizExtoxUZmtSyXGg9pnzm9aUpMlt5ZQrg1MM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146104},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly01492e29df20211105.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly01492e29df20211105.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly01492e29df20211105.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly01492e29df20211105.1_1636085821218_0.9731796969513826","host":"s3://npm-registry-packages"}},"0.0.0-nightly0025eeb82020211108.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly0025eeb82020211108.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly0025eeb82020211108.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3efeb0a5ba0301312b0102ab22c6983e1e010e45","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly0025eeb82020211108.1.tgz","fileCount":34,"integrity":"sha512-OD6XUlch/UWEvYLCEHuxvbhd9COPluSQc0rgogTbwIDoLes0Cxr8HxgJbcVmG+8dZXWUDeOOjBIDwsWzUlDTXQ==","signatures":[{"sig":"MEQCIG/RSdZHXXuJPYl4xMJLyZf22oTq/Mw4H6WIkhv8cUYNAiAlont5sJhcGIXXMY/KwPA09U4eNdRURECFApczvTsmlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146104},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly0025eeb82020211108.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly0025eeb82020211108.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly0025eeb82020211108.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly0025eeb82020211108.1_1636345074243_0.5357657740952309","host":"s3://npm-registry-packages"}},"0.0.0-nightly627ad67f1120211109.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly627ad67f1120211109.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly627ad67f1120211109.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"b3572fb31e4971c93cc7efdc767fef8faa358a79","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly627ad67f1120211109.1.tgz","fileCount":34,"integrity":"sha512-SyN4RaU20SJCcdZrzUOQnO4rnxaSnv9XO2HROC2jgOFOjrUMfBJryTItC7OibgqzZ4ogAKMm565nEBnoIWPvNQ==","signatures":[{"sig":"MEUCIQDj7Qqo5IpR6mLaoFSjwZR31joRCC5vapLYvmkfI1imfwIgYbhvwIBqSMehWFSY6748MKPQQ4eO+ZrK+77O6kvuHtQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146104},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.13","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly627ad67f1120211109.1","@linaria/babel-preset":"^3.0.0-beta.13","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly627ad67f1120211109.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly627ad67f1120211109.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly627ad67f1120211109.1_1636431689898_0.33600455560349696","host":"s3://npm-registry-packages"}},"0.0.0-nightlyf3ce1fbe1d20211110.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyf3ce1fbe1d20211110.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyf3ce1fbe1d20211110.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"63c2f1b3bd1e8f8e501863b8b227dfd0a8fef934","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyf3ce1fbe1d20211110.1.tgz","fileCount":34,"integrity":"sha512-IB9mmr/kYd6xVxXBlQQczb3aXiLBv2HnU+m3bCSVE9RFaoUOWaDJHGhM5RVizPUEI2KdiKydBucOatQ5N7FIXQ==","signatures":[{"sig":"MEYCIQDsjx/Zq2yp/8wUytYxqT4tbcZUn0Rg/Z6XPnBbaNlssQIhALJan1frMVS227WRvxud7k8wq/fwLr5DfPKMjcB5OkUa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146484},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyf3ce1fbe1d20211110.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyf3ce1fbe1d20211110.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyf3ce1fbe1d20211110.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyf3ce1fbe1d20211110.1_1636517873320_0.5060673674999598","host":"s3://npm-registry-packages"}},"0.0.0-nightlyfbae36b19b20211111.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyfbae36b19b20211111.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyfbae36b19b20211111.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"07e54b905430efa5ae56beb360fea0754533443b","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyfbae36b19b20211111.1.tgz","fileCount":34,"integrity":"sha512-fBCmPRcm0F5Yc5K0AfR2gOu7LDd+a41FwoKIrlaf2Flb8QClBRHN2WnNIPD9r0PzRJg6ljoe48fWZyrmDsmJNg==","signatures":[{"sig":"MEYCIQDR9nzVoDer4TF7LxTmlmHGzJr91wD8WonJ7GbEXeYZ3AIhANdapDMIachgYOwKZc0xGevSWqGs7aibnbIBuqapNT54","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146484},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyfbae36b19b20211111.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyfbae36b19b20211111.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyfbae36b19b20211111.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyfbae36b19b20211111.1_1636604404655_0.3736039670541609","host":"s3://npm-registry-packages"}},"0.0.0-nightlyed2d7c8d6320211111.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyed2d7c8d6320211111.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyed2d7c8d6320211111.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"db85d0eeea94266113daac8730d4ddcba33dbed3","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyed2d7c8d6320211111.1.tgz","fileCount":34,"integrity":"sha512-AwRxLoU4MT8ry6YnLI6GHLTDA8cRDbqi7mvFYjBq/atRhr4PIoNaoAVtOQyOvN53ZUruOxx5NGM9pqXXe7LmcQ==","signatures":[{"sig":"MEQCIGFC8wnUEGE80JmI8t4ILfo5N506iEwkEjslAB7qkMPUAiBlwAXsGdDY1EbTesdQea4fJkmQ+2kU52EjtTtyiaT+sQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146484},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyed2d7c8d6320211111.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyed2d7c8d6320211111.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyed2d7c8d6320211111.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyed2d7c8d6320211111.1_1636636430811_0.7038321189644656","host":"s3://npm-registry-packages"}},"0.0.0-nightlyfe9829e48120211112.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyfe9829e48120211112.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyfe9829e48120211112.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"12857afc7f197932d94bf40097b1088ab4216d1a","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyfe9829e48120211112.1.tgz","fileCount":34,"integrity":"sha512-hFU+DG5IDyZeaeSyQDsMUI2osl5WtylEgVlZwMYIIHuqdwEuskSi2Ttah/vrs+VOOMLJb5ZVg6IiK67plegXgQ==","signatures":[{"sig":"MEQCIEVxpEm3Hs11vja0RzdmB22CSqvf/GfLgJJQhhuvKv/6AiARDZUtEH1ukfeImXVaWt/rwOUoUWab3wPwjiEHQ0VvLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146484},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"tag":"beta","disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyfe9829e48120211112.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyfe9829e48120211112.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyfe9829e48120211112.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyfe9829e48120211112.1_1636690884887_0.06628854180890165","host":"s3://npm-registry-packages"}},"9.0.0-beta.3":{"name":"@fluentui/babel-make-styles","version":"9.0.0-beta.3","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-beta.3","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0ad8263eef5dd47995ff6008be2c2b5c77c8fa6a","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-beta.3.tgz","fileCount":34,"integrity":"sha512-Q4UZ5PirLM/Enc+Tbzi3plDjxy5tQs2vH51bVEBlWbssW35PyWHzFdIRd9qPlti1kir2xz3vUUb72NUNmhliOg==","signatures":[{"sig":"MEUCIQDzFnRdFDQrc1X1WOKZyG7a6wZfcMs2WZzyaoDPy49JkwIgLL8nZlV0oCAoJy4OGVnPNJsAgoBtUOVFoabuWJ4/2Xc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":145574},"main":"lib/index.js","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-beta.2","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-beta.3","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-beta.3"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-beta.3_1636720466741_0.36917635432247087","host":"s3://npm-registry-packages"}},"0.0.0-nightly906d31cfa320211115.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly906d31cfa320211115.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly906d31cfa320211115.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"eed8ce535b170cfde85ba23dd267537d971ee4b8","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly906d31cfa320211115.1.tgz","fileCount":34,"integrity":"sha512-SydTM1F6QUMljWn1jXTmW8nRDoU3Qdrpquzcnm7fqnaXTJb/JN1A2K1ZUNuHTNfRUUARcdJFU6AnY1YtTLn8JA==","signatures":[{"sig":"MEYCIQCWCUqY5Q1FFRkIQywJRQO/qMzP7Qs4u5pO31i6AsY4ZQIhALOerJS75sDAP9xwtCCJ9RQ2SQDu5FxNGL+Udn158sgG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148004},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly906d31cfa320211115.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly906d31cfa320211115.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly906d31cfa320211115.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly906d31cfa320211115.1_1636949825378_0.5295254034966186","host":"s3://npm-registry-packages"}},"0.0.0-nightly9edaf68d4420211116.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly9edaf68d4420211116.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly9edaf68d4420211116.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0562bc8fbe4d139a512085477a6f4f295a58f5c8","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly9edaf68d4420211116.1.tgz","fileCount":34,"integrity":"sha512-zO5eNHyQzOhZHYvdfRT/47pyxikHl9gXRJGzr8xFh1uNS7jTxCSUaoC7zQlZ+cHMgej8O6YTNHdYKjUzio0bLA==","signatures":[{"sig":"MEYCIQDOZQF9rpUoKXxhGjMr57gx1HSJGcme5Pg5qL+s0spdagIhAI35nRVz3iLNNnkOpJeP2CBN01Uw+lcF3tAaQZpu/jGh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148004,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhkzFBCRA9TVsSAnZWagAAxyoP/1m1eTf0ApufWACftKYc\nGPjYfLJluFh4xmixRlKP7NAN0ZkvPpoqUxcFF1l8du987NkjkNoHqSHSQFA5\nkrIxVqTJS0dku3f7/nzbdb1m9wN/6y9iXWjCcU2LLRxlDn0e9tYo3caQgF1m\niBPQE/Q4rfvt3w6dfr24+iPXoivRdartugUlF2XBQ1pX7fPjU4rp1V1QUFJY\nx6XgjlyMzyp1l74puDUtqxkKmOzy+BAH7xMIh5SdcljSwP54PoDJugEqkddJ\n6svp4JL98YYfxq6bQT8OAnqprC4I5RXxhhDxUwLEgPF6Ucp/bk9BcdLeElXF\nPvr+Up6+oU5oqjB1abizM6OYYi+eFkKqSMURTQwHm1ZmD8v9gwzB5isti7VO\n8cYLNjSnmmf1rSdzTDgsJInS81Z7oIlsxUlDcs9IyiJPga0gW/p3FyzInk0y\nE0pITtzQ7ldbnSj7ZX3kxseISmRAiOxESv4Z0DoL6sMvpJ0PzkicCIyccMoq\n9jBei+J8wi6g09AX0Nyqtcg0PBW+ZhPeNHvJnW53T0uilWWZvUoGI0JYXYXP\nImVtgtiBWNF2o6ZpDwPacajHJvpKHHN4VXsNSYst9op9at9vrk53pSMkL1nH\nq1AKLN9X+rg+/hNWt52cs/qkAyIlJ+YdNmswpiVuoVC+BOW1jFBBRyzXO607\nJlF9\r\n=VKYa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly9edaf68d4420211116.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly9edaf68d4420211116.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly9edaf68d4420211116.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly9edaf68d4420211116.1_1637036353583_0.5599549860613766","host":"s3://npm-registry-packages"}},"0.0.0-nightly8825574c4220211117.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly8825574c4220211117.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly8825574c4220211117.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"a2abfc299b5adfe1b0338b930b4f29533f21e449","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly8825574c4220211117.1.tgz","fileCount":34,"integrity":"sha512-gNvC1sXgK+XyveqjUSeEfCd1pW7XzIgj/g45xIEjnVM3XiND4poJqyUevMvas+z0VMtrwc2ld2sXtwymkVzvYQ==","signatures":[{"sig":"MEQCIAIj3SuPhbJpm/ouUfoUsXs5jV8h3NTMQXxLkSdT6EnHAiBusucFSMp7/CD0QvD4EdqWY/V0Xgp33VRUixxo/ApJhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148004,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlILRCRA9TVsSAnZWagAAPDYP/1sdl+aXnGC5Ni1jRnsi\nE/VQQtYZlRM6X2FlwPAUjHyhfvI6J8iAUX9Qh0EsjHDhtioQRnamEAjaQuTE\nWLNfLtE0EFxJM8GhB3p0D9urk6WtSdPlwaRyOpcMb93zBStbtOK0rFLjMb13\nSCd/QhBwZw/MHlYZf1qN7ywLJm3S5MoYfvyziccbgF+jOmZC+SK0OgWzDBv3\nYskdu1UZcUIOt0aCJOpygon4lkmGCyZdNyWBBmBKbugi0V6a799frSWcyMyC\nLAoKrzJFTo5NQaik2ARItOKJG3AgvQBZ30q42pjFNf8Lm/poLmPzTbwObUzf\nuDlcPWs68bKXplTD/Xu2kTW9iy2V1DRJ0CRKiimwAfvje/hOXEbWWA+5jgfk\nDmTH+SW9y69C9p0iDYwBCT8DQq56xYkoe/K3w8gyFfECmbnBorvHTk30qMa1\ndBLzwG6TPLhBB+PlTtsnrgmQexnAHxVAHj/+Kv1RzTuQdCzRDU9UGd9pv50T\ns46pnHHjbivDYc+q7s5vRJ9Z2DMReWPNSpY7ixf+w5vRf0WyffQTqoKXtlZn\neIftQ1TASehy3IWnwiRIiw2T79ukl549H7J9OS0OE+pRTrhoepSW+PPt0SPS\n0jgZidgFOczyX4E+zkqMvBdIfoeVFwcyEmygYAxOtj8mAk6LaZBQ3eBVltRM\nzxJI\r\n=yb1e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly8825574c4220211117.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly8825574c4220211117.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly8825574c4220211117.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly8825574c4220211117.1_1637122769387_0.9139610549133788","host":"s3://npm-registry-packages"}},"0.0.0-nightly8faa94d11420211118.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly8faa94d11420211118.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly8faa94d11420211118.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5a7e89da580dfc180cbde2dbd8e4616c35e8f3a5","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly8faa94d11420211118.1.tgz","fileCount":34,"integrity":"sha512-kNaakBI12hXmUFswCQNknUuZ0FBgbsbP/ipMGVKG431n4IpROn9fhwX1ezqoucIN0FkrlmnqP57eQipEHpNq+A==","signatures":[{"sig":"MEQCIFZmGrJ/sUs56wFjI75oSN0lhEqmN83DnMBjY+xUaAiMAiB2IOt/12PUzumiFFZ36TQ75EvFkikhc199g6TinTUAQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148004,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhldRWCRA9TVsSAnZWagAADwEQAI0ZVTe+NhUBLZg56toN\ni8fV2U2ucUa28fb/xu6eza8Pkik+7RlzhinUQV0t//xqB53OgL+voCpNHwUT\nLSaybyiBtdIPMQgbooVOYZ4cBhES7BqJd9oSN4v5BD24V26vYokYb+71Y48X\nFIfeawndxvrRdbnDAagNN71z78IEQLzblkMwAjmJdWJ0zZkYJQTuHjJW0tKt\nb97W2gyiAtTLX9/c6YvgPDGwdM20eud+Y4oaUrEjNlX6viAipsDR8x4pVGki\n6RjFc9/YKcn0iReipdE7BskdjF1Qkci6pOOOA+3ajFOIaQ8960Z8AXf23q6T\nSgU5NZXGia+BCaO34J/nJX8FgmLxrK5LlmMoYuNTs+kGP9M91NDYHq3bMgSU\nWfsmBeJFUPNyK3RCtMvHfEkFC0CAF4VAbAk7ELasGw4X488WIj7jUPMoSbkU\ngWm0uLc81xJ4SNB7K0HfDhV1Jg2R6Prx2EhNYbiPbeZ08oionLlYDigy7xsY\n8eNlcqRI9zMnJkPfI7gt0EyryoTEEqcrD4q4VaBcdV5/icNwUZQCjQiSpaMK\nTnKiBzI+Yc6IzVA+dkLDz8UlNiaMpXboLVWCg/XLweZaHfLdq1fRbkYRGUA7\nHjUVm+IwZ/P9eK20BorZOK9xiDhnUjRkYrwFtL5uBtuEt53T77BSJutNzIyc\nK9nc\r\n=y4U6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly8faa94d11420211118.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly8faa94d11420211118.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly8faa94d11420211118.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly8faa94d11420211118.1_1637209173867_0.3095444171979016","host":"s3://npm-registry-packages"}},"0.0.0-nightly57a9843f2620211119.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly57a9843f2620211119.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly57a9843f2620211119.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"05d45332dd9a5751f011fd3ac69f8482c62e0000","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly57a9843f2620211119.1.tgz","fileCount":34,"integrity":"sha512-fsOPR7CkJwH9hgxZ3KWrSDg2WTP/LB526ChlLszqh7MTQnAOaB/ujwSR1BQthmY6FOlWZ/rbJvF/CAN8IhUAGw==","signatures":[{"sig":"MEQCICxhOuZAyKCtqsP67oUZI6OQ8I5L1VjLxOxFjXQ3UHpOAiBRfk5ZHn0D8yErNe/xWipEVlDi7qVLvK/JCpp/r0NPaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148004,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlyXvCRA9TVsSAnZWagAAeS4P/3UYLs7p/mVIwIYswsWU\nDRCRNR1We4PwrA1CX17vwtQ2mT5p8AvII5GEu397sBn5X6lzbxAzAlIT2ojy\n7s50Y4JFfIjP3TbFknThkngtgOMFBIj1SAa4F9rkMqUdCRSHhcWDgSPb1Rud\nUl5wPYcWZGEyrIEGEHsj2lK5k7m8MTgx/sDMPIIXyeM4hhK7r9dbohgL/G5E\nig6ZcNjSWbYk5BdLOneC37l0cudUXuT6ivukCxP40BmY1mu7I1ZcCkRqFDg6\nNoQTN4ep1MBEQnVjCF9j5y70HH1to0vxxF+J9IbuC28G98dolDSW5pv5A6Pw\nXYI0Si1WG7nP66Zcr/ztu6ecySG4B2YAif15BXa1wcxoHtK3Pj6c1OseaNL8\nUY0o6CM57uhkISk0jbCZ2jXZrWjiLecWqlqo2etLq6WHyucVEPI+IPfj7iz2\nStKD4kWetRBXG6JdsgUhMHYe/sveM5eGMLEQEExorF4EJx/wYhwKNdfnwfEA\n5ilYVAro2tt/5+6IUqgzhojxZuN6WqmNre+ANHrpBVXHas0TQwJXEu4KVUYX\nU3RiQtAAATpP1167m2VtHQWRP1JLjAENC5f3TuQ5B4a0mUhLICJpl8oXEQPD\nTKV1u+flqZh6Sd+HZ9wUMpJlnoHNfxPdPRalX8rCayPoTZKezRbIjABX1IXO\nchJR\r\n=F85F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly57a9843f2620211119.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly57a9843f2620211119.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly57a9843f2620211119.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly57a9843f2620211119.1_1637295599678_0.2299100685954838","host":"s3://npm-registry-packages"}},"0.0.0-nightlyc9ccb6f37d20211122.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyc9ccb6f37d20211122.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyc9ccb6f37d20211122.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c634291f503afc374d32e6fee62cd92baebda49e","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyc9ccb6f37d20211122.1.tgz","fileCount":34,"integrity":"sha512-cDcBYeG/thhuVwZWkWSJDmSr6awgWzKNN4hl5mV2mxl59NoRZH0zWyOuL86Xh7j6sCarGspt9BQwVmKB7oCV7A==","signatures":[{"sig":"MEUCIHlNXexTZ3ZcwAnFS2+0f9uhB3P7ATrhdEm8Imjhmn6wAiEAubXacK/L8tGBtjiRt23BEVJ/BQCnZPavziBl/f2/xWU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148004,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhmxmOCRA9TVsSAnZWagAA6IkP/0Jqots8a9Qx8P0ANzsi\n2N0d3G2B49hHRaBcnUwykMFo6VMtzB/JjPfl5FbyE1y2+bXyuKwVyykviIzP\n46TdASWQS2sW5JsKj86o9awJIqGZyWf1r17AcX0LCJZx4ebwdnLnZdQNiuHY\nXeR9MI57jZkKdbwqpPrXRWAhlDB+0+Ozvyqb98mS0lAmqX/fImuwLxwkSm5N\nmYlZpuhYIFVdup6QPeSCTnBN8kivtp4SsAR0O8bAPb3+ZxcuyXZbqqFOUPKW\n4KCvKsce6daA7FeB1LU3ILQoCf99Qe5bML2tD1aFaW4x3WEMwmbygJFZwqi7\n5oZCv4TWeYig/Bz5Qu8SlIpLJNk9e5gSb2IxCTVHu2YVBMqzWiXTx+VAjZ0v\nmJ5BFOk/eWprHQjdle6XCK5VaQZJ5HBbDrJ2cdm9sI9BluCz6HcNR2Po39EH\nNfRpzSFJRPlX7cV1kmNurm52Fw+6nzIGJLeNBu22A9B40xR7bdZXYSXjxb3m\niMRKN4tpaWcqU1bE3uQOr9VZzqVzj3Eq3ugLvtg1O3SWyFbJkMjDIpVJKxW3\nEMMoQUViADa0g+bOKAtsOkflkBCOKh+Z6j1cx98necP6WDOd5nLzrynkm6GD\nRfeEuCMK92pYPpk2XbZnOth28DR9ZD6DItus2dyf26HOn35C0OHK2gBdgvjf\n25a/\r\n=b9ur\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyc9ccb6f37d20211122.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyc9ccb6f37d20211122.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyc9ccb6f37d20211122.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyc9ccb6f37d20211122.1_1637554574698_0.4791719980018765","host":"s3://npm-registry-packages"}},"0.0.0-nightlyc0273fdc6920211123.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyc0273fdc6920211123.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyc0273fdc6920211123.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d3f8df79b1e34ef6a3198ada55a125e5acdf4b21","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyc0273fdc6920211123.1.tgz","fileCount":34,"integrity":"sha512-pRkJ7DF4L5zOd2Khn42nbaBKEIvMkrA1m3+fqZYUra0XG9jL+a3bxamjGjofJJg8q4IGXpQHi/cbhQCdBGzAHw==","signatures":[{"sig":"MEQCIBoLJD5Qf+72/pUEd2FPjTvvFKhdfU1n47LnjY9QZg35AiAvRq3atSu4uGkAMbQRNWCGasxgYfXEItB456PfWLY+cA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148004,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnGwQCRA9TVsSAnZWagAAVA8P/2jprDSs9ESPvJkIwhRB\nnIMW7aq0Duja9LXvjrWrT1x4VzaJ6trDjB8BfuwG1aDkOaYqcT74R2CagmNj\n1zaAjoMWJv7MSAwTsiOVxSGP635YDBfT7HSUBq3do9ys6VWuwdKJc19qGJfS\nM9+JMxFNdrM9R5i724gqsDRx1GH6KNZuHmQCA6zdSEVTMlGg0tbDoCJtcyqu\n8sEsPQqIWcUVY+T2fDxWFicDGjUuNwsqmuZmjkzfsYpXax0JuXJfK0NKDecr\nsw+9CfDv6yc5f1WG+zN7NuTpw8fctpkl+/QnG3yfkqlSZsOD0Q+ei9eS+BHK\nU3HM/mlp1wR0p3G0USqtnNFbmjgIyUb8V6tN2+BQA1EDXcj3thOHTWtNpssA\nqxjPAwVmi8Y2a2csWG9iPk94JKsrJvt84FOGhbeDPbniL0ZtpInJuWhmYzvH\nqgL22mfTcJXJMTOF24tlzEmtKf1dHCQoB+s3EzIBjB1D798zmot/+xVoxcWe\nDkYHgLPGcQ5c0QR5hrwdIrMaw9+43CY81MQgwfYyuvqMFnwmlxtlIFMDqquP\n6uvIBrDvjE4ZAirq+gksTYpJUaUb1MP7FnlcY1S7lh0PTE7OUwawqFPrUpJ8\nPPSELDUftq2jBlIG8icBdi/j2DCVlv9V78nnsfGXNt0IzufHrS2Nh0tyWH9B\nyxYb\r\n=5NOL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyc0273fdc6920211123.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyc0273fdc6920211123.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyc0273fdc6920211123.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyc0273fdc6920211123.1_1637641232431_0.42169495040600746","host":"s3://npm-registry-packages"}},"0.0.0-nightlya54302c0b220211124.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlya54302c0b220211124.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlya54302c0b220211124.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c2ac0e46ad834256fd4effbb8367e0983a73738c","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlya54302c0b220211124.1.tgz","fileCount":34,"integrity":"sha512-qtTwOCmoE9wt8H4Rym6YoeqIhXQ8+CG/HTa3RW/HbOfkA9DbiZekWKev5tR1re/ASOBUh5bhql8KExBrx8E3oA==","signatures":[{"sig":"MEUCIGqXEsvIyLsl+Ru14SbyTneT9HUt1374eQ+KqXW1UpnjAiEAiGZhJUfprF8HdVb+WUuA8q+EhoFoksOujn9Ey+mJP0Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":147632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnbvrCRA9TVsSAnZWagAA1qoP/1B94kKOcjZUBcREJQWF\n5K4rEt9m6sE77Epug8Ud8h92AvreXHgQKokRgxeML07t0hvlPdltsZrCZjOv\nN/atcYNpozHHZoWp4lp8+/emmg+8n0vGNTw8WrS9gNslmnefY/OATk3oiHQQ\nRBewP4siONero9pv6dGiNKTtGw8GnLa9JPF/Oi2tzRiXTL6a+FruXedsitrS\np3E4dFQOlxGzYCuIHASjCNJtDoBsT4Bcp44w1MHQKD92cGHudfhClPvQBvND\n3JwoIwPGQNfd3LTTcF9Rz15yE0HhLAlOCOkDiEiZ+bv5NImIqyIqXsFzlJeg\nxfqztAVI19TUcnMaj40PVKsGG90V2Y6ZpnDBJjcLjJ38P7s0t40l1C/NQ1PI\nH4dfn3XPF14p9IU24HXtF6ll3J6+aAXgsryDcPrKXV1Qhs7LrCmtHudAd91G\nIwI8k0BSjRJz3pod6zaQvKWlQUrkIeUyWsMl7/1cw0oHY01w2Mjv9EBHvVyO\nMYXNmts4MP/c2il7YQklrv+lY3Bz3EGKVsSN1K6FI86xDT/E7rtwMny5xwyo\n7pHqCKtqc0/TDSeIINNeFv0J3JHZHux4sz+UEbc86xgcnxM0y0X7XtHG2BQ5\nm4bwqsDnpfuHcL9RlOd+1aUHbs/JErHdA1l7pTYtplPyamIHPRQFZCnKJTo2\n3Ppo\r\n=HCVl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.1","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlya54302c0b220211124.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlya54302c0b220211124.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlya54302c0b220211124.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlya54302c0b220211124.1_1637727211248_0.31071696127837245","host":"s3://npm-registry-packages"}},"0.0.0-nightly99adff5a9a20211125.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly99adff5a9a20211125.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly99adff5a9a20211125.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"e5f2da1e0448c01f123a1b7390a2d4eb27fd168c","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly99adff5a9a20211125.1.tgz","fileCount":34,"integrity":"sha512-wrKJJghzrcB+LaawQrRUHhKD8OYfhpfO92WcqQbxbJVaW4YL0Ktc68fI1p7FJocW0KUM+ytMd0/NbRO3S+7o0Q==","signatures":[{"sig":"MEUCIQCZ6aVxLuEXXDH7UFjzo1bGd0fiiMCf8LFcSTFBQIQefQIgIn1Oa2lfsovjBKOSkt08JTvwLoaxDCrWnvpOYdyo0+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":147632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnw2zCRA9TVsSAnZWagAAGcIP/2F/NugRfTDy5D2GK64K\nGTLKWa64GvK/QJDWrRcP32v8/7BZpuVeB96LO/AW+kj8dbVQpn35UXaUuwFk\nX4kOKfx/9BZzptKQ5N1ZnGOPglOZaNHj1JHRJB0VJq9fncKjfE+ftOcwWyK1\nZhO+Nb8jmmOqM/xb62/ggjc7zlBdg6LJOzgom7mkXTiSbVuXTQgUJA/GsS2m\nx8kEW5gKUhQvK6MMDAdqktmQyJ9xBsSY/TS8rJzMvJIEHv7RixMSMFp2M/AB\na9ykyjju5xSudLXCK475oIkNTlygHBtorwLul7F9g1FRkhdqA9cn6Msb4h/H\nNlbvQ3d3kzr2m7SHb5pwk/T/bl0q3kLxdkbo9fhIRq3Lkc+7WjmvVtGw7Ub8\nflp3TYiRv5Ca5z/1p2LCPDLfjuJPctvSrLu0ddNhge6GIsZnPhnJZSQa+6Ms\nDfAFMfkvqjS75uXezcelsPQJWf7nqRd4x238CzTFe4AHgy0/SCCOn6vBmdwv\nd9qbivM54RNYrcsrBYg/GoF/+br03M93YvypZ8FHTvQ98+4G1qcTadIL3jcS\nQdtelY4BV++NNsS8pe0cz113kEeZEOlknyhBS/hZkbl4wL3o9BzNuz6VSvfT\nzWZ/B8tARshSnmButpKQb5r/cX2OSlj1owcVXEEqospIAdo6bYt15akLWhG6\nwh+Q\r\n=dAD9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.1","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly99adff5a9a20211125.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly99adff5a9a20211125.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly99adff5a9a20211125.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly99adff5a9a20211125.1_1637813682922_0.675939024619143","host":"s3://npm-registry-packages"}},"9.0.0-beta.4":{"name":"@fluentui/babel-make-styles","version":"9.0.0-beta.4","license":"MIT","_id":"@fluentui/babel-make-styles@9.0.0-beta.4","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c3d4696ac185198c12a9d148d2a381548f286165","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-9.0.0-beta.4.tgz","fileCount":34,"integrity":"sha512-XXQrMCyeisn03fKvUjUbpVFOFvt00073arSxSUykkh0jskcw1X0pIvOFiW7L98BAEG9bbv2hDEz4EbeMp+NnMA==","signatures":[{"sig":"MEYCIQCzkYGl2xM4yvko+IizYDxOz2AqtDe12J76B/96h/EIAgIhAK4S8cWVGT1QJRoqLl6suYBSteFImv1CMT2xA3I3g6W7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":147215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhn0oOCRA9TVsSAnZWagAAF9UP/ix3G9/mfCY44RiBBz6b\nc5GI0L68RzF44Iui5vJgrcWxxacVmFiYB+dQ6qJyXxPtC1HOZAchfqbw4s3y\n15gfqUFsUojVJuta6c2FelxuufZRn0dRNuYH74qW5KKcr1Z8ntTgPHUCz+7H\noW0oBowKVL3NbKyL79ebrkN5WNx9T9xpgBDQMaWJBHElPg7WAxX9ynPAGl+s\nsOTxKtHggJgZFCA+9WEXzawxq20/AmqxhitXhrsJgSfBzmEcF0CKp9e5hA9A\n60OZ/o+PyhMwSq/qp8MYNJMKSFR2YRSQ3gKG9v0kT927QsIkMp2lTI5+p+E1\nedKRhzXHf8Uo54Yi+0PYaueeQ7G5qQG6ZHRqfEOWUxGRZgc+hVaXKPra4xBs\neG4EphoTUPMq902E+FBVc7t4NtVz8F4fxItTD2fhcqflH+A/mrVgtEi0tY/3\n3PzTOUOZ8QvWWg6u5imY3I+g20eMyyQApr6Oy7a1P3KOeURMYGsfcT/FRac3\ny8fEZ2PVsobfh+65U7mPxHB/QqBEYOSjmE+kq9wDltRDOVbHdLWZKcjkhzlv\nqUQIC2RsNwv32Ojf2xJusln+xAHxFgL2K0XfTrtb5E0mwvbW6Z9onQaoOBzK\nTU3NIYouKB1Jk08GP2nWbSGqzU6vFpVN2qCaw4+xU39iphiI0iQhpgzXDEfp\nhEuR\r\n=KwhF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -p ./tsconfig.spec.json","build:local":"tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.1","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"9.0.0-beta.3","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"9.0.0-beta.4","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"9.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_9.0.0-beta.4_1637829134056_0.6018369131956591","host":"s3://npm-registry-packages"}},"0.0.0-nightlybd3e92b51920211126.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlybd3e92b51920211126.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlybd3e92b51920211126.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"71a30d219a9d6f7c8e4c11b1b24337a01e087edf","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlybd3e92b51920211126.1.tgz","fileCount":34,"integrity":"sha512-pOYqMineHpfn3Hmm6QXjsk5We85AHw+Q3ff/s5AWtRNXHRV2xzRRLLmQwBZKdirpvQLX2qViIxRmCbBW+GAGKQ==","signatures":[{"sig":"MEUCIGS9lxE5pCSQybqOM3PcNxTQgSXxwXFpEEFjErTlQsw0AiEAtTl/PVL2+4SxjS+mfGY/0YT/TN5BiWLjEnkZeqeHW/Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhoF+HCRA9TVsSAnZWagAAmdkP/2isHillyQjnC52kG8+z\nSyr62VR20108qWn3igJIexxBRhmtCTjjwUCQEtP4lRApdhvCZcSGXt9CIVq2\nDsnZtuMzRmXqNY2HULHB6QOJfNCmiPbw8+Cz1m+3Bf9rTDL29/Hz/DCLuaMY\nf3qOz1HHk6NfwP+lUbVTqZR4uk4HxIz1pkLLX/scRK+6eZw1q2Pfvtjs7hws\nX5Hk2hO3raL290FB5vXipz8NZ8b09YuMP5Z699650R7ZZEEMBRXiMx6ogV3F\nmqp+JqZJNFLPZ5tnEAxOGHViUCfJCMAqrTdp2IGu0hQVx/w2u+aj0xKP8AV/\nphbDBps4kuQhG3rJadpw+NkQJWAgcQHGrulBB3rkIP0pcWteJarMANWSKwIp\nO39EWhCJAli4fiI0fSfoC8iIUGTDv7GaV1EAyBS8kAJwtJhKAJPU0W7P/Mqx\nTCU0gaEbGSCpx52cNP312IG+i69r62vPJGD9u8janQf0ZUzKJMN6aeG0DaIu\nzCOv4Olhhb8+G2mam1GPmNyzIVpa4xajPkTUnrljV0Py0gOa1ZzNqMw7Y6Gh\n/NR15qJ9hhXTq5vyVHBvURpGeNRs6rv4HizylVIVe6vRNisYGaKMxPU1EcTk\nbPMgO7k4TeTzCe+9GuwESOz7BOk8+7ep28hCxndAVr0ps7AyWHJ4cLXJRuM+\ny4bx\r\n=4TRK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlybd3e92b51920211126.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlybd3e92b51920211126.0","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlybd3e92b51920211126.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlybd3e92b51920211126.1_1637900167794_0.7261541770094089","host":"s3://npm-registry-packages"}},"0.0.0-nightlyb8537fb52c20211129.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyb8537fb52c20211129.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyb8537fb52c20211129.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"de5524b12cc67e486cfa7e92614804027b09725f","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyb8537fb52c20211129.1.tgz","fileCount":34,"integrity":"sha512-XSSu+Y8zsNafuyYIE6fuu1JBpKD/ytAWuhgw/5yzi2US9iqgrHqEfHxSmMMDNX0GNIw07zubUz6sPAlAxZGYyg==","signatures":[{"sig":"MEYCIQD6dzCSBy6iBYkrurP+tEU04uAENoZ27t6SZCg7Y4kM8AIhANMWwH6C/H3NvhtB/h4n/5UIcgJwZrYwFCUUbPJfGKSi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149843,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpFOeCRA9TVsSAnZWagAA/mYP/RKgfpJkj4q/L+GoGWSO\nz0osLPACq7IwuKjTxnkuEKrspgbY/FivRP3ocg4+x7wcl/S302xeId9zRVsf\nRmD6yyjx+KIh8C64fz+eVSHX/SwjmgWsUkGFax0RILfB7SV2nHyAQGVLAFRe\nKMT83pq/j8e8EiX5LRI+G2GNLaxmp/KoCCzzJ9dypwVTmlxMO6yuNPdF277Z\ndP9Tb+lvtNlEPWMzN4F/8jMnbo/wZITX36SRLBMbtU6lid7B2DlFwZHcFiQE\n+Bs8TLsjzEs/4pjsw6GzvWib3y2K8CmfqohqJF/lK5pCF0tw8wHssql6zvmA\n4IehUuoBnsS3ydxhF+rVAf/oLDh/nEOshmr4yJ/77vYUBEOC4EtnjfEq7umF\nCk4MWcUvK/08BvbI+5xseVTZTSydBAn46EXddI8hxSZR7y37IP23jBe0+I/B\nyqcFrRrcViU8oXYpYhEyePlOQOF8PjyO2ZGE8CQnkk1ccUoMj+K/RcSe+O+z\nPxO0Pr72KrPQ5nldinkHxxObMcGKVSZFlkO1nwju6kPLe6hv3Z0+NBVvYW4K\nKZ9Xu+owMMhq/+UGM+L8pkhgrsZH6m7l5crkVaQl1GL+9aztXpDqx/RfJwYn\nlaXNNp8lUaedjtrCIvW5V5js2GYHQeIYJKxn6o4gmG7TxD5EPjCTTPO/J25r\np/gk\r\n=KlH7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyb8537fb52c20211129.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyb8537fb52c20211129.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyb8537fb52c20211129.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyb8537fb52c20211129.1_1638159262459_0.3435000323677482","host":"s3://npm-registry-packages"}},"0.0.0-nightlyb2deb9be1720211130.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyb2deb9be1720211130.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyb2deb9be1720211130.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"eed1609fd1aa95168e85ab3e07c86b89869a97e5","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyb2deb9be1720211130.1.tgz","fileCount":34,"integrity":"sha512-TiWCvUkmFrhY/jXMncLCR8zzmsknMm8Us+sIvjJwZBURDOfbjLRkYzhCggeuLaI5q6Ik20chSxI9Q0mLyTueew==","signatures":[{"sig":"MEUCIGDIJpT9dBlMPST/q8XC6exmGoxTpeQBZZZvV6f4zxKpAiEA4q3v04Q9P7Lk2Q7gImqLTEZo6fA0Uprt40OVenr850Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpaUkCRA9TVsSAnZWagAAuwUQAJsnMU5zK03BuS00rcLz\nLmYx5DE83fhtihbExvGddoK68iN0LhtCspIxJIUz74soqI0OqYoxdiUh5pR5\nDKgdptTf0hXlSoYZLzOebM8AK9eLAF62PgmDc/YRbJDai7adZfsH/S33p5MI\nxfPuCXTh5A8p60NIni8j6ujRvEEYtLt5CvVYyIKuIszPlMBF7+ff5G/QmohV\nsHRvZOZsv4pti2iftPfZEXHjtIUPdZCW5BUYDhi0Gio4Pn5h17uRMejhKh1t\nFgvxdjs5VlbQ97Fu+Ckg7TJastRsThIbSxPrmUEnFwM3rGNJXAx+dv1tVUg4\nqUhh4ClVOy7Ldd48I6bAxXQmmPn/KBMV7F1WTZHafn4seEnf+1ByICferpzi\nHNhGvpnQqG3GP/bkA3HsLLKDO38Knd185wAr6uBBskbmCkHCo3jZTD9djnJ/\n7dppqH/KKqlbaPXWUnyUkQelixoOiIixRwmjEVkMQicmGvisGg2aTFuNwApu\nLkxErlH6KkPQKlXik7KjYcHnS2heRufIHXITxkJMk2cNLmBmq2yMjs+eff9Y\n3/MUEdkRQwcXIxCpfJCesMUSH4hw9aQ59dWsMz9q9PTaw0TGq10H997/iKsw\nvzhP9/7k+HYB8fISsMoDGYTTzlU7MKZecx4113/1Mm9h2EPwwp4I90c7CL9O\n3ebt\r\n=ALpx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyb2deb9be1720211130.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyb2deb9be1720211130.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyb2deb9be1720211130.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyb2deb9be1720211130.1_1638245668671_0.8707681274153611","host":"s3://npm-registry-packages"}},"0.0.0-nightlyd3bf09bf8120211201.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyd3bf09bf8120211201.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyd3bf09bf8120211201.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"1f300b79aad794d9da190b126764fef3c7712acb","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyd3bf09bf8120211201.1.tgz","fileCount":34,"integrity":"sha512-00TuVr8N9LpOHc0vzh0XGmjq1vs8q9P1++uxIuRZxSgqTa49fS+B7Oza5NjfQ/1MuxukiwXLUxcKqxrHauzTiw==","signatures":[{"sig":"MEYCIQDr+C4SVc7lezUf2ba/szdtJM66CWeYZxSKljt3K05HXgIhAMLJmq88cgEQshNX1sP2ZSFr+fIKy7Aijcau8np1FsFP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpvmECRA9TVsSAnZWagAALH0P/iFhDMIlMQmHSU8QVKdk\nlyq31lS1/juW6RDBRot+AY7EL54WpqnG7RzBsEOp/eWRmv2TznVQHuhN7YQ8\n0W+RobTCZ2Rtv4ioZjNgshz+3Hg06BRiK8U48mlQWJt16HwflgUlduE9DKgM\nXqmP93C9jz+fFlCOYUPzr0Nl35/pRf4EJGlJm5L4RnWFy/LCm9SfCtwvibMb\nSWciE5Ss5An2hDVTMB2LZNrZxGZTPit/2kY9O8IHbw0fxnX9DWZA60x1oMXl\nxxhNW8qemPZml3StVEOp0zyG3h7sAdxDbF/vR+iu8F2mZz/KbU0uhM+sGY8o\nZn1wXCcNz5kCZ56L9a+v16FU91GVjXsTiD4YqctSt2q1ZVix8mVR2WHqO/ZI\nFidGsAXQcH1buXJA5mIeyS0hVX4UX5plKRmQeKopgIHaDU56GT0jEfaCJdak\nO1zDyWtb4aFb1nvFOB+A+RJnT/bgqoFQkfT9R3UC6VetqzgpjQBXykOSN9VB\nkprv1N5ef3Mm6P+KUT7/ozo+3jFnwnqM628tT85ydsZn7sKgnpymH0IIU97r\n6+0G2iOKM37NvaufIgHd4I/fi6v8BIjHsKfP5MtSAVe1iMBFODB5BGctqpO0\n1D/zXS1p60/oLOE5K2Hx0aBihFxNqv/RCnDjCxI6sIjypUnIPILkNtv6KitQ\n/ZYn\r\n=BGOO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyd3bf09bf8120211201.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyd3bf09bf8120211201.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyd3bf09bf8120211201.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyd3bf09bf8120211201.1_1638332804215_0.7911498694662922","host":"s3://npm-registry-packages"}},"0.0.0-nightly554221a5aa20211202.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly554221a5aa20211202.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly554221a5aa20211202.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5fc4fd3dc398809c3ad5aa25a8a379d08c9380fe","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly554221a5aa20211202.1.tgz","fileCount":34,"integrity":"sha512-27bNiaeGWXMe9SbatpjlCia3PN/xvXOCc6MicdlLTOL++mp4kyTVmlQ/+b6M9bk4Hg9fN8k5dUE44QGqthjgBQ==","signatures":[{"sig":"MEQCICRzx1VDEkVyMXRx548l84EZv6xq36dN3yPyglzhAa3aAiAzGduwTt0D6t+GkIKChNzUOnGGEuYzsvijLtDRCiT3yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqEjRCRA9TVsSAnZWagAAi+4P/3UAoRWkzDkTb9V9YrsJ\nE/APzjU4g120Cav6kNPMgr7Gy6MD6iQZVDl+3xS//5kgz6Puur5TWXB9gLHS\nADg7qMvk5W8SnfeLv03D7Ec6zslIXaegaFOt3kj7Pt1/kNk8Fk5xHSOS6PIE\ntq1EJqThjJg8JpDK9E4hz3ett7yaFPzt3ClkdNWIhCqyO/nf4IawWL4KF2Cw\nOIhWE0+SPFBdV453AIZK3QJFjR0KKJjQD+Z6c0soLmef8SHOhU7xn7K1L+gm\nPuHm09pWrxpCWuZpnNqqt6XEp10ALZ9Zxx5JDs6uGlRTo6b2LuSiOvYFewPe\n8fi0vu2cJ4/4QoqJyNG3iO47fjW2QQ8h6lGzf7fgmD2VLo5+zMXBeEILNiSm\nInmx0DhY0uJqSdfcLxz0BZr2Y1ZuCFu4X1NmFmc7SCT6yG+43ks52Rub6DLM\nXvmxDdYe01UvIiXJd+rTyRuSx8oiNF8bsVD2AwzfNyh/530Mf0efTo7E6dhJ\ngJqlAMZFLdC8boUqqXcXeYvtxr19JGWnmPgUcfJXEdkUFDZnVwkSpz4CUl9s\nlON/rNEl8pOuO+0wDK5qpZY9MQ00oBBrqEYKfzZtHjYphizvgGZgmHs0zICh\nIMgI85nf6U9iuxjLxBS0SF90p5WzLjlA+9pkwLZDrrb3tWwcf7De21Aey+w4\nfer+\r\n=q2mG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly554221a5aa20211202.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly554221a5aa20211202.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly554221a5aa20211202.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly554221a5aa20211202.1_1638418641591_0.3705889603649952","host":"s3://npm-registry-packages"}},"0.0.0-nightly131c59c96120211203.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly131c59c96120211203.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly131c59c96120211203.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"f82681d4d488b1e9f6b430bdc180281019b65db4","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly131c59c96120211203.1.tgz","fileCount":34,"integrity":"sha512-XksR8Zi8PUQoKHRwXelTgAhBXWxl980L9Pou6xQHR680hJoho8BsGfY+yj+Qpe+VOy1QpQ2ZxKESeUVlwfaYsw==","signatures":[{"sig":"MEUCIQD0M65MhlX1Dzh+nnFaDrvZ8YKhHPPGpAt2v734Zql4dgIgCCESLd+5kX8pNnY8IonrmJMEkzoqYNVkhCTHxATwJ0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqZmfCRA9TVsSAnZWagAANVAQAIUgyvWCff4MK5W8lGt9\nokAeV4+rHpUkzP3bW19hWSCS7QgNExZp+r2Yab0Nlp3n4qWGprNmv+ZN7t2V\n/Zxfj5ZCBvzj1ePsxBiT5ljDVSiFFmtOtVPIin+so2s6klhai+LPlQg147WD\nBrq2WK03Yrw1RZ859PHQia6FjGJTBOXhIibcC79yMp8p956X+S5s8/QsvBpd\nqRXP7WwuEs301k5708l6VcZH1Jeay8WtATSM6q8QJVqYQ0cJwjVtPtayKDgF\niw+uhK77q2zHTR7DRwuXD0KC9uTgrlyF0VvSXI+JZ7lW+Tdf6gV0Cer17W1N\nsODu5di4TRBSP5UK//GXe8bgrgqTQWaZTlmPtqIbrFgHMiDiYm8weftnGKb3\nxvPVrYGo6vnTMuTLYjXfHTDW5rl6UYqaPtAbg72uoZqLo8zQfTPiGZfAXjz3\niT2NZb0ri38GI/8UUuqi+NwuIoLTGwxNaBhF/Aroj4ZEmuBaWfJ5k2oc1hFd\nQQtArSAMAyfTymTQW6q32Z0SRbLmB9XXeIrlOh0dSv3Bu5Xz5hGZ7VmwUXwC\n1PrTCKWF3mbH1LVIR3P5a4WoVjRDhztUWz1SNSPxP26T7OD3gXp2KIrUmCeY\nj+9wMutas23FUrKK4bczekXFgBs5aOfRnn0ya6vwhI5P5cfvHz2piMj0owfm\ndcqb\r\n=j0hf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly131c59c96120211203.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly131c59c96120211203.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly131c59c96120211203.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly131c59c96120211203.1_1638504863647_0.33702564870778207","host":"s3://npm-registry-packages"}},"0.0.0-nightly39ce3cbcf120211206.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly39ce3cbcf120211206.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly39ce3cbcf120211206.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"248792789017a02ef3365b3d42fc21499c5f9f28","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly39ce3cbcf120211206.1.tgz","fileCount":34,"integrity":"sha512-6rkeK7CQCtdrUypizJ1ofHLSsrrEJNvcOHd0/GWG0lGeIQ2fvEQAg8vxCDi/pgImHOpwkvNw13arMJJksgXFNQ==","signatures":[{"sig":"MEYCIQDWQhOiYc7nrmt00ciaJM0dU43ocxIJU873UipYIrmI0gIhAL6H/6xRhJ7msDbnwAI/NLi+ch0OU868rbCHhZrQ1W7k","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrY8BCRA9TVsSAnZWagAABLYQAJxWf8Iw9JIzEjpnaclJ\nTKiq1s5/5TW8W5zITnceb2dlpZjJnOdTmfE8eD8uyQ/QgZREYYpolWJkABlG\nMAkhWXpH833J9TyW9h5MJmkWeE9D1bGlMCtsot8YKug6y7AR/wDcOsUoZVsY\ndteZ3vhR2nKYDRsaEVsoZAhIZ+/yEXUFhSh7iyKHKUiiao+E/ho4hq17X6RG\nfLM0i0maHjEWraCiTIpofIr6WMzjkZ/Jgmiw2/6oIoaPiCM74Llk+GEx9Krd\nzsO5pd5rySAi5X1sKX8SisW0eBztc0KqNIxczF02jN7wb4zqQdDl99mVN9YD\nY6tL5pf7R6Cv/PsttxaKhmjdxL7zuwCpaqEZXS6VQtWSsx7zfCtGWJc95i/U\ni5BZAMxS41viwhIXxeZ/QTsyx5xmxosAMazis5rZLPWIHMZXD51rN2MGNWmt\nG1LvUO/qvJaCr5vm/jv4Va+JnJOU2cMGAZCP+zYtuOmbGvT1p0KYUHBAn/Jj\n8C/fXyrM9MVippSv4IqmrthYbF8JXpBCgx+NHxSTHSm5X++MZe256liv2gUu\nEngxTB06r8UJtxBd5ozkoBAOCOEPnORXVYEgTb1NqyTz0UMDEn/IislCuCPs\nTQLX/U/X9oH0FncK+H30q28zXe7FiT1HahlnFTRBZVyNlLuGZl96yvPgqhu5\nN+tk\r\n=IQeK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly39ce3cbcf120211206.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly39ce3cbcf120211206.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly39ce3cbcf120211206.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly39ce3cbcf120211206.1_1638764289422_0.7296898362473649","host":"s3://npm-registry-packages"}},"0.0.0-nightlyebf02572f720211207.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyebf02572f720211207.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyebf02572f720211207.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"8a744605f468ec0d60a95f6f867b20948529b695","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyebf02572f720211207.1.tgz","fileCount":34,"integrity":"sha512-qL+QtAgrf7VMIeZldZlUU+8jp9UYbJLtQ924yBukHuwQc8yrwVQWKCOq0kJlIL4cWHQ/f9boCmBQwgPLVlYgzA==","signatures":[{"sig":"MEQCIC3cX+Qt4rj09UpDEVqb9HqVDWvDIPjowMOjrgI2qnKWAiBIJGppDXyy+XIckrhHDGCCyfSlkZfOTpLiBttWS6IDeg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhrt/kCRA9TVsSAnZWagAA020QAJ0N6kJuRelDUmgvwHRm\n/eSsXB6BJIkJe7MWTIpY+eAGrMlE6mpbethLjeqLj5NlfG8GLYkdP3yAJIc5\n6JTAYt4v5i4o1gDvpR0jtzwsCSfq+iVbtRSBUtxtBVQJ5qfObKaPezr2YsKK\nA9zhUGYgvD88nU7jRoloh8hI7UJd9/9wsmpbHvMrb8tMGV40qzOZhC9x/5sO\n3G14yZru7UmA3jE7+RlJoTdZ4XjDvhA/T05XFEK9Py2vJD/kP9Nef2tcREm+\ngmujmT9OOyW5dsPrWpUJ+30DXE2wpnGjg5WQYkhp36RpoNLFUaHolCH8WyJa\nxjFLVlbGLVsJFluQCyW/tZfblj1Mn/jA3LhX+fvrMbsUFCrn9FXYhqpbFakN\n6T5ki6nanhECXyt2+9r6WC705pz1xFG7b1iGUtWDfD9Y6ixEFlENGVK3j10h\nHsWBhEnCqlmx8SGbqIsS+5jhaIE7PlCsNjtDxqhfRvBbHQvgzLy6p8Pg4ltU\nlZz/Qh9CXC67IO4HY/BmHnEtv/HlgZn92AINC9UNV0m2CfvZy8sbms76RTht\nHG1cKepMVy3a0e47mepgi9SnZfETTj+lcxHBaFH6g1yT32DSd4zfyv4bZAK8\nm/cw/CTUJsQgxEsQYGBj3J4gJ38iNd+tjCe0+X2+IfcPp2ducDeihpt5mL8z\n1GmF\r\n=42ZT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyebf02572f720211207.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyebf02572f720211207.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyebf02572f720211207.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyebf02572f720211207.1_1638850532561_0.36388801742295485","host":"s3://npm-registry-packages"}},"0.0.0-nightlya0ab3454ed20211208.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlya0ab3454ed20211208.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlya0ab3454ed20211208.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"25e93499aa36d1445c865ecb20bf248b2c50d335","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlya0ab3454ed20211208.1.tgz","fileCount":34,"integrity":"sha512-46eJ3UjxBgIOtYcjeFuU5AwH4Z1PfmbzxhZbDbu/Zaylt+9pLp/FmG5ugR66GffTcZ1+IEZfHgdG0ET7dFSocg==","signatures":[{"sig":"MEQCIAyf21fmO8AvJccJw2J8C6hiuCMmXdtGzJlcS5bN4i9/AiBv2XuptlmRHtRHuiLfAX5kQoCPTMmSrqNB2ft1gEDpiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsDJVCRA9TVsSAnZWagAAIAoQAIyt3dsEyzYi/lkJy2nv\nzIOZoT5zOPkf4eUDL4beq/z5e1lzLv4d5V3NJYL8xhAe3q91IudR2z4gLyFk\nzOld7YpKcENnK+dwq3R9+UCSWsM7MlpcLiZyyz6QlKsAI1ILaA5L9ETS5j78\nB6ow/0ZKNdyUuzqcFe2zolVWeifsVL+r6onwS5BrWvtsyzQrrKervJjFhBWj\nQg1udRKe6bVJXmTWuMdrakllZL3YO07Qo8Caz5t/w/ptScBGHJYIosKrGnxn\nkl2/kAH1ytUklQzQ7bkU7mo8tHHnCF961SecehSgREPodZD+d1QqcoVZC52Y\n+D+GlUsLVvB27amA4vgDkIOnfYba/ZnYeflmTCH5KPaGNTX7vSWUUy9Fa6x8\nj3OwhtPCRtXEyTG5Fm51gG9YFTy6H/UGif3LEvXypOmMDZsSt58xJyKcH4JW\nOgYUITme3xnEypwjzVWc+PIHJU3eh2y/LjQGWrvvLbvXEWHYIgekvmK2mxXn\nB2QZnwl1Ani7JhkK0YlhNJp9cO2gnMBVSu5go/5RYsaAGwxZNyY+beyPwo4d\nhzdYZ1QMpDaJP99S6IKzHKhUa34e/TpHogkzuSw3elCfSvWwqNTYhBO8OOKe\nud8CIbnN54G7WLyfqQIPEM3ZmO/h9lheViMUi8JKz3w8kbLUfH/n6t9KJ5YL\nuzrm\r\n=MfOk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlya0ab3454ed20211208.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlya0ab3454ed20211208.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlya0ab3454ed20211208.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlya0ab3454ed20211208.1_1638937173172_0.5176496183884018","host":"s3://npm-registry-packages"}},"0.0.0-nightly442708a36520211209.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly442708a36520211209.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly442708a36520211209.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6b524f463515d493c12a62990a62193de81cc5a2","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly442708a36520211209.1.tgz","fileCount":34,"integrity":"sha512-r2ysqGWrQriOtPmUsbtDgfc2cfe4jW5CoXB7ZBeuI5H5St9Yy5h39ZGqnCk4zwmh+EH3V58v3pyj60WbCD1LHw==","signatures":[{"sig":"MEYCIQCPb6ecWD0H6yDOCac1eJC1x8Q6LSWOTBATZSZajz8IsgIhAOpmW6xfl2ntVhaU7AsU44EIxldutquy6cFmzScEQRtB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsYMMCRA9TVsSAnZWagAAcsQQAIsirCCKGQKRjB29TsN+\nvbAHveJQFJxh4obhGQwddz13+HzXnQRdzXGsEqQkxRqAcMDS1KHMZpxHi/0L\nNj5sa9uxjszd5eV3QjX8ooPh/G+7R5LUZHVT4MO/5jKBu4oJq88lbAI7kQtw\nQsa6rRRHSIK8psmvfEnTUfMXZZt8KbGEiCMaA4Ou+oTqESxJIAudupVEKNhl\nUgLCghhF9vAhs+RrEBQb2LIdHz9enYwITP5IYCyOzHgGqwyYuTeKOZAkhhA7\nJJkjtnyxCizIyXX+WDQgaQKFdmbJWQkxSsxpdI8tWZgpw6IKNPSfPJhogNk3\nmGN6C95SlXbM7KOdDY+XQmOZyFc9rsHyqnQZko72AijQKkFXTX4I5vavwMUq\nv+Kcg3snHsI5capNGmD+ANzs+uj3efTLLDRvXFLtzp94MzOOJH2jxuqLiMtR\npE1kBzJjv9oKij5Dw77pGULofk1pDqy3OG+MNDf1B0EnGvkJtRoUTbvdmc+K\nuzPojJ46fZjxYY+j6JKT9I8vD3/teit4+TNc+8ZB5zlyoh/qYD8ai2fUyLqt\nI6umnowQfVfqBmDOZKOmNDK9TE14Hi0KRP+XpqNQQz/TjilbYq/UAg/qimTo\neDUAWwOm7YCZhFvU3UsyFcLEdOsKSiEx8Qb5vYBB138a39FdNPfSk+1jXYf1\nFGWK\r\n=yEeq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly442708a36520211209.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly442708a36520211209.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly442708a36520211209.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly442708a36520211209.1_1639023371884_0.778457110420697","host":"s3://npm-registry-packages"}},"0.0.0-nightly89deee5b2a20211210.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly89deee5b2a20211210.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly89deee5b2a20211210.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4c469293a4192537e668fc78f42c8a5dec81ee2b","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly89deee5b2a20211210.1.tgz","fileCount":34,"integrity":"sha512-Xdgg3c10ID+0YsPkT+7nywEz8tw82EPMJnIEWubtd7AuNIdWjii85U+v7+UW7Ef89xSaQCVN/EzJJH8pZsKMXg==","signatures":[{"sig":"MEYCIQDsWTOrR3HsIuIWxVvBjBsPbbCbT4nWk+6Q3aV3/5uh6QIhALQImetna1XQFj/L355HSK/k5RERYlF95GpAuk95EgEn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151785,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhstVUCRA9TVsSAnZWagAAZ7sQAIVDKHS0UFQ8CnoM1Kde\nrTJ9/sqneP6ZlPmk4DgmqmVOnWl3Q7ctrb/Vu5NXN153BbsLQTw9DoinwEjL\n/hyX+kJ460YMY50+j8aL3288lFPEALu3I0tJK7R3zp0VMDS4bqusSgvL1c0I\nwuS2T5d4HYMDjXky/Ot3qMG+g3PD3SM2gnNx6lgJyEVb0iYR7BSMeKDqCBhI\nZiDx2sJNJshJcKLrdV5By6xMKc7qZt03TEQtGw3hojE0cRfdWYtGfTepOy4b\nh/OCphYJqcoYrR/qchxZ6KABCmELF0kz+be0HK2uH2wJMc22MW+0oREZASMc\n15/TTmTA0l4ij+SLWlkMBCajPd2uZZEkgzriSPfaMD2bhaM04Kmu9pBIx72/\napN9HF+nqV2/DrLUgNGeB7aiCB8CFXwC9UavvCa8JgzaLmlA3RRZHG7NdmHX\nudr4TDYYKsMXIkAFyPUOx27Qzrsi/PGQ9e88ZGuyUw7bAJHrFV4IDWMGlMk9\nFUk5GI0AmHemjx6PvomPIoRsOhGJJQpOCXBKFNIHM4Sj4ybNqXB5EDkqHJ3Z\nR81OTLleVgi2P11rTEZUNWW8BoTXwC8zW2SfPY5GHwH7Khy8qJsyyaT+TxiS\nEtva914Dsn3Ln4C23w0Lqw5qGj7TfdQFmV1oJJAomaJmWHVZeI3VaEKFfoOT\nKeKw\r\n=qtOD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly89deee5b2a20211210.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly89deee5b2a20211210.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly89deee5b2a20211210.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly89deee5b2a20211210.1_1639109971991_0.5865763422591075","host":"s3://npm-registry-packages"}},"0.0.0-nightly65dd5f749420211213.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly65dd5f749420211213.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly65dd5f749420211213.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"70cff16cf7f7f57ee170b36ed8af9d520684d798","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly65dd5f749420211213.1.tgz","fileCount":34,"integrity":"sha512-eVasxmnI+Es2tIUHNxBssQ7ZzlyF/5/g4lK1i2pWwQ69qQUo0Db6xz1x99NSUoKJSmMzotay24wsd5gU9+yaOQ==","signatures":[{"sig":"MEUCIQDWQBMgkfLmCA+m+L77a7WZPgSYfNaKHMLmg9OuEGpx9AIgCmOO3KTbFkG8fAt52l+Ouss1GND6jgN0P/Fs3DWian8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151785,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhtsllCRA9TVsSAnZWagAA0T0P/0kmhwZmvuw/M7QEwgPR\nm7Yo9+rYZuKGknxiRrUMWMgjSuP9ISlTwt8aRbW0YkV8EXG08B4gVFOf9BaA\nXpw7RHXJQnBc7z9AFFg8xXbo/fCgffpzwsscff5oi9hW9mW4XGA3xwvS4x60\nDMYZCLAhfDTb04W272ndbCThCykZ0ICTVtDZeCpUiD8afmxUowbgAYxHUQhk\nXPtkFSZWhA1fzEV/HiQn9Nmc9Cp5ohq+YYpQXrzIcWC47Jr3vCS/7TlmrJVz\n/Cy3k2SxEsHi4oRHcDs+aAZj8HZoy16db00Br4q4y9aW/NnkAmehRD5wFmgi\n+gP7goq3CAAZJFI7rb5iYOG+hfpK9C+SotcUi8fUatFezQBd4EDI125Fz3BY\nlO6LDSSGR7svlEl8snxjRRc3HeblWh8ljxYSfzY5z4Yw2/Z2c096jvyuYD2c\nrqrsktW9lRFjM8JzfYdKk2yGZcFWnD5v5ownH2ex6KXg/S28apvHuImRA+3i\nqEu5mbLskPCxL/AlowlqI5c3xAH/8Pf/IbSQaeQmsVrpwRCvmO88nhLSQgZW\nAC1vJl28PSCsz5CzoxtJ+XQoBNQmfPCfyzF0CGZvalKRVWx9EFI9Lif8iicK\nm+c6JxhmuMQg7qNDa95B80nirFEJnAxJCYXoMXWKZsVQl0NK2VoocqpkB7E+\ne50J\r\n=cMNy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly65dd5f749420211213.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly65dd5f749420211213.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly65dd5f749420211213.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly65dd5f749420211213.1_1639369061046_0.08480389421646906","host":"s3://npm-registry-packages"}},"0.0.0-nightlyf1be0a972820211214.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyf1be0a972820211214.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyf1be0a972820211214.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"6e9c35375ebbd1b7a5d51aac523ef14fc1e84bed","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyf1be0a972820211214.1.tgz","fileCount":34,"integrity":"sha512-DhW7jV2YWDuQXkkrZ3gt+FT7XBQTI/qAWuCv6KYjwUlJxyImAdM4NV8X+4EeGMNOE90CpntnlrDNgsiexs7x4Q==","signatures":[{"sig":"MEQCIBQ4XoMSyWMJdSk6P4iRg03a47tMqhBtxPFUIHkCGVjOAiB0Eb03vVminw1IAs+aealN7y0tTB1gUw1gaWIblVXfIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":151785,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuBrTCRA9TVsSAnZWagAAddkP/1QOmU9a/H7RvcyfYH6G\nDk+tPMKxbXw7rNONTJPYEaboZN1Kc29eHbd/KQqf0+6mOjk4SXQyuVHDp+Oo\npOBET9zN55ta+MDXWRyH46p1Mr7lFAUEzL8w9DzC2DOucD8Y8Wo/w47G4oV6\n5zhGRZqJOhf8eflhsRucd64ngTetyuhLRS3sWpijyeJC6y/5kJUSSkmxH0uQ\npUqVHv2ji9Z5kTMQSQ3YI5Nn1gjKBZHCTpelDiALPB/u51I5SLsVhNVt84Xe\ngQRFgIaSewojlwC4WJ51EuahT3n/hZcZCFF4J/0d7BDm3qCwjCcYUCq9a1pe\namFbROkd1MyG3J7py0OXxuL+RBKT4rWvMG6/E1mHvz74rQOF27fvZADsMk1z\nf8G7AUoHLLRPPP+L1ki9D9dQoth+X5/mdYjCcw0pDfsN8klun+VTXEbPADow\n9rN19EItMcxOqDhg4w9G+ZVr2pWiSNAfBccuz1vHSLmqzefBxFggHIoiGsgE\nzbpHrx1NujipxWiSmMMZ/htYF6/48eEsMmJmNo4KbBxzSHXHWXcPTrj5L4qu\ncyzm6rjZs/Q5lE5C0Mxm+L3au5DpdCFZryX/7Xfz5hsRQMLw5d+bQHRm7rUO\nLuXFNeO+mKzxpJe2QL7JXQYFVWNBtfzjGf3x8BWu5WTEtZyuXNdFDQ5ZwFzV\nAPof\r\n=ArMU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"12.22.7","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyf1be0a972820211214.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyf1be0a972820211214.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyf1be0a972820211214.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyf1be0a972820211214.1_1639455443830_0.7642475946535154","host":"s3://npm-registry-packages"}},"0.0.0-nightly28ceaaa83c20211215.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly28ceaaa83c20211215.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly28ceaaa83c20211215.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"cf747cc041a5d47a2899a6be8a9232791e77e9b2","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly28ceaaa83c20211215.1.tgz","fileCount":34,"integrity":"sha512-/iXzRqv3kK4ifhZGgoBAkjwRrS6Qy2ucje+58ANuRUuzDt/1SEvXB5uV6WC+PvtlOw8KXMy5k1js7NOksfKT4Q==","signatures":[{"sig":"MEUCIQC4GO3dfDu4KywWSiQmjEQscGmLRG11/OhSnVS9EqY/SAIgEoFJ9NbhUxz1jYnZNzCTiPNhDsMdcc1ASgmPqEKZsA4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuWxACRA9TVsSAnZWagAAjIYQAIvN6elL2K5JlpMFuPr2\nAqgpQakCNfVq/g4aRdaINnV5KP+yCq+r9ZEsRaten+zQ8X1PRpqJN+4lBVNi\n572nnC5Izckhh15em8QO6Un8WUvIR8GXS0khbBWkpuoIylWZo+jL8AQbYNiF\nLtSRsyR9gSlFPOtZaCjI7hRaSQlIjPPmAYkIkCHNt+jBODWRGrzfnBADRqNn\na3EP2Bfn1FGsmIqMSIfe4HILCKQ6kbosylid0PeQny0f/m6P5G9fm+hh/yG7\n/ZZTsq+2AlLSy/PsVWYu5JsSqhdjAo2BfdIrLbRl+XxYqwwuYM2IA/eIfgt/\nXaC6Gv1Yz9LVfJFf8J/aCetGxk5TXFHy1I1YBr/yBQNyOA0RJxstBMr1Fr5/\nAiAFcPWom7Zcl5AUYk1dldKvMhH5OjA6W3Es73boLV0bNL7F/F2jJLWXV275\nqx3weQD4XfHCflV0Xs9HIL12v7mDagIenijSk/1F7AdmuwnFHHKKuqF2FUIm\nqLWIMEIFCo4+KOZAn5UsoIHXqmF4B1vxP1bQO+Q0+8v83d+HUeao8QvFcevE\nG6gKabMcs8Rb4O7hk0eJygJqhAe6hpl8g97T/lp3Wwhp0PZYsrCGONpSR2nx\n1h8CitcrNTFDm4n277R0UBqNjEN1Gn77ArAzTQXaQDKDJJI2jA1Po6TsKKko\n6g8t\r\n=wwb4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly28ceaaa83c20211215.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly28ceaaa83c20211215.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly28ceaaa83c20211215.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly28ceaaa83c20211215.1_1639541823888_0.7026819146869894","host":"s3://npm-registry-packages"}},"0.0.0-nightly58c310891320211216.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly58c310891320211216.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly58c310891320211216.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ba582d06a801d98239e0b854a622fd1e4ea902b2","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly58c310891320211216.1.tgz","fileCount":34,"integrity":"sha512-YlVu87Vy2bLRHDlLprgLQeur2Sgo3OWeu0pMbAoF8E4gMM6Y+ZqTVC4nDRNZ9d+PsixP0yNxpXS3oeIwRv2iLQ==","signatures":[{"sig":"MEYCIQDiUqhUBzFQyCjGVzQ3FAzegvIAo/RDxyezVFsF8CcZFwIhAIuh4kblOT/RTZ3roNNUU96tjsQf5nIAGajKxPkc0z7M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhur2JCRA9TVsSAnZWagAAxyUP/RucVDEVpws1m2R8tIGQ\nmWaVeR0JY14wgoGdaJPfb+7k1xhb7BveNJ/evaY1AiJpGYY3sUdN5opb+FqW\nOVzUXZkPA1DkHOgt0dMWz68gCW8ooFZJJ1/RoskyQi7H3uMbLVDX/LHW7XtI\np6vk5C7pYNZSM8qGzFGPFXUHh1M+ira93fV8E4vYzH9ZrgRcZURqBQmskAEl\nD+uBOpQS971CNZZAKrq1yxU64nzsfVRvnnpjlCIwHPVYWRkVdmlj9ietRvhd\nl1S30T6aX+OWrF5oXAyca5zeh/lV5l9CLtfChPnTBOIcHFF+N/8W2OQ5j2kV\n/erfhEBSw/Eh+lS/OqjtMuTtLYVxH19JYyp2joOmY2YZDdLH5+Ap5K+PoUkj\n3zFNd1QCH/eeGYn/8vrBSJQieS/pWtqi0zZVuYzgg1AQj/n6i2ICl072UXv1\ntMv0bVyijINsxiuZHlvRIBtlGLAz+8MLJur7gOWFQG0if5ki98c/k/yRAzFK\n0aDHv/fKy/2VAyyoesAJqm5cv+ZjqaO0fUDDe05FGqzzbfjw/ASv8n3F+Gd5\nsFtcKP98MXvbPQcm/EiVg55Qkk5ttGdrBMe7IFHLe9uj0A3A5FnfA225ywrE\nmvDhOGm7aW4/BgIhSTVLQoyZ3NZKrz1emEmxaHoDvd3O3NP0+bsBGszld+T1\nJ9DS\r\n=PjHY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly58c310891320211216.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly58c310891320211216.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly58c310891320211216.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly58c310891320211216.1_1639628169130_0.37899115668850514","host":"s3://npm-registry-packages"}},"0.0.0-nightly2462abf75c20211217.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly2462abf75c20211217.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly2462abf75c20211217.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"43f617dd220b17c267ecafbb6270970dd9c6ffa1","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly2462abf75c20211217.1.tgz","fileCount":34,"integrity":"sha512-/GOBBWr6k7QqztM4YcfA8HHf/a7KM8+87ah72fv1nBwPMEOl+USzLwUW8TE8bMirIYjZuN2sfcRkpjXLsAvrIg==","signatures":[{"sig":"MEYCIQDforbBKTy76PKqKBrBeTj59gtLyMcD11HkKYHb1sjRVwIhANZH2KSIkq0kGYTNJrdNR4Nn2bQ/Nc0V/ag8W3SdsU1d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvA7/CRA9TVsSAnZWagAAiVsP+gJO+D45nWO23guyJWH7\ntHHehDL+m8jE2o03EckG9uAggvaGdcjY6HevJnv/BjjLsD3L3R3aY83W4b9k\nl8krydOLxxCOALb4QOjF99+J9A0nTxogO6zqE/QyFpLAqKBPOI5oWmpRczzU\nlj/P/w2sPX0wT11aNJXr9OSLAEi0flf6FagbuIeM/JV0FCkHuRtnFxGWRO32\nj9YFEZ86TnR2MT9jjlKz2oSsJf2IJbToRJgtF32ddgV/WvUJ/9RRGJYMr6/F\nB5H+pi5sSs/u6DlrsOOiXLEEpKffYfF8OB6a1rS7xCUR6/ISvhTeuk0Cl9t5\n2ImHuveNkhVXUsF7IDeFhhQvmoIWvh01njI4HkyTfVbVSJ7WjGmt1Byr1EMZ\ng5uupdJhcK5GV227P7w4wwXQ7GYs+DjsbT0S9Al+tedpDSai8d/ILJjGH5V7\nK9vqXgG15tXkvlCDIuL58YbQgI6lD9cXfSOL2b9YxNRVhDkQPyEh3o020Ibj\nf8TCRjzSIMtQOighoGFxyl07NY0y9oQQhgTZm8tAcQQqpbI5TVV/238gciJV\nU0jgrUh5shq0TuIhVlamreyFK8GJaIfQRHRbAg6HVxEWeGskLOlguADl7luH\nS7LqXz45Fqf+cdiwuqzjOxiQECzwupzVqknVkNI5h3MHnpBHrKh9c1c8w1j3\nb404\r\n=e57A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly2462abf75c20211217.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly2462abf75c20211217.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly2462abf75c20211217.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly2462abf75c20211217.1_1639714559578_0.9044671894857768","host":"s3://npm-registry-packages"}},"0.0.0-nightlycc44f3625c20211220.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlycc44f3625c20211220.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlycc44f3625c20211220.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"561690a4da6f91c12b5db0a92662d54ef1619316","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlycc44f3625c20211220.1.tgz","fileCount":34,"integrity":"sha512-Y2Fgtc92x1r9ylKULgZFPwsGrBHhYU6wZbAgD7ALfcEpKHovPdJELBvfO/cNAe4Zi4neMErob47UWtVPCKpOcA==","signatures":[{"sig":"MEYCIQCwkIi8POTetXt/QDRlNbjmOTR9yaYk6ndypV0Ee/9ejgIhANVMlV+j4945erw/yqan4uihqJyaVoN+V9G6Voq7NyZK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwAQ9CRA9TVsSAnZWagAA4u4P/2iPZsuxfLkXs/yyz/Bs\nAjcGNIqIQN1fAZZh6k+SOoR4NSqiJRAsPPV+gcvbkF8yYCwqHDlzBV7Pknyc\n/xFhZnLMm8LRHfA8WyB6BEQX9967opLAeop4eAGrx3M2MHgJxVuhWG+tLHaJ\n+aTpNdIuxkM04IAIhyb2Tbb8ix/ElinRhf72NZw/xzq8cHVaLiF3300837Cc\nrI8byYBl2IFS7Al7ptmfgP3N4rFRzJkJ03/F8jKMhHO6h/BhxX5VbAtZzVm5\nNFPnH0v7xHzHrrRMZiUi2qbiQzU47Pv5zcdpEvKucltaZTJFsylH39iQvPpJ\nBhvxvgx2NUCQLLFzC3G60VXNTuj/LyEWWKOOfHPK8v9PD7PPtwAB5LICaC7w\nidUSUQJC2Uf3jdJflN+OD1b9h2QLWsMpp4XBS0RpOcYny0qDOHTxoiIViZ0F\nT/jWx6zeAk/J5csE04zK0X/n+lCksGZaaVbxHcHMnhgrXdkyNSu2Sdy0qQOB\nWWHXOU9TO12uZrVDGx7nxUpXS3HBu4cMVl5SFf2t4rannDj38N+nFcblsQ51\nlUak5TWx+J2tusISjjkrZGLu2UepX+uFu3NzB0cxuN8Um73jKDVkchFe5NvQ\nAU044Q56Pj88X2YdLKquYuqFFy0JfhsDmfNUVZLs4hOetSUPm8McYKbOggYj\ns1Wj\r\n=NZPO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlycc44f3625c20211220.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlycc44f3625c20211220.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlycc44f3625c20211220.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlycc44f3625c20211220.1_1639973949204_0.9165590566920307","host":"s3://npm-registry-packages"}},"0.0.0-nightly07d9ed6d1b20211221.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly07d9ed6d1b20211221.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly07d9ed6d1b20211221.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5954cbe6e38ba713d6bb3829bc0d83df2b54de5b","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly07d9ed6d1b20211221.1.tgz","fileCount":34,"integrity":"sha512-9cRgbwAhue9Ejm9uZ7tHToVV/HjWMbKuzVd/DjUWRPZdYg2eX+9Nr5HHOzuARdO01KkBOY6bJRJ38WLAbLccxQ==","signatures":[{"sig":"MEUCIFWyUYv4ZfKrjbjo9g/1piwtG17z3p7R1Fn1a6wgWZFqAiEApwi3lUv1MEaKpLZE4prDSfp2FhLYoTcWqyAaK1l+sqQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwVVxCRA9TVsSAnZWagAAIfgP+wZ2OzwZo+0rN8FhU1Bn\n+4PoQsHXeuDC+KuISTEhCq24Z+mpeiD7Dhjs3y0Lr31H99Mklvf7pPISZQgJ\nd1F6UZzMnjJiPeSwOGMTkS3QcX5sA9nVh2Op+nqk4xMGRFZBMgmhJ+24VI1p\nL2dPuuzlX2l1DDQQJ8+eewQ8K259IBZt+TB1G0DGmB+GR9kxuJayRqd/VALV\nxq6iRniLpkAYStDRgL7sNxuAjIgzU9S+17yuIboUkxxa5ClsomTfqfdT2FX3\nnEyTZ1+VaoZ8D2RhbBCfQpbgAjVufSY5CNYIhuyXer7fbTbP/bQtkBIrD2FR\ngBUmJA0UYAw9DPsXgO/45qE6o29mZ7TSGDNlzDSAdBknFq0kyk6OC+4rgyGd\nIjVQ/YOTWZ8XbNc2jCL1cbXyBOTbwJzZBeswA9FNAdnI44pYGRh/CZNbxR5h\nG4Mp9TG7j0auEtIHRkDcm+eTNXJ+3YDtqIErHrvDTPbPVwoMtriO8LVQY2tb\nqdMDjsei8r8/bcNr4kWZaVVvy/oyUvsiiDfWjnT3mE1DPHEGqewvNZfLbzwQ\nvO9zx9fykcZXpRKTxKmxhfvvsgTbdezFWvS6p+47SFHiyhdaNigCizKcJ+sg\nG8tY2/h9+iwyosEcoLYIqTlEhDU3f8LcDKjuJ2Y6c7pXBb01Mty0Kus7mk2e\nYVqY\r\n=sFwb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly07d9ed6d1b20211221.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly07d9ed6d1b20211221.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly07d9ed6d1b20211221.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly07d9ed6d1b20211221.1_1640060273000_0.18512020469211832","host":"s3://npm-registry-packages"}},"0.0.0-nightlycbf184efa720211222.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlycbf184efa720211222.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlycbf184efa720211222.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"bcea8912fcd6aa56dc48cac1cbb6850e69708bf7","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlycbf184efa720211222.1.tgz","fileCount":34,"integrity":"sha512-CQ1S72fD6jrPhw8+xvcut7Hkv7a7PbGlXrC/sT3Dp663K7umHkC6ksUj80bTF6nXcGnZVzTJQk5nJinv8FzV7Q==","signatures":[{"sig":"MEUCIQCj6AZU1YMw27c2V+g9R84HFoJKZTnxqpqQLnQGiw66TgIgMylPkTggT7wl6lZQWVWnMCzLIknr4oozTvJER7a7j4A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwqY5CRA9TVsSAnZWagAAV4YP/jBg5TxwZLRrlO9kqMov\nn5b18ywziTI9qvnNXNBnDnILllb6Mk0E72aSEnM4j0pl2IxnawUOTvdmyMNt\ndNQ8SjaovPJtQSusKcoe2zME37bSb+Okwss5Hh3F+Reoc4rAXcZZE/RBJgLr\nPg9cCK8Ej/ANYQl1alDjr8OtvDVM32KX/79wzWW75GMEuubWKmoZK3SsjamS\nWwhCGDXyXQTlHqsNl8xPG6egPIUbTyXl0OlCta/9yQ93Jhriz+QXiXdEOe9A\niyrq210evECW6FpZvEsfWAM4LckUWDtewzwt0YSTenliqGHBnVG+KZyUK0H+\npZfiUIMB4mgs0YUSq99ZK1CbjaAomZDw/7KZOVWO5gt6XIFXhLH9KnAmgVbC\nwbAfbgow+CE52SrMG+18uxuRensNSWb405PO1iubuuChBmA978CsH4biw+v3\nZJLJYm7k89y4vnwNk1hCnOuitW0ruev4FXqP7XyyFzod2cwAOgOc+l6Y+l5y\nvzrfdonCvNCum++zRCgs2DJzMWQfMlrhKeKrw1S/bKh0fm5ekmhvvgaOA1pj\n9scrqSL+LYVHc0WfzLvF2LvtYmcn7st91zMC7ihYiRVEPcAYaz8Ywab35R5s\nvPtdEFu4DEb2kwsSC0AJAjhC55egLvRZTJLXadxoairNPpAwxrysvytspRFq\nYSOw\r\n=y8AC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlycbf184efa720211222.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlycbf184efa720211222.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlycbf184efa720211222.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlycbf184efa720211222.1_1640146488924_0.3438231188029164","host":"s3://npm-registry-packages"}},"0.0.0-nightly9942542e5320220104.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly9942542e5320220104.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly9942542e5320220104.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"260be55c5c81a420f46a0429ba9aadd9eb2835a9","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly9942542e5320220104.1.tgz","fileCount":34,"integrity":"sha512-N3CK01iwoxayX8DYg0LLnQmDDuyEE34tGTTluvl0RVFdL2tspx1z7YIZ0qyY6O7Tw7YFQ9CNWw9IgHv1s4CUSg==","signatures":[{"sig":"MEMCIGjhQBoEkWVCAHyErC1ejv8iY47/JwDFi2kEYbl6JvvyAh9QtSfrwqcqVF4OImCmfN4SDhGtUHWUYDiy9b3qOwY8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh08tnCRA9TVsSAnZWagAAV1gP/0pVyao4eVoHaqrzRU/0\nTsGGX/Ga9ZGzWmGqIgsP3hD5QS6knhOxm7RHABOkBvltEnzxb27Yp9xK9vFg\n3wFkthWJdWNApx8EqW5R1KjzIwwByTiqS4KWjYnAKBLp3bkWkldWKoT6YPsA\ncP/uJWStUnQSfpcc+G0YTD1QiS1VJhPCklW0vNIOC+eloeMQoEtokGjie9de\nA61qL0GBAb+Fm2fNxxFrQg7im3+fVy+dVuVo6QRZl06FVRc3Sg+IZML8yE35\n/WZd7zJTkptEijz1ojhOkavbZrDNqriy/P4Vu015gz90smZpEfob2d3mYEAB\nD7AjlcWI0Bx/AaLX9jJIicjz0K2GpWmg1Ik6fwEB/x0xFyL+GhTIqppKo1lV\nwcRY7QYg4vGKvq0iGQrTlEWUsW5woNjcmH64Zb1n/GjXEUGN+Bk6Nu2qNiAC\nGBxxHD652U24+MxuU3VyQGKb5MlvRoCBM+BdaklV/SZUe0gOqttv7auPEi4d\nBlUKAK8wnhLaS+NUA9TSf+oS/8FoPHmd9Y0mvfiLKLQoFi5ni1loyIqyi2LJ\nq8S4wRtKb7cNwXDt2FSYFCsMLbA2JsnxAd7Vc1qf9sXjrt0QP+/aLtXlS4Am\nskfKFKzUTLTUjKJG7JEx3Nj7p71o4Z4x55IMm+iMyEYRSjGeXYtv49ROnukx\naF7g\r\n=WDD6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly9942542e5320220104.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly9942542e5320220104.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly9942542e5320220104.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly9942542e5320220104.1_1641270119618_0.6200445936042465","host":"s3://npm-registry-packages"}},"0.0.0-nightlyca6ef2bc8e20220105.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyca6ef2bc8e20220105.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyca6ef2bc8e20220105.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"049dab1fc703613cf43f0668de45afe5ef52579b","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyca6ef2bc8e20220105.1.tgz","fileCount":34,"integrity":"sha512-Ei1yUgDpKVRTM3mdM3Tr52WSd/ecB9Fnhk0BjoA/C5UACNNfCHYnTwa9ohZ6Waw/IM0YtgKLGDDcDQY1NSu2AA==","signatures":[{"sig":"MEYCIQCICb5t9Nt0ngAzKPbpCmnloFebLnSO8rbYKF9d3Cma7AIhAKW2f45ZTjE2+0WHgF73uesXXgevgKOs29YFDpRfV6Y9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1RxlCRA9TVsSAnZWagAAa/8P/3fXknm6pkPNRwcI6XpQ\n4F5LHKFX5W9m5Gopg/SxFs0YVoaVeqRBsiArcjfelEfobfmviOZ+QnOln+oB\n9Howefi8ZSmCVtdz9asSKYxpEvgY0UrhfCPXW+aTh8ZiSd4ryD/IxI/lhMTi\n0NezxUjyKBvgVE+EDpZTdmXTtRf3xj/rkrAWWeQbRIU0OH+F4VbzFje3t0av\nUPzYuwLWY1+UxMi0RhV08wYrulhjslnI/U6f+dw6MeIl4uH3KI/WcqrI2x7L\nYYN622DFStvJh/tMzcIcz/vEpIFn8c+ULiOuelteG/BzHrXEAI/40KiZk/Np\nnlmZHIDFllPm8gJ+H3JMzWgsIHN1IXBYJCdlEvCjNnVtMQLX/bKhf/1vbK/O\nw/BSMCFN5tzoaoBk3L9oh9adtMg6udjyWTyLmdNYANQkL3aObnvFjRgFu6cd\nfTtvV9VCLoyevtbgRuCCpwggAhnKlPyIZ1kxMNacTNYN8i8CieiTpsZko7Te\nhPgT60nFZUFcb2HmjVcUlw2kcIzq8ptqIK32XqPC7+qed/76csS7j+2XXYgE\nxuM5dB+6Bs+WhPj0hTTTVOrOq/AU+EsYMVAN/D3gFOm3KiSQuB0qPAzRB5Z/\nm7CQOpsmVOK5ANJuj7UL3dYCiA7ppuv4xFsocorTrOJMfElsCoe28LcIzaNc\nKKSA\r\n=bcis\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyca6ef2bc8e20220105.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyca6ef2bc8e20220105.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyca6ef2bc8e20220105.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyca6ef2bc8e20220105.1_1641356389189_0.09800386785520909","host":"s3://npm-registry-packages"}},"0.0.0-nightlyf8be6a7c6520220106.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyf8be6a7c6520220106.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyf8be6a7c6520220106.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"3f7229739efbc4eb454567eb3aa1235adb88c657","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyf8be6a7c6520220106.1.tgz","fileCount":34,"integrity":"sha512-HVaeQtZKlSwoxBf+AYWRcHzRZeFXDe33C/g3WgjeP767V77lS9DQ0svKeq81muz0agtbXHCxO+RexDWIU3yPsA==","signatures":[{"sig":"MEUCIQDI/YGi4WHRaiicpYU3EVj+Nla1f+GMF+i3Xi0/ywBYoQIgDJIqY34ML0V0ajwYMLG66DBRFrHctJ+aTNE3lr46PIU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1nCmCRA9TVsSAnZWagAADDkQAKDihVMyThy2I/N4CUQS\n+pBfcmU2IBuSJz/xIePR8zySoc7Zne70mMZRHVzEZrQfEm+sORI+YZ6NpDPA\nAu5OQRbfAlLE+diCldbq114cO9CsgZO7r2T3lcuii/6c6PdCQaeyOWtff8wS\nfZyN8joabB3ZEBa3v4XdhNNx8Ux1AYhtlQAhUMRbSN38oyFt8TYhkXPsnygB\nkDSGxp2XZtgTv9xWT+slK9gKCwwFR8r5P0yFrRVJDQEbe2Gz/ywg7NeTXFZ4\nUCVYt5k3YhSA7ZO+M76N1/f4prLaKErPEwDX0VX4UlA+3I+J5GkvFeoIQ+wg\nFxY/DFkCmRgXb+R5HnM+D8s+IXPxkYyH9CM3qVGGKJXlKTJ/Ueyfcp/8fl0M\nXvQ/6TERPyz8yuNEm85clTOcKelZNWJypK4dwHszUJTMThf+cLRpM/VY/eet\nrdpHCcGBy028BjJzVf8hPEJEXmuzbkfnAyRuL2z6BFgj7UUOZap4UW3zvS73\niBEct0Vj6ufJTTFhmgoKMH8odX3Aw3UzsCOFirOuR5wvyNBnbAi2VLw657y9\nm3wLA1lyJZhe3CZRyB3TViTe1VgedQ7hbP5UbuXyWUbszMyzUw6KELMnjaVC\nt8Y6cw/Zh0nXzGQhG9fEB1cYoS5BqWWv9wgo0jkaFb3S5mQ7YEtTKYgidVET\nZdZK\r\n=nnwv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyf8be6a7c6520220106.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyf8be6a7c6520220106.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyf8be6a7c6520220106.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyf8be6a7c6520220106.1_1641443494259_0.4468655852412864","host":"s3://npm-registry-packages"}},"0.0.0-nightly8c37bdfa2420220107.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly8c37bdfa2420220107.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly8c37bdfa2420220107.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"30396588197094525875ad9d43011a3d6538c08c","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly8c37bdfa2420220107.1.tgz","fileCount":34,"integrity":"sha512-oMNpRisL3yLJksMX4Ihs69e2pRBr1QZQIItBuGCmjq99TsRiP1RkNTte2L8CpxHkkJsxslma1Abprhxek5ALMw==","signatures":[{"sig":"MEQCICU4nuu/CGcQme9s4xwY6z0SPIMpom7f2lGksJfGucgdAiAKaoGnsqa8kE+lB5b8rUVDz2M3HJ+EVdLvdUw8jbLwIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh179ZCRA9TVsSAnZWagAAb0sQAJyst/0P/zNDQD/lXgM+\nBi3AjfA0L30AKKVHMMRhPLK56Ul0q0p49kuTKMm5wEfdvwql6GGWcCVGuFft\nrUtWj4R88b2YY3sizsR8RL+jidVio7rG4RgXhexEyz+LPt1pZzc1idF+ten5\nP88cFjn1GYaMy+RWwogrO6aIg/6aO+1C+zcb5AlyZDw7b1RqSbRjKGywE07E\nvYL1J67697kPgBruIfAHJOxmTmHTV3UATBa26TwZykbMh0WkjLqZ1ZR+s0T8\nFPSVhK1MjLGz+7YDer+jp3+AH49fmsPLvHAv4aieWlwZq/5NbErNZvrohkpL\nD2HPagLoJRv5x6c+wdXPXIM/8gyP5Pamr+5BHddY0Vp7eGWsLtWhVWTBz/p0\nOi597nsQ60j8qz6AxaMkJb689P9XJ0lTLiZn4DQPx1jFQWPlHUsoY+St4z5p\ncFEWe4w31wfLmm/KLUegy4qh5X9fB+egd/XnOmKPgHUUaOjBPC9k6FHqgrq6\nRaRGTRSxd3U4Dk5FBcelkKJF+mpD/oOW8mWUfCfgOL/Py43BTtdnWs/4yrgh\nphwGbvDRKqy9CReokXDk/yayzTF0spDJg4B3aXf1MZAiOA1tumNQfQjFM02O\nXbkPO4PndoZah4onzEvHwSJNEcbRc5mYoUnSUIB4qWshkFKxDSh1gKTDlVOi\n2S97\r\n=wxcM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly8c37bdfa2420220107.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly8c37bdfa2420220107.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly8c37bdfa2420220107.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly8c37bdfa2420220107.1_1641529177582_0.1438166260236","host":"s3://npm-registry-packages"}},"0.0.0-nightlyecca467a8920220110.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyecca467a8920220110.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyecca467a8920220110.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"4fb28d6d8f8b501017c5da0dbdf6724ff0d8cd56","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyecca467a8920220110.1.tgz","fileCount":34,"integrity":"sha512-fk9PgDrsICOeb6EikaMIiUzK4QpRCbvlz5ZHSE625Xtm8TjRAZC2gVv3d8KCvRwLx6fiO2yITcgkyBWVSrWtWw==","signatures":[{"sig":"MEQCIG3xhrY6PvzWRr/ZnUCyuiib25HVpWXNbG1a3rw8r2jfAiAQY1dluMRNS++hCb64+DOmb524Y+1ohFcyQ0zLC7fJtA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh27MwCRA9TVsSAnZWagAAdeUP/iFabuJfLNOMkSR0+siK\nzZrzCgqaVitMnJn9odyuBMrj2cLaiJGl76PyiChSA+k67sWT4cEsMWHdGmrd\n5+mH4pk8H/OIzY03XYzlpPkuaInD8tj8M7EtYDoL3+FbOuhAX28yqBevLGTR\nAatZu/LkBkkfrBvMroTHcKv/snEvcKzRQNtKa7GtnREHSqTk5kW3XwcuFOgO\nkpEJsiAIHWXbz9OxFEdNkMW7spSqRT5+giQ6e2q3/a27xMGYeMODYzLmq3u6\neAqURaHD7UVKVzvCgt0N+0v8sPVIsYy6qu+CYOon3TKpjO2q37ZBZGjmx2yL\n6U6oM0o03RtO54IKK934/rGo1pMvxj7DDFBW1UglYjkheFK/Do22z+mwvtXs\njXW8yUkPLdcZB1wjWt/Xdv0JU1DdQ/3i1qPiBhPVe+H9KgmF+ha6dsm7t+Dg\nJYZn8UU1QCMfRAdC2n9aL3HoQpQJ1nc7QM4y2He0KERQxHwnAYECHrDCGLFr\n95SNzExhSxNxFiB4tJvrAHQzKfHS/ajsW3S/EKEZyd/R+VO3kDo6ryjbt/mC\nfnOl3qpSyu3u5TOGwdBEqXyNH4QX9RFRKT1w4vf+YZX0Q6XLjCrjRvB3hG1S\n5V72gHj8dM/ZYpS4Y79Ih5PQvSor26u3Pt2huT58fY+3NIb+EPBtKP7csTrM\ntz+6\r\n=Mtsy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.2","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlyecca467a8920220110.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyecca467a8920220110.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyecca467a8920220110.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyecca467a8920220110.1_1641788208608_0.5505612496792922","host":"s3://npm-registry-packages"}},"0.0.0-nightly003de9a95220220111.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly003de9a95220220111.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly003de9a95220220111.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"d968c03b83efcd1a5d2fff62fbd53e07680540e5","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly003de9a95220220111.1.tgz","fileCount":34,"integrity":"sha512-NOBI4XZSQjNNxqC0W2RArYQrA6le6ebq3+ORyOXtXHo+a+D9MDrYHniToLEYysOuRJx/KTOteI5iSE3nMLz4Xg==","signatures":[{"sig":"MEUCIGukGbOs01IxbtxRAfCpQl7s/Qg4yKJZwaPwZObRS1iaAiEA2hKWB6omchdp9+8/QG6flchYkjv4VWCQUpqhD4ykMVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3QV6CRA9TVsSAnZWagAAP74P/RysazBt77Qgv2PtEra8\nw2MGio1udQih6GFzjThiMzIzlXH8p3rVSUKVhO7A8E8oA6VqLSwFPM/cMvHV\naXLRSQeSjOdyR6NSl4w9FeQcwwFQ7bY2jvZUqwZ5/hWTWdMIO7yy5J9Sg1Gg\ntBWab+t5WtU835/d2yhDyuKkbLVSbEMZawsQqOJ0GMlxzxS6vMG5G4E/Hkck\nunwf/iUXLJ60SOjL/aBz8Wi0sUBAuk71h+FdfLDeb99ymuWJm54/zYmhcJeu\nVJm9wGtiwX4G7Tl4EXywaVkPDDQHZ45DJNzaSK2EixxauM1Nf87St3TJP60Q\nXh1VYcJR5XsF6WiYNj9b0B1AkIkc+u2RB32y1PujVTgy/bOgMxkskOlMAUlZ\nfKRyXEJfnp2GFygvYZe89Fiw3f6xxNG8X77cs1SJ+BTVOb3Pa1SBeahxLH5F\n/4Qkf6V1gPWMbbWHVhLklfrL1flIKFXln4F9GSpgHkitKhkBmwpKEP+rSNy6\n2+966chht4Qg9mobHUYHUtFRY12bbhuxOymCap8TrMneHOMbOk5yalLeL782\nixiuenozo2cQ8+LJQ+tnDpS4Bj5QXsgyL05McisLC4Iz24XI++eerFAXtGC1\ndTEnlvDYz9NvPyd5Pj1ZpUJqFqSU+0YLl88QC+nt/xTNIHuvEgR9CAXk9m4K\ngf3g\r\n=kmyD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly003de9a95220220111.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly003de9a95220220111.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly003de9a95220220111.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly003de9a95220220111.1_1641874810596_0.8688733107480793","host":"s3://npm-registry-packages"}},"0.0.0-nightly3bc051736320220112.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly3bc051736320220112.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly3bc051736320220112.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0d3cfc7f8d04893ae44d82b6e76f515bd6818072","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly3bc051736320220112.1.tgz","fileCount":34,"integrity":"sha512-OSYX/H8exhSQ9TWX2Y2drJ7xy6RrM+vWpLkhImaF8sbL+yv4Apvv+YnYYJpqXNG+eHC0t82YEp+m5WWyesctXA==","signatures":[{"sig":"MEUCIDFdk0CBz/So5/MIRj4eZI9n0m7xFrfHxb0GgowUcN8AAiEAyLi7APthqIvZij8HGWJA1XyGYaQKBj9Lm5FKEVqaNgs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3lc9CRA9TVsSAnZWagAAtPsP/jWcAnFsTQHRU4HLxvQK\nJH0hvnjcvy3s8c/Gs6zw3FY8FVoNfNo+pi2c84g9wJdTydiHqjFC+Yv8qaoG\nCWasHd7BQEKJLidk54UBxhyKhnBNt1+He11SKQT3S0Ki2C29wapI6h0osqvx\nT3bnm3m0N+Af/wjlntzbTQST0zZZuJY0e+M5axA2LLRUJ6prXiMCwqEsk+qe\nzsMpniND+unBRG9KZC851ljyFsx7tnri4aNPu9ygAWhd/HeNmByWGYvr4Uhr\ntk1Q0KHEsIVGNz3Xxpwaea9WDyj0V4kBQXK3Hakdys2e977gD3bDv3FxA+fj\nCHeM7dIeL5i6HuSmc3RdyOOWRElaATu4JU+RhaowVEXJmSAoAGXV703oXDap\nIhcc3NtDrPjHgdL+QW/CibWHxNS+ydhTh8c2rgp+X65bi5NxT8P8+tmjJpmV\nBjcNqWFkThktwZy57PN8UTXTwMs6NrfOFiXFLnmqa3JKBTUuHv8yvTEErphx\nWeRTzHLGQcATVoIp+IJUmXx6uhN0OS/Ag/tgUAuOLC3uAv0FRJQ1Aa5GsE2I\nOakjrPnCQMCbhmCj9HPKeAFt7F0+tOu6aL/LxUVT6bEVh9y1XnL0/9Vndk1U\nmV7TLeY1QWgFQtjtZXNevDBp6lqUmYLZOfiwsAu9K2KN4NRCZl85dAFBLSPQ\n8tla\r\n=f/vK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly3bc051736320220112.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly3bc051736320220112.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly3bc051736320220112.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly3bc051736320220112.1_1641961277036_0.38030602989505735","host":"s3://npm-registry-packages"}},"0.0.0-nightlya9c3d10d9520220113.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlya9c3d10d9520220113.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlya9c3d10d9520220113.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"2ece67e9b50ad1545431d71c778d7799505ae903","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlya9c3d10d9520220113.1.tgz","fileCount":34,"integrity":"sha512-wNbtGDvswe8Whg/icxLi2HOnDEc/oXZ+oSNvPoGpI8lpXFEW3LwIqUDY3Lv66V98JhDUGuyYEkH8unLmWW1uPw==","signatures":[{"sig":"MEYCIQDgB5pDAvJxit9JMneqiusI4GW5s2Od5FUGmuK913OKFAIhAMJ+mohzAbcC4TGbSOVc5BP8WeUlA0hKVxkYt0HB5Bf8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":153450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh36fNCRA9TVsSAnZWagAAYYgP/jiEERQ15E6Vz1t88rpB\ny2mIURwU0wIInpSN4dEtCmv8/3MJkVHRybp0RqpqmV9M8wR6A5I1oP2njE9w\n31wtaG3KQHV/BlPfTV9REYhzVZcI5plq6/zFvl2ExbxoIU+bNHegrGgWH8+F\nHgOTppMGevUPErll18ZukxMzd70nG38n5IQzfqs2t4ZbvO+zTWlqGUMH8DDw\nWbTYg67Ai+Y5VI0McTsBrt2MFYXu/sdvwEfan0BDMgcUNycBV2cjQ62eHjjp\nKe7Bus3lUTYk/R9GhR9A+Crz4ruDQpCJC7x+f2XCfHo0CK8rJuh/0f1stTao\nGSNeqWLhPI++k8cP5ZMQCWw4atdcsnoy52pbcCthAmk3QOsXQBPi0y2Cayt6\nrjlQbCUX0Q1o0LShq8qEmRDvZAOapnHTceIrIjqL8u9EdXhnsoRxfj10KDrJ\nU244Cy4LN91/v/LHrtygvjhs25s+uNLcVHhj+2zD4kR9z9rnceOkl9+vPmdi\nxCHu27jeuZYqTjWpbeFXMGsCWF4A4yalfjhnBVg1Hiu7q668LsAZjiGXLzU+\nFoYtgWbRUHQEMLAkeOmQXDfSZWMK4zg2pV2BjIwy+Q4/gw31xjOrMHtrVD2n\nYgH7halVyzfy1Ql+JgtOQSNA/EgciyU/Lioip+8ABy5iPw08y+eZ/LZ5KNsc\n1jA6\r\n=eOm5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlya9c3d10d9520220113.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlya9c3d10d9520220113.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlya9c3d10d9520220113.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlya9c3d10d9520220113.1_1642047436993_0.9838028411225852","host":"s3://npm-registry-packages"}},"0.0.0-nightly5ab766c40f20220114.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly5ab766c40f20220114.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly5ab766c40f20220114.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"7ef9408ab657424bb1b826a68a8f4be5166a5404","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly5ab766c40f20220114.1.tgz","fileCount":31,"integrity":"sha512-8z2hjsMXJ4yXUc4HMTiggTv0L5tqn8zsfvV3ZLEut+KinrSqqDQqprjaJuc0WN1mzoWZKB1mZRMOceHL8J9ayA==","signatures":[{"sig":"MEUCIQDNnB0EadIBk49Lx2Tngh2HoeKmFTVwf9VP3kE9LaLekgIgPi7v+Wjy/YVnTYziRdsUfjEy3IfjiBNWodOfUIXhvfw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127594,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4PkkCRA9TVsSAnZWagAAf/8P/jzT9tKytP9MBebxBjYI\nfhlWmck52IznZaSro3sWWJA2RN62cj36+c3ib140me5QjdZV6plvPwC8/U4o\nLA9YfQS/lqX1GL6oGBf4TCYp7WMtyFvWVn3Ch+VB+R+ixmokBl5g2JoAAAiM\n14QrE+6teIGMPkLzgqi5tVgYI0fxISr1cjZfEd7d/tYQPAWiUsSVSqBX4hiF\nynjjO+sEHGsdNIOkeC/l59r/b8+pEtonFMS8Bx1mDDyXPGF4g2qKXtKHgogs\n96FxGZ0n1/IPe7DEnE2zsFcgSUwogFIlkvQY1PmgxbpInq9D6y4A8zWzvYtx\ninVHztY3OaGbf5swOs9dgKyDOFENzbt64vqYDaDeFpyRBC3oxmJim0G/9FzT\ng/zvutoCjrfwU6oe+FqjKRr/9Tu59fbu2GnWs2AkwUo7ilX5XcXX9BOWuNgN\nOwMjAdBaAgFQt2VGCFkH0HtPPAc32X19Ne0GF/yFKyYFsggFCWe73KEP+BMh\nk6Rg1cH/CPSav31o0s5BEaWnqMLJ9zepHGx/15WNfuOfPdbEBEGf0V9jMhqR\nHeiTztwPfjB++YEbG3/3t5MTyUFmzhj4w+2CQK+zAOFJjPbTcoTZM3hjiKzr\nup1M6Ehy0y6HxE35l/E9cCCr4OGdHA0hZVLk6DLBgwOHbJthrdYaCgi+01x9\nzfU6\r\n=sNR5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly5ab766c40f20220114.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly5ab766c40f20220114.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly5ab766c40f20220114.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly5ab766c40f20220114.1_1642133795908_0.10364452990679807","host":"s3://npm-registry-packages"}},"0.0.0-nightly940a86cbd620220117.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly940a86cbd620220117.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly940a86cbd620220117.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"482b26527730228970f8b1889636106e67621563","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly940a86cbd620220117.1.tgz","fileCount":31,"integrity":"sha512-60nXgBb7ZYrN0UH0DI5Ocvyt/gF+EBKsJCnNhzstKK48DF1jp9GjPegW7wAkZ+SG1igy0OXi+7qsDhlol2qQKA==","signatures":[{"sig":"MEQCIEqgLrIODSEVT8D3ClIdTIykz0quBVw10l5IXm1Wo/s/AiAGgHIiZxnEiCocs2TBkDEb8sCWy1emSQkqSx+V6e1OwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127594,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5O1qCRA9TVsSAnZWagAAAPsP/if19l1wsFgFF74BcZ2g\nHaR2Y6n7T27PHYAnkaMyxK8exeBO7x8mQX7rpRFCjuoWOueG8naN03EJHDKY\noXXoG5eVJ8kMHen12QMvNoy1HnaLSXP569x3IYX52baluMk9t2w5woZrjMGW\nPZC97EDQ9TrmR+KOUo+z9kXGGbTMpc+e9E/geoT9Enn0Z5clmu+rvOiXEDyw\nFZllWQZqwmegTKfNvQMqZSA7lO6LckLP5tGlTCR58GjwSaLYtKRddvlAZgU0\nHVwPx5dsBeqYmCRlHU5XbZXhern1V+aMoRlkkpTKjQkAN+U87/ZWe6U2U4MR\nH4GgUrLT0Pt3KpS09ecClQRvvJhXjAwTOjAyt6Ma/gPBmlyWdRebuA2wgoIX\nbZlx7ljaGhPfBNaZ3KYfBJ9HdaM84ynUJT+Byrb7ivpVXKku1SHgbY3kD/sQ\nPUapDYEEBViQ/ULQrkaQao3s0x3Y8BklMAHODlbWwXPuCtohSq9UUpV6xgz7\nP2zoul2tzT8fnTsVR775/37inSqGvWgxV19IzsQPWpGb23bM77lR8m3w/QBp\ntaX3OeEg8i8/AZypcAaeOZP7bPvzsipEvWEkWSzN/MxNLNk90RSN4yxWWUVh\nSpLRbarcRKzkpL8sEhX/7lpTRJqr/sA4tX3AYb8Glpb2bARQafMQL42Enu6k\nTZpQ\r\n=126B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly940a86cbd620220117.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly940a86cbd620220117.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly940a86cbd620220117.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly940a86cbd620220117.1_1642392938574_0.25344833472281203","host":"s3://npm-registry-packages"}},"0.0.0-nightly8dfa71215620220118.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly8dfa71215620220118.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly8dfa71215620220118.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"caccbb409a719f02fcdab867601b2987f385926b","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly8dfa71215620220118.1.tgz","fileCount":31,"integrity":"sha512-QZDH+AGrukfV7eRwBB0gb5p/TWQ3V1jzMkrnm0F92WbqVdwwfsxAukrGKvRFwRW1GSv1tIHXXmTB9ezFcZvHHg==","signatures":[{"sig":"MEUCIQCPpU1FyxgdeLUqHUkIQgegEGicYJaN7zxWk2xRUC57RgIgTz9JhqZOrRi0BYW/u1Zd5YNTrwoR3JkhvPXrsF9WYds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5j8YCRA9TVsSAnZWagAAASEP/05aLoqLD9QTxjPnEyaH\nfgi+bb3PBXfOe9so1YOlyTQU+AldyDsQEj4IlwplKVySjYlLBfvid4H3QHgr\nohLIabVShMVlG8IRZK3GwVz7tvsS9wQl00hTkYa8e1MkYu/+4jth10vVPWFm\newydDvH13aWmnNI/ND1iwHZNjNfODNdewF5y3zZW0QqVBDyeYU8tt/jwb3Fo\nW4lw+n650YT9kCCSCmv7dV0AiLQYOo7JUKOWzC82wmfrrZEkOfGOTQC6LbBU\nv/nX3Nhrb+lHm1q0aPQGte8MQZ1fSIUlfyft30ADarxRK/nXm6ZjAcYMmb2u\n00LT8rRnrEw0QEvGgzOxs+UYkwtiLinXQTmlIt+Jw0OZoG/VwzHVH85TQgoe\nS4FcfZssEtBBbQq2q1sMUnkK++iFu9sRbUmFUKgWfmYLtADU1yYA/1YZ9WD4\n8XOjDwEbitbZXZgQ59eblcBHL/tZX60Y9CR47wWQNd1gr2sqiNFDtkwmnwU0\nIopyy+fQxXGT1aPyoXDMo46cjXhXwRbWrxyASEFL6a5sFGUgUtbrN00g+SUG\nJEZqQQDHj5W10GYS4ndPph0OFmFXKJWtSMC46geQwmdYei7b10T9pVzqYh2j\nnwFpPnhwYChcqNNCgZjuha+aQDosihyG94KweW42MxjK1rCs8VyTqCOTx2zm\nx8NZ\r\n=YRXR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightly8dfa71215620220118.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly8dfa71215620220118.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly8dfa71215620220118.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly8dfa71215620220118.1_1642479384210_0.5353356856703593","host":"s3://npm-registry-packages"}},"0.0.0-nightlydd0f007b3f20220119.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlydd0f007b3f20220119.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlydd0f007b3f20220119.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"68fe332ad86b8dc4f5dc00914d990182b2043511","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlydd0f007b3f20220119.1.tgz","fileCount":31,"integrity":"sha512-dyvD5C7ZlkqLE3zde6rFts0gvmoItexrwWBVoWUUe/B0UDkentIu14BxEk+pkfJeGKOWpN5vdGVWKxC0H5rS8A==","signatures":[{"sig":"MEUCIEbK/OwJ3r2PhCTingFcHBk13LDKtJ/hltoFRDpr0fHYAiEAo0BHow/dCkrdcvPAQOg/+EGDuqe+8Y2YUZkGB6p5K4M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh55EWCRA9TVsSAnZWagAAIiEP/2l+5HwaYcHuph0PHJgp\nn/joGvofrv0AvVjSRDdqH/AJrzINjqmsQbiXj1mvnt6/WUTLeWs/ACLbpPKL\nqR1WnLdOaYmNrlJ4SBKyVNcXJvQR+iyQ3mo/Bq4wMGF3CU5vXhVLVVSYqrs1\nfOf60SwsNs0j+nOKgK4JyIhoXNvH0mkWBYkwih4KKRXX0IHtb6e/pjsiqimt\nG3VsClSxb+gAJDlxqdIAhRtXMTz7lkOSYTz7eswqlw1AElVC52+snNzvVFz4\n6pT0nJyZ3qJiqG0hcZjoL+JhgSz3wR7+GoLXIMJFWWoV+f1TQr8p1n3OaS9p\nHCEkmekLEoloqbqa4lNzg2+bSu+n7HphXjsdtUbYp6zlI2b3kiZf9HdJX90O\nzIKbx13O1ZFooEVYDs0ZXCwVjuzHXq+YV2CBOjyd53d5C7O/TAC1jOmJdkVh\nbPkN219qYtxSYI1Q5xR5MAMdj65UyQBSpFIL8jBBHuNfpv7+FDoQyczdgSnh\nE7PELlK9OIqUAzDGDxM33EOBf4LtEggE39wuda9pAnJZxHMTsafBjkD7yavN\n7CHFulxVpVq+YV0FBc0cOzjtsi1Bnk7bdUYLuzwHJv2eP/+RlRm4C/3lgagm\nV8Ah2DORwvXpgUlTvjcPlgvBWa7X2ancEKgvwxQXWx6bBlqaAWrvRL49rVZY\ntNtE\r\n=Kl3q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@fluentui/make-styles":"0.0.0-nightlydd0f007b3f20220119.1","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlydd0f007b3f20220119.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlydd0f007b3f20220119.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlydd0f007b3f20220119.1_1642565910612_0.6132583370477172","host":"s3://npm-registry-packages"}},"0.0.0-nightly63afcc343820220120.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly63afcc343820220120.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly63afcc343820220120.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"0ddfeca8c61fa01d7ea91f3999ad8554a5c45af9","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly63afcc343820220120.1.tgz","fileCount":31,"integrity":"sha512-Rg/ew5gNQ2dgcrQSQV0N2nDMSMlasF2LKwHn6M1SloRF7LJdP6cNPSnuY5ori0pxtvNZ9J2RDxo3y6Gz1kXQUw==","signatures":[{"sig":"MEQCIFGCgMbjC+Rb0wpJnw03R8y2wniWquPxmg559N2ONH8pAiAfgHCv1n3U7429UHzrFTcPGUdq3S1+L3zfmN+vaEyTPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6OLZCRA9TVsSAnZWagAAzy0QAJjT+A5dCzLjeps8304l\ny4zFEg1HeaoxUV4upqqfP8sDp1pQMxXSBJ8YV6y+AlzDoSXtHj40k4dVyKKK\nx2Z0RXoJoSsCstd9GPJ1mAkptQyavqC5pbye2FKkeaW5LIp1G1jXySkco07j\nr04P2WqwPlSB1OtQqlrt4SslmPU997C1sIF74Cu+jUPwPtzUGGiqkRTpDQ31\nYaysYZ9hnp4zgcbDPs6MkukqyWhbKvsrtb/M25cyQHk4BO3GFmVzEKOM0+pQ\nKTkBRd5dX2gI4m+3A0Js0rPGzGb1zZ+cFGX/y/+IsEh4pnwT++k1lLqc8hYF\nKDhMlA72ORpwCv0AMfsTdj7ebYTvU0U9CC4Aso7rixVaWGxoWg7OqyJvQc8n\nEs1ecRmkxEnqxP69CsIj49OAdtguwKZB5axewYEm3LVb4lHzoCyL7IT9T3ys\nbkdU3lwTIYJMufiW/B+cn5faThGPND+jNEcwK9GuRdpxHg/Oo26BXNYwUCrE\n7NDi+tnEjgoa43hTjDaUJ20zzbsLAOKs/sDYT3Pcatx17KNvv4J8wh+cJ5tL\nR2zkEy5JP9+qdL6fD0nKCnUPxOa3WMarFVHiimBS/gpjJc7wcaN28WKUsciu\nH678SGv3Z6ZruexYwYozRejRhHI6mJLVGOSH17XHTaTemMtFx/u5jbMnmpwb\nuTea\r\n=gGiQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@griffel/core":"1.0.7","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly63afcc343820220120.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly63afcc343820220120.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly63afcc343820220120.1_1642652377508_0.00931682725900651","host":"s3://npm-registry-packages"}},"0.0.0-nightlyd514b3e0ee20220121.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyd514b3e0ee20220121.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyd514b3e0ee20220121.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"5eb8de7490fcb30bf44eb6bd77cd19370206c3b5","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyd514b3e0ee20220121.1.tgz","fileCount":31,"integrity":"sha512-NTC6LGwledbaQIAa+ble2SoxoyclkGSbagBnDnp1jOU6uqJrmVArG41ZZ8RRLAMs064jTn474q5N7+jzg3P5Kw==","signatures":[{"sig":"MEUCIQCvMJ0h4zFMaIqNrsgwhDnF7XsjNz20Vlpi3B5nLLXXnwIgblEUcFWPK7jDDRJcH3pH6Z8QaMSwpxp6hIgTVLXyuyM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6jQMCRA9TVsSAnZWagAAaJkP/0xxxObnZ90VjHAXBp+W\n65Ki20uNJSk9wINHdSt4RSApS+hUsgmpPrX07TB+zru2q71r6tTyCJ8XT4MX\nPhsxAlWw+BOFNo4kKc+oRKjuxnOw+UgHJ0T3dPOCHvwzB584emBu6xsVvFly\n3w3GskMgUfbresePxaO2E+CJKdjodb6ach0/0RDXjS40quBKfS3heUmqmLk5\nc2ye7E7BdZJxnFKvDp5L1j5sdtzMUxS8aI4/L/59kJmP6bc0dtAHh4LNM+b7\n2th+o1MASZWrAUEfWhLVI7djt2EbKZ/jFC7tAcHpJixY8DpTvMWfThzozBvT\nZrGUQM544fMvHteXgbPh2osvg29DGso2YB7wkv5EFA3jvKzYocz7r32VevUN\ntGSr/aPw9kKNrQgvHeiTwhTpa/6yauZKA556MD5QNUYd4x45XvYhcnN3SJOK\n/tKJl2OXpXqSzexjWHlRwtnmowjF/L2JcR+lCc5p6ps2zfQv7u1xxqQDJltg\nTPVFGRf4Be28JbCv5cYIYqZueUpJLVlZ3EbMTSmika0KCZ3C0kosRRDfFD4h\nHAi/Pq+h/a/v8rjrDuU2wHCqfwroru9xLxTYbiCDIgdy3NCvWK17HntZ58rQ\nM9FhE6HmKu86ENXQqwnACcOzCM1FM2foB1K+i9ZbzU8RmvtEs9dOwyuzJlaL\nXFT7\r\n=+H7o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@griffel/core":"1.0.7","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyd514b3e0ee20220121.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyd514b3e0ee20220121.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyd514b3e0ee20220121.1_1642738699975_0.21176454345696305","host":"s3://npm-registry-packages"}},"0.0.0-nightlyf6116328d620220124.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlyf6116328d620220124.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlyf6116328d620220124.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"f502b342aa68c1ad83a94423f16fe14aeb5ae147","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlyf6116328d620220124.1.tgz","fileCount":31,"integrity":"sha512-AAl09pxwmfa8jKHGYavPhZlr7xROG22yJikfbOK1q9WJJsmsY0m3FWr9TVFopdD+6sJzKBd57Ox94tHVK6ZrZQ==","signatures":[{"sig":"MEQCIA17JBcb+9K62oww4+kS2ase68gGn3ufFTzhilMj9MUzAiBN8Ox4bHs0oVbp4zO2RwQvMVP+0mf5hjCq7pd0SdWyog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7if5CRA9TVsSAnZWagAArZcQAIBYWsuEP1IxfP0Ux6tY\nTl5FaPsKtNyrQkfmk+NBFfY4hneVMPHvLEEKudFKXXW2L16iooiLc2xuX6iZ\n/xxRDm2V2+o7SvjeRZBZIz1fXOJVGAmu2MW39P5j2ClVm631U+7sdtIvXwI0\nNpZEicKN1bOZ27tv/M2xqagFijV71knYf7o7gP1CKdKojSLE32VjGlE+8yFp\nv0LQvHwyXvmpAWVMCuiZxIHC/K8ZKQ78xZQ7VtGHOwh3RUZqYOGNcZ2cc97z\n4CgKV8yAkUB/cuSaCYEh6TWKxZ/xJjCNzVRMKZtdGf9vcqMKQvOHo2W6P+qH\n9WI9jlrBSTO1g9pn282f4A1GU+INWDhfK+/24EFI1O9DSnwjAY96uEXFFjM7\nWjBAq7QLGctUS2hC2Maqv7r2nwcewun3xyCtSw+yoePyvGwvJY79h8NBo5Dp\n2hlnPWTWainwOff1viQtHoTFFJjuNnOElyoUcRELA8575oRiKaiPbXwfiYm5\nzOqAu1Mo/iVRNNTSSFVpQgLBC5bW3HRz4aD7UGbW4y7FtLQgYLTcRdi+b+6C\nTyAb0rMJqh4hhb+Aaig61fuM0Ne9axqbEsIsUR4sv6enE8nw2qcsUZAcBITi\ncIngYCaYXcrKxSJK7zLLUePepenhOvmkxW1qaNJlDb99u2HRdIYAfybZCoK+\nzwoN\r\n=fpZE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@griffel/core":"1.0.7","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlyf6116328d620220124.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlyf6116328d620220124.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlyf6116328d620220124.1_1642997753004_0.49187499258746725","host":"s3://npm-registry-packages"}},"0.0.0-nightly6a6e258c4020220125.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly6a6e258c4020220125.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly6a6e258c4020220125.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"297f37b49eeebea1940cd33025ca0c8b86d04a3a","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly6a6e258c4020220125.1.tgz","fileCount":31,"integrity":"sha512-62Mjah/smcl+JlTLjEQbqfL6XroWuZpk1XCUZVtL306gYNwXmnN2vfxYiYOee1YsZzh7D9aE4hpJOwoHcmcmbg==","signatures":[{"sig":"MEYCIQDLPIyE3tQMelUnV2gc2YuqF3TCMRuaJ18sDbjUCHdbUwIhAO64Uf2nNr1hoUsPIkBCUj3C9tb5i+7d03fVZ1JIHE3t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh73pMCRA9TVsSAnZWagAAiG8P/0gB+9w9281bNUP8NHOF\nvpX0fOZUTc/ZyZD6kikJM75vJyZBSsF57ToEqRU5C3FQKuZ1DQAQTPeCqmEr\nsFJ3M4E0bj7618ajGUWuKy/YfzMxWFXc8aQ7UEDLNEEFApyhBGx904nkJN9f\n6/m4vaJPYmutckoD44KiBP9H2hOgOLco9ysTDGZMvUl6qHHs5SoCdCCYY+Pc\nnn15dn7n1xQmp1oPTzCvXS/zirEtnzHR0tzPKfPgbJLy3w8PUEGXrqqtFcy0\ntxaBRzKLUUlmMheCnCTpgux+miRgLmsfo4GyooWYIpwJyAAd6qC2JLbsUtEx\nn2bqFcxt2stnHletsihUYcwbC14NiQLlunVEEjJSCn5IssMxdZKnGKgupzhn\n/kkEIpYWfNTxzDlwyLRCnqCNvdYuy7/fDZ72Qh1nZEOuGcdnKIopVwe7sU6s\nLOx87cZ6he1Nl03nncU21nAl16/7QQ3jUV8yHgbqvF4hDXITY7bZB10AKkyJ\ninclY6n6L8dJiejDiUtICQWmd9V6TiKfFjlEQF+zrqsaBlDSJfEQ9PsKa16a\n2tQNfV8nqs7Xk+0G741/IHtpoizzjHuaFLfEAQodMKQ36pgE8pYV5k6OJGxe\nVcYbdovdwwr/uOpCs/lzWl65SL/5VD9OfBdZQ9S7bOqY+4gJ47AOD8aVTt+y\nHNGb\r\n=rbNi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@griffel/core":"1.0.7","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly6a6e258c4020220125.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly6a6e258c4020220125.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly6a6e258c4020220125.1_1643084364248_0.7394456313114233","host":"s3://npm-registry-packages"}},"0.0.0-nightly0bc161458e20220126.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly0bc161458e20220126.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly0bc161458e20220126.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"ed31d8f6c9f704a31b8c26629d3a5af04ca386c3","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly0bc161458e20220126.1.tgz","fileCount":31,"integrity":"sha512-/3m7ebNasQF/zdAVcd3LEJVztW/Ed3hmUwRke+KHMlD6fsu8fnBrlj789dReK5GTnjpZz8YgqLBMwceOLbCUVA==","signatures":[{"sig":"MEUCICE7paLvyVCMgFDdXg/E/diL8EEEdwb8zr9LTHJkN24RAiEA9EC2B/kiRNM2NusakruSxG+75QGHPA9D2fC5NhXGu8s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8Mu0CRA9TVsSAnZWagAACb0P/2rIuHnRwZq0ueQtnLWf\nJcCXGRbDZYXHkkYDpyxkYd6SN4zfLkiHfPY3cFPZxFF1xbXUxDdUhmaCCXOW\nNzu2lNRiRDLEJIb5W/FYGc3usI41XWt3dbXZBmo7YESysyzcRLD72ye5x52z\n3MoseQN0tNdq2s6DQrZb+R8Ht698yaj7OpYz9ZPRig1ktzIJA7WT8kxSwFBr\noK+xRiP18QxPsHJhfm9q1+tXHMMHdOfGxgDRNYCTBZCbd5KIAUp2OWBA4NTt\nvjU6FXTjdF7l0wQ+TGOiY+ClnC2xGJJI+AhEL5xUXUw8pBEmZLg1VndHP2Yz\nE5kKc5YpIP8FR37HeG49FMi8bKpccyls5g4PYWVIZ7ORjJxuA9M5BYvIg7Lf\nvEeVRcpbaGGeJrhldUf/El2rojzF8Cpok1YWc9jif80TPkMK/FmndspSvDHV\nypaDfAg7IJMTPchlVOelXerKQNVgYro0tpe9Sp7vzn3zTNsFH13QeZBO7O9Z\nT8M2GjA3lWaWw3U3Gs91GDbYIQ1US04eqtRE8ue1aIRGywS2HcnMH/JBND+x\ncge0W3oZTcjs3FzzcmCZjAbj3Idy4VC0/wVUETpzE7dg1sjJ5WFM60ZvzF0s\nH+rs0UhJ5YCaDUgjVKWuI79+JPmqluE0q2g59k0Hlw1dmKiorc62VDnglMJb\njhYh\r\n=XPIc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@griffel/core":"1.0.7","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly0bc161458e20220126.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly0bc161458e20220126.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly0bc161458e20220126.1_1643170739726_0.4856949979947376","host":"s3://npm-registry-packages"}},"0.0.0-nightly4e6470c86320220127.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightly4e6470c86320220127.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightly4e6470c86320220127.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"695c96a1a66d98134771cd2e927fa24b445523ae","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightly4e6470c86320220127.1.tgz","fileCount":31,"integrity":"sha512-+VIv2i9cWJ2ELuSp8TwIDFdkqiJgExU+QrIIeeKeBRtfuoQV/6Cld5hUvMak4jmDOyIfL6eSSB+CLyNGD4Idmg==","signatures":[{"sig":"MEQCIBfOiFU0BBh7h0lBB3c3mTaT9MlhffeFDbhWUJoXcrEeAiByHjLdis+Tv1aH+d8FXffQGkOHBgcsS7ZzuQHxzT3Hdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8h2iCRA9TVsSAnZWagAAC0YP/i83I+57EO0bzD+GvUWW\nn5Ecw1yk/FIAB+s/jpV2wnI/xXv4doxv0bk58bEduSOraG/L9vdq518ed5FK\ncyU8K4Vv/AB1hFuqCsrpuhfCrwkx+3gLZbsWzNW8xkja+Z4KWEYYxGa+NiEL\n7Z/8PW2nlLCxDUBRGpX32jh6FT9Dz9bntffF8NikD4DD0jMRqhFJvQwrpv6x\ndG+UQq28Ibk8k8H90bCZ+KJzkslG4s5KSPwlrsCh+cQbiGx78ShCtTcSplTH\nVR//8FNWFGYYsYK4uQ1HgXgdNJG/CzICh85o6KA5acJYL+zZSes8UkBeVN6a\n33g38FIUOMEu2c/Fcx8sD5qvQuC3FBAuGNXBMmK3bLfF9xlxfhHX1dWjqnJw\nJqI/BASNP2Vt8yTjgHRvZSuHvqs2hhdHtAXWafwY64gp/Cwn0ukWow3RGC6/\n/ywJX4CWQTu6HTvbbpCr9kZtFDGC692413E2wEx4VMQvhm7pDmalpptvD8B5\ne2gczSXiXbYjj0gqEswjJi+aA3Qkwm5mwUa/4GreDuYBYofxAptWOt1+txgx\nyk7ELvlgJ8nnaUdQPvbO4IFc//ejGnFtPomYdgh/GYkIelFTIRpyK8JyL+D0\ncHwlJm4msCPqdd1Vy1nhVuxTrri/N63v2gtWFSqEIfjrwZ88DV43iYZTjLCu\n0N+F\r\n=Ntx2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@griffel/core":"1.0.7","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightly4e6470c86320220127.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightly4e6470c86320220127.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightly4e6470c86320220127.1_1643257250645_0.03165479754267175","host":"s3://npm-registry-packages"}},"0.0.0-nightlye0b8e1fa6920220128.1":{"name":"@fluentui/babel-make-styles","version":"0.0.0-nightlye0b8e1fa6920220128.1","license":"MIT","_id":"@fluentui/babel-make-styles@0.0.0-nightlye0b8e1fa6920220128.1","maintainers":[{"name":"microsoft1es","email":"npmjs@microsoft.com"},{"name":"ecraig12345_msft","email":"elcraig@microsoft.com"},{"name":"justslone","email":"jslone@microsoft.com"},{"name":"chrisdholt","email":"chrisholtco@gmail.com"},{"name":"miroslavstastny","email":"miroslav.stastny@gmail.com"},{"name":"levithomason","email":"me@levithomason.com"},{"name":"uifabricteam","email":"fui-svc@microsoft.com"},{"name":"uifrnbot","email":"uifrnbot@microsoft.com"},{"name":"dzearing","email":"dzearing@microsoft.com"},{"name":"layershifter","email":"a@fedyashov.com"},{"name":"ling1726","email":"lingfangao@hotmail.com"},{"name":"allsnow","email":"allsnow@microsoft.com"},{"name":"travisspomer","email":"travis+npm@greeneclipsesoftware.com"}],"homepage":"https://github.com/microsoft/fluentui#readme","bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"dist":{"shasum":"c2581803dfc33e1283f68757efce69ee41b75ff2","tarball":"https://registry.npmjs.org/@fluentui/babel-make-styles/-/babel-make-styles-0.0.0-nightlye0b8e1fa6920220128.1.tgz","fileCount":31,"integrity":"sha512-iOpMAGEAezZdDe8S/cJtXvlJndgHLXj6tBPem70aAY7CLWFYveWL80pkCtXqBIBBV5dLUOItzrrZEhv4/sKy4A==","signatures":[{"sig":"MEYCIQDXNUMGrmKcKUhyKstkPoUFPGyWYP8iH6dA/GDHfy2zBgIhAJspS2nUC3ld8I5JTvOwIoHf0jYcu6dLjjetsB4q5tnl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":125621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh824gCRA9TVsSAnZWagAA4cYP+wX6yY6sESjj/Z/if7Gw\nrFlThaNdgO0neiFyfdWsWqUypQWGQCuJP0ZCIZw1EQogw/TKb9ru4U4vPE3j\n0EYZu6nxRxzRRORLsU/U5bxELNyC9Gx94Lxk8sSCpeft9NJXscyqTpyor+T/\nux2WmHVkd93VdMLMqH41JNkmLoGsP0R//eJDuvuiAe4O8nRCyvHFakUpuRWX\nZNO8F9zqZ+qehAu2565JZv7KFixIVT6AAVsEXKp+fPd/ToPpwafpYg67wlFG\nTkOFTCBHsNuqBYgdpB2Z7t+cAsTeA71AB5UjAUUnIuzYi95uq4hV9Hziugpc\nbvgyYgpSqm0/IhA3TFm1F1sLOYdepgI9OmnbdbPKasO33k/gXQYm1uPekDmf\nSiAMEJokG9B5ThuqcQnQbTyU7J1zvvfsVBFBUXRK0mHgPzRstNECwSexgsPC\ncck3Zsd7MeWLYnIEESzt/Sakfy5KCENwk7XDEMZ2L1LCCzP19FBjhbT2kDf5\nHHFoc0boI/S3gfIGWNecTneWsd6nZgXMeivrlg/RomJPFg7GvoDe3R2HVwEm\nKvaCeFQgCBZFli3rKz/vgho5SNF1AE7Qi0pET2lClRXdL9Pygjgo8+38BaB7\nC6OWUcMfTICeZro8L9lP06sOBZFPfwULDWKu2jRaN7nvYMnpLAeOh6rurkYI\nr6/e\r\n=uFWq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","readme":"# @fluentui/babel-make-styles\n\nA Babel plugin that performs build time transforms for [`@fluentui/react-make-styles`](../react-make-styles).\n\n## Install\n\n```bash\nyarn add @fluentui/babel-make-styles\n```\n\n## Usage\n\n`.babelrc`\n\n```json\n{\n  \"plugins\": [\"module:@fluentui/babel-make-styles\"]\n}\n```\n\n### Import `makeStyles()` from custom packages\n\n```js\nimport { makeStyles } from 'custom-package';\n// 👇 custom import names are also supported\nimport { createStyles } from 'custom-package';\n```\n\nBy default plugin handles imports from `@fluentui/react-components` & `@fluentui/react-make-styles`, to handle imports from custom packages settings should be tweaked:\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"modules\": [{ \"moduleSource\": \"custom-package\", \"importName\": \"makeStyles\" }]\n      }\n    ]\n  ]\n}\n```\n\n> NOTE: \"custom-package\" should re-export `__styles` function from `@fluentui/react-make-styles`\n\n### Configuring Babel settings\n\nIf you need to specify custom Babel configuration, you can pass them to `babelOptions`. These options will be used by the plugin when parsing and evaluating modules.\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"babelOptions\": {\n          \"plugins\": [\"@babel/plugin-proposal-class-static-block\"],\n          \"presets\": [\"@babel/preset-typescript\"]\n        }\n      }\n    ]\n  ]\n}\n```\n\n### Configuring module evaluation\n\n```json\n{\n  \"plugins\": [\n    [\n      \"module:@fluentui/babel-make-styles\",\n      {\n        \"evaluationRules\": []\n      }\n    ]\n  ]\n}\n```\n\nThe set of rules that defines how the matched files will be transformed during the evaluation. `EvalRule` is an object with two fields:\n\n- test is a regular expression or a function `(path: string) => boolean`\n- action is an `Evaluator` function, \"ignore\" or a name of the module that exports `Evaluator` function as a **default** export\n\n_If `test` is omitted, the rule is applicable for all the files._\n\nThe last matched rule is used for transformation. If the last matched action for a file is \"ignore\" the file will be evaluated as is, so that file must not contain any js code that cannot be executed in nodejs environment (it's usually true for any lib in `node_modules`).\n\nIf you need to compile certain modules under `/node_modules/` (which can be the case in monorepo projects), it's recommended to do it on a module by module basis for faster transforms, e.g. ignore: `/node_modules[\\/\\\\](?!some-module|other-module)/`.\n\nThe default setup is:\n\n```js\nmodule.exports = {\n  plugins: [\n    [\n      'module:@fluentui/babel-make-styles',\n      {\n        evaluationRules: [\n          {\n            action: require('@linaria/shaker').default,\n          },\n          {\n            test: /[/\\\\]node_modules[/\\\\]/,\n            action: 'ignore',\n          },\n        ],\n      },\n    ],\n  ],\n};\n```\n\n## Transforms\n\nThis plugin is designed to performed build time transforms for `@fluentui/react-make-styles`, it supports both ES modules and CommonJS thus can be used in post processing after TypeScript, for example.\n\nTransforms applied by this plugin allow to strip runtime part of `makeStyles()` and improve performance.\n\n## Example\n\nTransforms\n\n```js\nimport { makeStyles } from '@fluentui/react-make-styles';\n\nconst useStyles = makeStyles({\n  root: { color: 'red' },\n});\n```\n\nroughly to\n\n```js\nimport { __styles } from '@fluentui/react-make-styles';\n\nconst useStyles = __styles({\n  root: {\n    /* resolved styles */\n  },\n});\n```\n\n## Troubleshooting\n\nThis section focuses mainly on troubleshooting this babel plugin in the [microsoft/fluentui](https://github.com/microsoft/fluentui) repo.\nHowever the concepts are not coupled to the repo setup.\n\n### Linaria\n\nThe plugin uses tools from [linaria](https://github.com/callstack/linaria) to evaluate runtime calls of `makeStyles`.\n[Linaria's debugging documentation can help here](https://github.com/callstack/linaria/blob/master/CONTRIBUTING.md#debugging-and-deep-dive-into-babel-plugin). Here are a few examples with building packages with linaria debug output.\n\nDirectly from the package\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn build\n```\n\nUsing Lage from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn lage build --to <package-name>\n```\n\nUsing `yarn workspace` from the root of the repo\n\n```sh\n$ DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nOn Windows it's required to set environment variables via [`set`](https://docs.microsoft.com/en-us/windows-server/administration/windows-commands/set_1) or you can use `cross-env`, for example:\n\n```sh\n$ yarn cross-env DEBUG=linaria\\* LINARIA_LOG=debug yarn workspace <package-name> build\n```\n\nThe debug output will include:\n\n- Transformed code\n- Evaluated code\n- AST that indicates what code has been shaken with `@linaria/shaker`\n","scripts":{"docs":"api-extractor run --config=config/api-extractor.local.json --local","lint":"just-scripts lint","test":"jest --passWithNoTests","build":"just-scripts build --commonjs","clean":"just-scripts clean","code-style":"just-scripts code-style","type-check":"tsc -b tsconfig.json","build:local":"tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/babel-make-styles/src && yarn docs"},"typings":"lib/index.d.ts","_npmUser":{"name":"uifabricteam","email":"fui-svc@microsoft.com"},"beachball":{"disallowedChangeTypes":["major","minor","patch"]},"repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"_npmVersion":"6.14.15","description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","directories":{},"_nodeVersion":"14.18.3","dependencies":{"ajv":"^8.4.0","tslib":"^2.1.0","@babel/core":"^7.10.4","@griffel/core":"1.0.7","@babel/template":"^7.12.13","@babel/traverse":"^7.12.13","@linaria/shaker":"^3.0.0-beta.14","@babel/generator":"^7.12.13","@linaria/babel-preset":"^3.0.0-beta.14","@babel/preset-typescript":"^7.10.4","@babel/helper-plugin-utils":"^7.12.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@fluentui/scripts":"^1.0.0","babel-plugin-tester":"^10.0.0","@fluentui/react-theme":"0.0.0-nightlye0b8e1fa6920220128.1","@fluentui/eslint-plugin":"*","@fluentui/react-make-styles":"0.0.0-nightlye0b8e1fa6920220128.1"},"_npmOperationalInternal":{"tmp":"tmp/babel-make-styles_0.0.0-nightlye0b8e1fa6920220128.1_1643343392213_0.013714343899177805","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-04-27T07:31:16.484Z","modified":"2026-07-24T19:27:51.240Z","9.0.0-alpha.1":"2021-04-27T07:31:16.894Z","9.0.0-alpha.2":"2021-04-30T07:39:58.552Z","9.0.0-alpha.3":"2021-05-03T07:43:26.398Z","9.0.0-alpha.4":"2021-05-05T07:35:00.920Z","9.0.0-alpha.5":"2021-05-10T07:34:01.440Z","9.0.0-alpha.6":"2021-05-12T07:34:30.806Z","9.0.0-alpha.7":"2021-05-13T07:34:22.092Z","9.0.0-alpha.8":"2021-05-18T07:31:55.512Z","9.0.0-alpha.9":"2021-05-19T07:31:56.452Z","9.0.0-alpha.10":"2021-05-20T07:36:45.525Z","9.0.0-alpha.11":"2021-05-21T07:31:50.260Z","9.0.0-alpha.12":"2021-06-02T07:35:38.975Z","9.0.0-alpha.13":"2021-06-03T07:34:29.885Z","9.0.0-alpha.14":"2021-06-04T07:34:29.093Z","9.0.0-alpha.15":"2021-06-07T07:33:49.197Z","9.0.0-alpha.16":"2021-06-15T07:36:41.911Z","9.0.0-alpha.17":"2021-06-22T07:32:24.922Z","9.0.0-alpha.18":"2021-06-29T07:30:17.379Z","9.0.0-alpha.19":"2021-06-30T07:36:46.570Z","9.0.0-alpha.20":"2021-07-01T07:31:52.069Z","9.0.0-alpha.21":"2021-07-02T07:35:29.127Z","9.0.0-alpha.22":"2021-07-02T23:13:05.148Z","9.0.0-alpha.23":"2021-07-09T07:34:44.505Z","9.0.0-alpha.24":"2021-07-13T07:32:27.028Z","9.0.0-alpha.25":"2021-07-15T07:33:21.335Z","9.0.0-alpha.26":"2021-07-16T22:51:43.552Z","9.0.0-alpha.27":"2021-07-20T07:31:41.172Z","9.0.0-alpha.28":"2021-07-20T22:21:03.961Z","9.0.0-alpha.29":"2021-07-22T07:33:35.127Z","9.0.0-alpha.30":"2021-07-23T07:35:29.160Z","9.0.0-alpha.31":"2021-07-26T07:34:42.019Z","9.0.0-alpha.32":"2021-08-02T07:34:55.408Z","9.0.0-alpha.33":"2021-08-03T07:35:35.363Z","9.0.0-alpha.34":"2021-08-06T07:33:36.325Z","9.0.0-alpha.35":"2021-08-11T07:32:44.376Z","9.0.0-alpha.36":"2021-08-13T07:34:09.747Z","9.0.0-alpha.37":"2021-08-19T07:37:04.650Z","9.0.0-alpha.38":"2021-08-20T07:35:18.914Z","9.0.0-alpha.39":"2021-08-26T07:33:49.513Z","9.0.0-alpha.40":"2021-08-27T07:32:22.665Z","9.0.0-alpha.41":"2021-08-31T07:34:53.352Z","9.0.0-alpha.42":"2021-09-01T07:38:29.921Z","9.0.0-alpha.43":"2021-09-02T07:32:46.304Z","9.0.0-alpha.44":"2021-09-06T07:32:44.019Z","9.0.0-alpha.45":"2021-09-10T07:36:57.160Z","9.0.0-alpha.46":"2021-09-10T16:30:21.933Z","9.0.0-alpha.47":"2021-09-14T20:06:42.958Z","9.0.0-alpha.48":"2021-09-16T07:36:20.009Z","9.0.0-alpha.49":"2021-09-17T07:33:17.010Z","9.0.0-alpha.50":"2021-09-20T07:35:30.141Z","9.0.0-alpha.51":"2021-09-21T07:40:59.108Z","9.0.0-alpha.52":"2021-09-22T10:09:16.607Z","9.0.0-alpha.53":"2021-09-23T08:20:40.635Z","9.0.0-alpha.54":"2021-09-24T09:16:27.709Z","9.0.0-alpha.55":"2021-09-27T08:05:12.711Z","9.0.0-alpha.56":"2021-09-29T08:05:24.331Z","9.0.0-alpha.58":"2021-10-01T14:12:17.333Z","9.0.0-alpha.59":"2021-10-05T09:27:10.158Z","9.0.0-alpha.60":"2021-10-05T12:47:10.839Z","9.0.0-beta.1":"2021-10-06T10:36:28.879Z","9.0.0-nightly.f81b28ceb3.1":"2021-10-19T12:39:47.091Z","9.0.0-nightly.d730088d7f.0":"2021-10-20T09:20:09.863Z","9.0.0-nightly.25435def33.0":"2021-10-21T09:18:42.226Z","9.0.0-nightly.1df0025867.0":"2021-10-22T09:17:05.839Z","9.0.0-nightly.46b9ea7036.0":"2021-10-25T09:18:19.703Z","9.0.0-nightly.b5b7401007.0":"2021-10-26T09:24:03.428Z","9.0.0-beta.2":"2021-10-27T12:13:01.199Z","0.0.0-nightly0e0cf06c3420211029.1":"2021-10-29T06:40:37.242Z","0.0.0-nightly050f89bf0020211102.1":"2021-11-02T08:41:35.547Z","0.0.0-nightlya372ad979820211103.1":"2021-11-03T08:24:54.447Z","0.0.0-nightlybc5ff01fb020211104.1":"2021-11-04T04:21:30.883Z","0.0.0-nightly01492e29df20211105.1":"2021-11-05T04:17:01.373Z","0.0.0-nightly0025eeb82020211108.1":"2021-11-08T04:17:54.399Z","0.0.0-nightly627ad67f1120211109.1":"2021-11-09T04:21:30.076Z","0.0.0-nightlyf3ce1fbe1d20211110.1":"2021-11-10T04:17:53.457Z","0.0.0-nightlyfbae36b19b20211111.1":"2021-11-11T04:20:04.829Z","0.0.0-nightlyed2d7c8d6320211111.1":"2021-11-11T13:13:50.984Z","0.0.0-nightlyfe9829e48120211112.1":"2021-11-12T04:21:25.063Z","9.0.0-beta.3":"2021-11-12T12:34:26.923Z","0.0.0-nightly906d31cfa320211115.1":"2021-11-15T04:17:05.581Z","0.0.0-nightly9edaf68d4420211116.1":"2021-11-16T04:19:13.787Z","0.0.0-nightly8825574c4220211117.1":"2021-11-17T04:19:29.586Z","0.0.0-nightly8faa94d11420211118.1":"2021-11-18T04:19:34.039Z","0.0.0-nightly57a9843f2620211119.1":"2021-11-19T04:19:59.877Z","0.0.0-nightlyc9ccb6f37d20211122.1":"2021-11-22T04:16:14.862Z","0.0.0-nightlyc0273fdc6920211123.1":"2021-11-23T04:20:32.625Z","0.0.0-nightlya54302c0b220211124.1":"2021-11-24T04:13:31.443Z","0.0.0-nightly99adff5a9a20211125.1":"2021-11-25T04:14:43.117Z","9.0.0-beta.4":"2021-11-25T08:32:14.190Z","0.0.0-nightlybd3e92b51920211126.1":"2021-11-26T04:16:07.951Z","0.0.0-nightlyb8537fb52c20211129.1":"2021-11-29T04:14:22.585Z","0.0.0-nightlyb2deb9be1720211130.1":"2021-11-30T04:14:28.814Z","0.0.0-nightlyd3bf09bf8120211201.1":"2021-12-01T04:26:44.363Z","0.0.0-nightly554221a5aa20211202.1":"2021-12-02T04:17:21.737Z","0.0.0-nightly131c59c96120211203.1":"2021-12-03T04:14:23.803Z","0.0.0-nightly39ce3cbcf120211206.1":"2021-12-06T04:18:09.600Z","0.0.0-nightlyebf02572f720211207.1":"2021-12-07T04:15:32.847Z","0.0.0-nightlya0ab3454ed20211208.1":"2021-12-08T04:19:33.309Z","0.0.0-nightly442708a36520211209.1":"2021-12-09T04:16:12.012Z","0.0.0-nightly89deee5b2a20211210.1":"2021-12-10T04:19:32.140Z","0.0.0-nightly65dd5f749420211213.1":"2021-12-13T04:17:41.151Z","0.0.0-nightlyf1be0a972820211214.1":"2021-12-14T04:17:23.956Z","0.0.0-nightly28ceaaa83c20211215.1":"2021-12-15T04:17:04.068Z","0.0.0-nightly58c310891320211216.1":"2021-12-16T04:16:09.328Z","0.0.0-nightly2462abf75c20211217.1":"2021-12-17T04:15:59.729Z","0.0.0-nightlycc44f3625c20211220.1":"2021-12-20T04:19:09.332Z","0.0.0-nightly07d9ed6d1b20211221.1":"2021-12-21T04:17:53.153Z","0.0.0-nightlycbf184efa720211222.1":"2021-12-22T04:14:49.092Z","0.0.0-nightly9942542e5320220104.1":"2022-01-04T04:21:59.806Z","0.0.0-nightlyca6ef2bc8e20220105.1":"2022-01-05T04:19:49.365Z","0.0.0-nightlyf8be6a7c6520220106.1":"2022-01-06T04:31:34.377Z","0.0.0-nightly8c37bdfa2420220107.1":"2022-01-07T04:19:37.763Z","0.0.0-nightlyecca467a8920220110.1":"2022-01-10T04:16:48.739Z","0.0.0-nightly003de9a95220220111.1":"2022-01-11T04:20:10.781Z","0.0.0-nightly3bc051736320220112.1":"2022-01-12T04:21:17.231Z","0.0.0-nightlya9c3d10d9520220113.1":"2022-01-13T04:17:17.148Z","0.0.0-nightly5ab766c40f20220114.1":"2022-01-14T04:16:36.047Z","0.0.0-nightly940a86cbd620220117.1":"2022-01-17T04:15:38.744Z","0.0.0-nightly8dfa71215620220118.1":"2022-01-18T04:16:24.363Z","0.0.0-nightlydd0f007b3f20220119.1":"2022-01-19T04:18:30.780Z","0.0.0-nightly63afcc343820220120.1":"2022-01-20T04:19:37.797Z","0.0.0-nightlyd514b3e0ee20220121.1":"2022-01-21T04:18:20.252Z","0.0.0-nightlyf6116328d620220124.1":"2022-01-24T04:15:53.182Z","0.0.0-nightly6a6e258c4020220125.1":"2022-01-25T04:19:24.388Z","0.0.0-nightly0bc161458e20220126.1":"2022-01-26T04:19:00.061Z","0.0.0-nightly4e6470c86320220127.1":"2022-01-27T04:20:50.844Z","0.0.0-nightlye0b8e1fa6920220128.1":"2022-01-28T04:16:32.378Z"},"bugs":{"url":"https://github.com/microsoft/fluentui/issues"},"license":"MIT","homepage":"https://github.com/microsoft/fluentui#readme","repository":{"url":"git+https://github.com/microsoft/fluentui.git","type":"git"},"description":"A Babel plugin that performs build time transforms for @fluentui/make-styles","maintainers":[{"email":"fui-svc@microsoft.com","name":"uifabricteam"},{"email":"uifrnbot@microsoft.com","name":"uifrnbot"},{"email":"npmjs@microsoft.com","name":"microsoft1es"},{"email":"microsoft-oss-publishing@microsoft.com","name":"microsoft-oss-releases"}],"readme":"","readmeFilename":""}