{"_id":"storybook-facelift","_rev":"90-9dbcbf1d877391c6a604aed3bce5879c","name":"storybook-facelift","dist-tags":{"latest":"6.9.0","beta":"6.9.0-beta.8"},"versions":{"6.0.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"tsc --noEmit false && npm run build:post","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","release":"auto shipit","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","clean-dist":"rimraf dist","storybook":"npm run clean-dist && npm run build && start-storybook -p 6006 --no-dll","storybook:build":"build-storybook"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","emotion":"^10.0.27","emotion-server":"^10.0.27","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","react-markdown":"^4.3.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@babel/preset-react":"^7.10.4","@emotion/core":"^10.0.28","@storybook/addon-a11y":"^6.0.3","@storybook/addon-essentials":"^6.0.3","@storybook/addon-knobs":"^6.0.3","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/cli":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/react":"^6.0.3","@storybook/theming":"^6.0.3","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","@typescript-eslint/eslint-plugin":"2.25.0","@typescript-eslint/parser":"2.25.0","auto":"^9.49.3","babel-loader":"8.0.5","copyfiles":"^2.3.0","eslint":"6.8.0","eslint-config-prettier":"6.10.1","eslint-plugin-jest":"23.18.0","eslint-plugin-prettier":"3.1.4","eslint-plugin-react":"7.19.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"1e73647cbd132c704c8a9cf7eb915f01721eef74","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.0","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-LxFUd01Qiz8TusHg7kikITniPkYhM28bKCdlBb9zIHoHgYTLnj0ypHp8+CuIKvODc9TgMymBorGWU8C6OX6a7A==","shasum":"27e0f8b6bc572e37f0e7a44e4fd7d1798d4d3b1f","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.0.tgz","fileCount":121,"unpackedSize":175515,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfM99eCRA9TVsSAnZWagAAQVoP/2W6JIPsVgtkLJnmsvkM\nzpQ2cmkBLrJtHlMMd4y06QoNPeaXBsV4NBSHF5dKk5EFo2xicdBhcYwn4AhM\nw6K8O4o8FCOdfkk0SwF/Z0iszREM01CG4SZ2VlslmrNyu1jhvynsMyF0SIvz\naxjEy+ryIUc9hKEEMe3Q8NMouvl7SxMshhH72c2L7kvLOcln9B+AXBDot8q1\nKDdwldQbBGqxcbwweSq5YSCnoLv4cdb4t1hMWik2apT7nSLLX93m5qV+Qd3R\nzE6LJ61Nh9s1aJ5DZELHkzH2VoWKewpe0vMZPRmVt+eL3gGO8sgFinpusmcx\nfopUDWiS7L/We+yH2cyyGepp8FKwumflpseQNzEWDtc6A+HPwEV8EsXE8c3c\n+YlfN6YGtp+BG+OY2KB1/KWI2g1SncDiwCmzdu0h/ok8YL67eWyLsxJTe6AV\nLnies/kZwiAXqP2UEzqn2xV52ig1MIxmqrL9PmoKJwdDNJ9aJT1ashGmcbU8\ncFpcqseje1Ds4t4j9pgKfrabkcXQQ36FIAxaQgq7EeeJ+UXsbmgIsFwOu7jG\nyePP2j/Rxqy29j1KqPtbXLf8+/SqM9turoW8WQfXLnlTIP0MeDTbBQTj9JZ6\nGb02eVtBeAAd9WwTmMbDID06Pc6kL7YQ4qQcc6Q2+OQN/8sHlZH3wioAsyu+\n1+1q\r\n=pXw8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGxueuBvdzQAw1PxdGKnGc63eE4p/fQ5CHsX1/fIK7ywAiEAjPEErNDrxZ1Wyungk2HpU9EFdqT21/BVhhYY7CuJLAk="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.0_1597235037978_0.375445439078663"},"_hasShrinkwrap":false},"6.0.1":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.1","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"tsc --noEmit false && npm run build:post","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","release":"auto shipit","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","clean-dist":"rimraf dist","storybook":"npm run clean-dist && npm run build && start-storybook -p 6006 --no-dll","storybook:build":"build-storybook"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","emotion":"^10.0.27","emotion-server":"^10.0.27","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","react-markdown":"^4.3.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@emotion/core":"^10.0.28","@storybook/addon-a11y":"^6.0.3","@storybook/addon-essentials":"^6.0.3","@storybook/addon-knobs":"^6.0.3","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/cli":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/react":"^6.0.3","@storybook/theming":"^6.0.3","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","@typescript-eslint/eslint-plugin":"2.25.0","@typescript-eslint/parser":"2.25.0","auto":"^9.49.3","babel-loader":"8.0.5","copyfiles":"^2.3.0","eslint":"6.8.0","eslint-config-prettier":"6.10.1","eslint-plugin-jest":"23.18.0","eslint-plugin-prettier":"3.1.4","eslint-plugin-react":"7.19.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"10b5d9a2bda265662737f49befbc02d289e59599","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.1","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-IWNme5RNnpXGNMXWx4xT2rrg6oWpo958mkM9eIiSJ82fDTpTkwGzfQQqU71R1upJTglq043JYUbGlHq5tGETVw==","shasum":"dfcf404e023b3b7c0f33589d9d2d76b0010a3f79","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.1.tgz","fileCount":121,"unpackedSize":175446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfM+P3CRA9TVsSAnZWagAAoZUP/A57lkEu7ClTHRI3HGeR\n67clqqbLS5sxzlFwiZvU7xTFTnW/Y+z8W0NF7NmmVEuBmAPbhAADYcDSTC+/\nZjqbgVVTY4YuJ2sZnmmDuslojXfYz68aKN91AJCwRqIupFz/SWuxfjGtnMy6\nGjRjMjSbMRKc9uaLqoOdmWf2zYrTooKzk/VPElsdSnicimIkjES8duJOEjec\nH8zKiQdkBj1Ezil6YvL0eYFMJgnDCsaBEKohDGmCg96kYU/S5EsS7wvIbg+G\n4Tjjks/a120yKK1M6emGrXrydkB5uTaKXSpseww6+qQ85ZEXtTkJdCzA22Z8\nU+WVFW9T7R2l54CFZQDjfkR9Dcn9dYdhlwqLhn8irlH0AdcK1Pb+tfh6rW/A\nJAdnbYTzOQ3eAAby9RaZWFqP5Gg7K3nG/wcmQmHjabPWibkMM8yTR83qrv9z\nsnnicYkj7eamGCSaz9xxIkDCZf39wovD6pXI7TOuf+vYndcPmBU+Kr5iKcBs\nZiDJNxQ7HVMlL4WpQFMagVl3Xpf0oIpX8HRUVQkRC1MKRtFJ4cAfVtIhsrpx\nTl6+pPJbIwMerJikKZ+6p0Snju2PSgixWHtdTH5sl7fpj9Zr6KDx3rmDqs/J\nRjhuKCNFhdPMLH3Jn19xqEzVBd0bW3qiliFnDkLdZDVCSjADhnnNU3FF3M7l\n9ajl\r\n=UaLw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfhk9uZ+7F7JGKiz921sUm3i5LXyLtC28b7yMA5TRqZgIgbUuMRkSrucpdn6naCE6Aa+yjZyS0i8OBsJ/dn9a98ok="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.1_1597236215320_0.8837621986047814"},"_hasShrinkwrap":false},"6.0.2":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.2","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"tsc --noEmit false && npm run build:post","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","release":"auto shipit","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","clean-dist":"rimraf dist","storybook":"npm run clean-dist && npm run build && start-storybook -p 6006 --no-dll","storybook:build":"build-storybook"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","emotion":"^10.0.27","emotion-server":"^10.0.27","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","react-markdown":"^4.3.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@emotion/core":"^10.0.28","@storybook/addon-a11y":"^6.0.3","@storybook/addon-essentials":"^6.0.3","@storybook/addon-knobs":"^6.0.3","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/cli":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/react":"^6.0.3","@storybook/theming":"^6.0.3","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","@typescript-eslint/eslint-plugin":"2.25.0","@typescript-eslint/parser":"2.25.0","auto":"^9.49.3","babel-loader":"8.0.5","copyfiles":"^2.3.0","eslint":"6.8.0","eslint-config-prettier":"6.10.1","eslint-plugin-jest":"23.18.0","eslint-plugin-prettier":"3.1.4","eslint-plugin-react":"7.19.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"a4e47aace64769e0d324b05f0ded91c93205acd1","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.2","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-nuZPbrYFGgJ5fWTXw5zZh0lzSXVxZDdog9SJfduqqxmtaAIWDjodoUNfInplvmJNCgSTV96D0qaSpEQC2ztDSA==","shasum":"a893f965328b0014d2dc0c2fd977f3d1befa2a1e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.2.tgz","fileCount":115,"unpackedSize":174572,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfM+fQCRA9TVsSAnZWagAAtvYP/jofFNvlBmKPGE9KSNp3\nJZOWzjzMbwReQtWyTWCRfgtUVQSl8UH8rfMlN/8RtgUk9eJPf6AOCSiliLh1\ncU5nJV+yMht+M1NTn3z4BJgI1YSkiAGoCK02metToHDRWUwhXGYPU4nDr4B3\nlgX+QX0Dw/1xih4nvby4O0jDYQdaa/+qKCNZ4QA6SW7G9fuQedNRHQTUMvHf\njRUPOJTDqXOXqucEfWV1uI2BBJN092oRJlxLzLLORYjyXuGi4FeVso9nfQSr\nJcvfU8Ki3s9pwq2cpeBHEaQgB1m0l0XYoldAgDUqvqknW1RDhzIe/+T6WrVm\nUsVghgy+fgmuyJhYSmNHjpmFSRdCMz5SI4M+M2GZXq136UOF6yq1rjDAGSWq\nZ0teSaJUcp5IqBy3+/lXi9QJAbppR64r8GORl2KbX6qRmZ+jq4NuOIig2hrX\n6mIOWKTJw8P8rUHw2DMIwRJw7GRZAfBx4KknkBcpovpzMfLVAJ7MJsHBvOJP\nuuQwWtWttrVSajA7MHC7lRZKPngYB4oUHw6cfhWXoXGlozGGKnLmTnODAU/1\nDOPos6DFyxAycu2C3H/nW2X6xhMNI4JSbmvlliIfyOVy1XlbstW+RXukUF9t\nVVYl6QXoheMuWeIPgXz9FMRXnOoj3xvnf4F/PgmG1MQ+6SymTxbi/FALZRMt\nhZQ6\r\n=TdCD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGOcmZJLBTgUgx1VPe+J67lRq1mHyAIXv1NmETr7PuRJAiBxWRuus95mfhhgpchbqvzS8YVuKj41SwZLPrSGJTSvHA=="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.2_1597237200160_0.22475099401994414"},"_hasShrinkwrap":false},"6.0.3":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.3","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"tsc --noEmit false && npm run build:post","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","release":"auto shipit","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","clean-dist":"rimraf dist","storybook":"npm run clean-dist && npm run build && start-storybook -p 6006 --no-dll","storybook:build":"build-storybook"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","emotion":"^10.0.27","emotion-server":"^10.0.27","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","react-markdown":"^4.3.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@emotion/core":"^10.0.28","@storybook/addon-a11y":"^6.0.3","@storybook/addon-essentials":"^6.0.3","@storybook/addon-knobs":"^6.0.3","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/cli":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/react":"^6.0.3","@storybook/theming":"^6.0.3","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","@typescript-eslint/eslint-plugin":"2.25.0","@typescript-eslint/parser":"2.25.0","auto":"^9.49.3","babel-loader":"8.0.5","copyfiles":"^2.3.0","eslint":"6.8.0","eslint-config-prettier":"6.10.1","eslint-plugin-jest":"23.18.0","eslint-plugin-prettier":"3.1.4","eslint-plugin-react":"7.19.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"fcf367d4fe14cd14fde585d21ecaa8fe5ade6bf9","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.3","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-NoucgNp7xadtxznORUFsTCLDibf1ZZZyq/epgKeteeG1bs2OBtqM2ZQN6ikxaNd9xwFjdpqojjH9KmkBH/zbEw==","shasum":"42cae960baae0571f02f7ee94d7b3e248b7647be","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.3.tgz","fileCount":115,"unpackedSize":185123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfM+oICRA9TVsSAnZWagAAXfAP/1DuCIFMVgzrh+s5EN8I\nl8yomKhNewjtz4d/TymLZuQa8gYeHbzt8NvyFAn1yuuB+xXEDJEp7qIN++lB\nRDU/3gbU+l6EbVJqk1mGU4jM+qHeYfcsK1g1HocaMF5oO+B7wdniJSK1E2xv\nBKoZ/twuCG8C1P2ZAUxzAFTNmINWhR5D8Xm7DONIkY/qo8kF0KLy/dmjDDlA\n/NBwosOeEd1jJS2Se5l5anNnHFlsZqSWqMEgBLmQcl4xX5QaOpQLTUyGoI0Y\nDTrhf4eQdWUFIXzV/RKeFQms6cEUmMVWQvpa9OjyHeQ/jpZfBMUkf61bjAik\n6OUAeToF5f2ctpRWLYVR/KjRwTBIBAKJiHESeyL4VFYqCyefdlAA1jRFN9Cm\nDpVaR7ikBYIFaev6/CfvJj+sRdkUPSBKiNB97jQlwlEE5Lyxhx+fDd6WqX3V\nwENc22tmW9659YeleL9NtEPZuYjFODy2i/qtV1NKvGh/mjCa6cixAEOil0ji\nPx4B7YDgc+uCzS6OKJrwQI5ho+jVYWcHaE/azXJewQ+GzpKrdMQ0tQpKZzQ2\nxvEr51myw3qQlgHaB/5BgWGoLJOkV6EG9/XhWRfk0h6oeeXYY6LjXI6wT2BG\nOXyyKFc/SdVb7TIS0rT9AheYB1zgCdaSTJyJGuce+9g8dNGx0y9YGU9Vf7AH\nomVe\r\n=RieO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrogrVy/6DxUZnNCxX1zRFW9lHLMOwl5mm56mzEc3yFwIgLbs7dj0bZ86ktM6Ylw4K7NNYZ8GWSHgky7wq4vsd1mE="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.3_1597237768159_0.19991355902529273"},"_hasShrinkwrap":false},"6.0.4":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.4","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@emotion/core":"^10.0.28","@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"062f6a02d96130dfa7940ed755b445b2043ed907","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.4","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-hMLVefJEGtRNO0iM4FSFC3zkqv6aA8rI3U7vnetlOSyK+tQRKP4jGB+5cd3yYYoR/hyKzovrygjSCvwQBHvn1Q==","shasum":"89103da762122bd1db89bfa1fec9a818110ed22a","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.4.tgz","fileCount":115,"unpackedSize":188444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNCslCRA9TVsSAnZWagAA+YIP/iBW18wJjxTK7/l95Xu1\n83RrbsxjZ+ZDiVAxEa07n4BkgU22utsjde/tubzSJLg+GaZu37izWExh26lw\n77HjCNvJ1YD0gXgk6OQZUj+CgugeDGciMicw5/1YVbmX85ppDtTNozX2WsY6\nQGhTA5LMQJdwNFhE6y4VGWj8i8W8I797oBIXT/p+WwqUG8tAZOfoOc3k2EhY\nPbXgiIk0XQxeAi5w6niuEXJoaRUZHBx9fMEd8vU5ointoGs/2FAsY+5LEkF4\nBa9kLJcipBHHH3PBmoTENeW/+QG62Pz2WdtplbLCMvZovCK/wSQBw50UI1mF\nBIuSBpL/vvMJzSZ9kJ3LFce8x3FH8daFYSY4p0CN+E2Id7viS3Dc5EQ6FOtC\nRnlqNcwk+bbqlHLO84dvddxjlpS0dQaixyNrQyA9AQYfLwj7bj0rvqa+Gb3w\nrkYLOgYaGENHG5475D3teVLScBuaLuWRgWLPA+UaFA0rpZ1cHG+KbQDN67aA\nwaDz8g9Rioh6BWSf1YdksWuzgE5X/irTxKDDbIcXczLMquER05t8muVRyAzY\nZ3g6r/x+PFMFiLwnKwiSg0REH0J0PuwV9yNkckERb1X/DWE4EcEEcJWmMixQ\na47YQtSB+T8tmaRHo+ALZb4j0AuPdosItvwF5dTU/Nyw4JE2kKIr1lUKsXKr\nTGZq\r\n=vk1/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwiI4pyhrBOUIb7jAHbzg2mWWNA2fCGGTaEREhBN+QtgIhAPymkiG/lwRhPm2WOG8KzHYEr791VoCKCmnQ7oPi9+XA"}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.4_1597254436609_0.34943864172200567"},"_hasShrinkwrap":false},"6.0.5":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.5","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@emotion/core":"^10.0.28","@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"a3fa8d96a94ad4992f61317f6cc7f15bbf3a218d","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.5","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-l3TvQ9Y3ZiLZ6Wsjp3AOpaeVN3iW6Jkgf31fMr542CYR/k6yi23KQ9YeVmEh+IsjYyvZadz2E8BZdLhhYnsrlw==","shasum":"38f357d84887ad351441bfaedfede8e890c84354","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.5.tgz","fileCount":100,"unpackedSize":172750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNCtZCRA9TVsSAnZWagAAf8sP/1J5TBLaP9inR8BHP3Xj\nCzTgLHJva/WIO0Zcckbhd2LtWQH4WRjSWekAj1w9aMcBQ56HIkdn8yOV7iBF\nc27jFC/jQbIiQQwquuW/9kPY3O1R4Ej8GtS+3Svx0y54VBYa686j5Aew8Xud\nvxUxUVY8NE50/+VgX8gBTgbIDkcjhJXqUeAhd+QqCWbJQubFa/8sQV7Kbcpw\nufrb4cBCcJMaOFsjFHaNX5HFAXsoHJlbGuO5mQYsejp1OoTVi2M5aOrLXJxA\nOulP5kw6Fo9HCAG6rqhXbyqLWbeFPnDUj9qmyJDSoREB7Ni8sVxgpI8PwU/y\nQR1hLTZ09qqWQZxHFuClmsh2RcMpqxqXXaF9/qUk1Ym6gwNMzZrZOIFWVJjG\nsjPQpaeRommc2pZ5aPmcQx60LSflXcw8uWuszrKrfm+uVtNXcy+AOgtyaQdo\n42xqaOy/fyQrjB38dC/9invFm15nitqCFkDAMHeFSKvRLQDQya3bVTd5U8z9\nAgO1cXawKKieMSlH1Lx6knL0mL1+aZhT30IgvLeRp1zf63amYoDEwqXu3egW\nDVrkb/WLzz9SE3LinzHnr6roQA3RPiDoz9Gc78lXefdZpXb3CxZ3basscH/8\neWh6aR1LasRs810vN+zicCjt8v4QJCihpedPBJ1aga8hztROxsy1PY7ZS+Jp\n+8fb\r\n=1DMZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFB/crijjsf/gU7fMUNkBm/7OFMoki7WTgYMols+OLCIAiEA4fEuT6Q5JvbouQ2r1N8sQQ+vsGIrKcLDvmGnVjMIIgU="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.5_1597254488672_0.03954316215424125"},"_hasShrinkwrap":false},"6.0.6":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.6","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@emotion/core":"^10.0.28","@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"6e8e9704511285a65dd9c5228b5766f1541e56ca","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.6","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-llXUZ0fyI5ibqf4Wvse5iPUo4imB7IFyU/7LjAbOUr5D4Qd2VRsg648FV5CelsfBHRjJsM7zjr19KiWJPpRe+A==","shasum":"9e364256c341978b712754a31c433d5f6c9891b8","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.6.tgz","fileCount":100,"unpackedSize":172728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNCu7CRA9TVsSAnZWagAAT8wP/3Al4+fz4b83RD9KC37r\nbaZIKXUilAsv1l6lYVRCEJ4Var/EQp+zdv6WshLYdCuUNn3G0gCOFhUkpVc8\n9HEWLHxOnuAhaCXypgK2WxWdQ7pUmIbWa/yjSRcl8wMlW+CYi+jALw+u2O0o\n5kneE8aXrFQsLoGwDGAAC+pCShMyIW3B/GGIWRKQp6Pn1C96YEcYtHeIgjfB\n6cw8tgXOl/s73HIegkpEyVkDtAYIWOr/JhRicmAxt0w9K7GQ6+V+sor2fZ1K\nBDxziWEp9Wk8lJ8joZM88CRGHv12mY+k5+JdpFkvCuzTBNAtgau6iIW+NvGl\n1xqtEvdKKPKrjyycJJzR7mF7SrTaDfvYLAAXz2S2s/nvT4bLJExtR6PizNTV\n9OmEG86NIXLZTeASwsA7Nc7GeTUeznjRnB0Zfva6lcyns15iscyuRW+t3F8G\n6i3Eya77uZ8/fhW9nMWDTl5/xo1ym7CrVjMcHGOEltOP9Q+uLBsNf2nrriJb\ndk/nFDGF9NURFnf4Gek6Vd6h21ciaKQyYcOtdW+23nNQ2J55kB+SYuQukcXW\ntC0YWvMiOa7JYRLh4Dnltft/uVbKZlmz3J4ErUD0l3e4L9YwSD7j2+nSd5bh\nzMs4HP/rEbMfv3YyweSFkyfrw2EGqESDcoGGRv2b+lX5Cygs5c7tC+3Ob4kJ\nCfrM\r\n=FT+H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGxeqMtYXPzkg3lrXo3OH8b4qv3u10+xOZDO2zgC55EwIhAPiBrGBpumMkCYDUW4B/Kfdt/xu5IPHOpYEV1vFSJ/ai"}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.6_1597254586663_0.3097991758930889"},"_hasShrinkwrap":false},"6.0.7":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.7","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@emotion/core":"^10.0.28","@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"38dc9bc974d295c703d22f504eb195897e5be5bb","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.7","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-C+3S0kfcPljtba1O4KHCuOHKCy4IDjPB5PBkRZnxOnm/xCbvcMkJsZ73YCUKCdxPEaGy2O3M2yWqTmO39W14Cg==","shasum":"6c5b93e61e552368ce743e3490d5ba4194555363","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.7.tgz","fileCount":100,"unpackedSize":172738,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNC3zCRA9TVsSAnZWagAA6IcQAKOiEBw8jmW1t6sTkxAg\n5yJwU4ICffU66hXSFbJEFJX0lX+9z+RwFDygY6mwuEBUzF5vw6zdauWCVqtf\nROqPZJKEu0hW1fwQQeIZPxjHD4IutDWGxmRY1C2649NUpL2LvaaPjP0W5dpZ\nUDJNmWc0K3Ul2Laj8sBHiOUfKJMO3NPH/wsYZt3TxFDy1gFAOblcDt5s04r4\nJCkRZ9UG54ykHU71FG5sm0xsr+56nPupaXYxjYVQLGvLLUfl1Ucn3DTsb4p4\nMkGOTQQct/FKF+EwHDEDsM2C1StLjUzEBQuHiZ1wQgAL+d475wn5U9fwEFEW\nFF63FpiJcfPY1R6Ct9OTwDMy4BR6NqgUbJGDFI4MddlIeQU36W6wsHfkZnpk\nSXHSwb6P83YGH6CX5Qc/QjOGUi6VbRsgdQfTltA7bB7KYG+nhn8zvaYXKtvP\nXCODehRFaxc1DRba/hT2EuoxvEA3rZgOwVtzTm2ectw1Kx6Q1vvgEdwz4ksr\njrRnNWYyzRb7Mu81K/MEvtVeO4cD0l9pAhK5NLDZttOruqqAbrXA5HD6tj/o\n7tIStwnLlIzBAZjP/f7f043g7GiKk04u2IuvydI2UQY2H4Iu3yG5wkBb4pLi\ndsB0F4ZegTnzTwpy+Ij8VBRtU30EAmq0oSXOQGme0PG89iaSMH5o2ouJlsek\neVfA\r\n=3suP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB4dboE3oAR2kGtWBG/aIPWHzlexwWoRxNYh42E3usD3AiEAscYmKvoqgmi/aOC8laaLlo7v5VNXRzOvaS6tMNRTCOQ="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.7_1597255155341_0.6903293827577135"},"_hasShrinkwrap":false},"6.0.9":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.9","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"dde7c20d2fffa050a93f8059ee6f9ca363c1da8b","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.9","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-Ec+fCnVksi0Ux3nRAOEFoN4LjOE6QW/Qv2fkUzKYGvC+0rti5qGsU2iBpowOlAXVqNU/7lu/b3ivGmbGioRI7w==","shasum":"bd9bc6008c037ce7a546f6a8d0f45914b67cfaca","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.9.tgz","fileCount":100,"unpackedSize":172638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDAvCRA9TVsSAnZWagAAjZsQAIQ4a78Y7liN7UcupjBg\n4dSiYgXgfysJD1Ibyax0OmiZNDUMnbaX5s4dUib3EqqipcpU/ocWZmf41Jkf\nIctfS90XD0BEGOEOuDkfzOPC2kXzAM3Mqwnu3MNd16+Ho1ct9MKF0dlXokkM\nL3enHHe5tz9iUr9emxpzmjX4jFZUOrjmn+bKEd7hPB9dRxmm9I1/EM89oIEt\nxCDvk7sZHD5H2Gn2Pw+715f6QoHEwW4e8mTVYG7LGKCjNd/tYNTsYNCDepYi\nPvcHstcF/Df1KjZrRoYXs/ur2lK/ZeMhk0plScZnRp8kuRQIqTsDTAZpfxqa\nvY9HbZqLckLfy5/5WpZ7oSSuHSFtdh8v/UKR8Ova0UwEhfcJIvgzM2CBYXrV\nR9fltc6O99rz8atSvcTzLKutwB21MHOX7UCNBVVL8ox9/thCsy7HSqEmUAZ3\nQ2yQwAU+fJIY9nnr7utNFFDzH2nK7JG5kVue+GGYBFCPDKO2g0VsJGjGShsE\nCT7iP2W9geUOQStjiFj0D2qBVnfIJCvDeT/6FG/LyiiwqmQ72nNBAF+s0o/R\nLF6mzTUxiUW2uoOVs3DuqQFgdAbyt8dDgghPCmbvWLCP+Uff3aAp1McnCq6i\ni/U/xLyCuNDkmqhXFD8robD4AXHIfp+RpnavO9Rh/qLi0k7UiX4iXjcd5LB9\n/Ll7\r\n=wh2S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC39oUNtBBnXkabC+MeuMjDedW4GzUqCj7x7az2kKr+wgIgIJIvNFahoN538HZz32CIq4X0hbksQPCl7VmTulhaheo="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.9_1597255727110_0.41141804594668985"},"_hasShrinkwrap":false},"6.0.10":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.10","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"a700cfb14270f33cf1ec4c24dae6d0542549d874","bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.10","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-mky2rLsQFIMDQa+GFsFiLJeB3TPG19Or4JDZNzsChY4aNb9ernotgG8dKhFslAST02N73TTjsEhzKxlOoy9pzg==","shasum":"811c1d28da47b36f38f9f7aa9070a11a926467ce","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.10.tgz","fileCount":100,"unpackedSize":172606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNDDNCRA9TVsSAnZWagAAPzAQAICRbdXXy3brRv3CDrnH\ndN00FDfv1DRYtPwSe4dYD345xkGw2uZoPkI/1fTNn+YynPuEOMkfoE9NZcHl\nD5NvePiFvozuBmlAVwpzDBDWVgXAiFyg/8v76ol2vt4V1bYWumXqfvf+Uii9\njLzmhoPY2TMa6GtjglazAM7JhOOGXQ8QG5n0ZpBSj64KcX+YXe3Sg2RL+cNR\noAJEnWAT9HbEONzTvtcgZXbyQU4s3ORzOFcY2dVJmJcocufSquB3hSWrVXuS\nQVSEBg9r2u1OOO1Y56l7ksV4CwgtGgKq1VzFtJv6P+bwLn1nyPDu5DYJKo51\nZH3LdUKW/nK3ZzU8etqNVV9YN8hIHxw60NrDV0zqraUVjii9cWBaGBG7hQpO\neQdittv+ImUly3n1fuesn6Z8zOMJoo4DWI22U66UZbZ6NjoRRCHIjW3iu2MJ\npt0//jnwCCweI3Sh7Iv+y0/o0Wmmc/eakX7NsOifKvV3aWfnNRzm45ZI9OVq\nXXVviQVuUEW/+2tm81AvZiX5wS4D9MINM5KdgBAuYzhc9BbouBw8uBb8SmTT\nqzFzkt33aLCxUr2RPjMbV62NAs0anZWLtbPY/ZB4rmCvUFFdMmG2+stbLhnf\nP8EG9+m9LUQHnnAIBhZx7G+QEX0p8AdcZgTQvUM/mnGBU22DVmI2vYyENX9W\n3ajd\r\n=EQ4i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDK3E0xEa+GNui4L2elB5KHbZZmothrmB62pjqcjZUlSAiB5IPGozVXqwW8aRPWkY7QHcIsjCgA1dTAt+oII6w0Yvw=="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.10_1597255884796_0.3145959030383909"},"_hasShrinkwrap":false},"6.0.11":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.11","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"e1a32ae9585c1673c511ada584e4c613bc82cbe2","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.11","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-TSJqpxrmbrRGhJNWVnRQ9gbdVlfSIIDY0u3NMTqQ28adOh0P5FyDjIVhWZuT+SG4Pvn5AXwOj/1KGMoo30j8qw==","shasum":"9dabf20c0d3dcca0cfff400436c1f5d57eb64fd6","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.11.tgz","fileCount":111,"unpackedSize":179676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGIqCRA9TVsSAnZWagAASNsP/i5/E+EGw/sUTARKbnbx\n5cs13nvSCYffEIuZrQvgX//C+T/5o+FiptW30+aEZPIS8rki5APy0t6ANv4X\n75ktWkPJa/vMSf6G7RbXICtP8ESWCGzDo3lTOqEUKuQlvixY1cL7AzjXEyD0\nIbAhLjbmzKcCa3ZYJ1kXhvp5l/9CqLS6ZZfcxw3OgPZk6UEV4tgtt79BDNds\n2+/e+f34ZkNye6mXZ6gKhNo80ts171/OY3xKwRf+Uwu6cJq7wSPhFEASWOPr\n9yKZgrH3YdPkIJ9ccaRamNn4DtC7IBjjCyQ6RrgdcBvDrRtMjUaSio63Od5u\nbG3y7+ISoE0Hmcf/kUn2PWJpvp8QTE6/nXKwB5sOUwxS0PFVleTQ/PawntK3\n4W5SYVt7/r8YmsAyHFwXG6hSiAQ7u+Ds5rQWNPCsLq+O1+HwO6oc1T3FnK6c\nnnEmi9SjOJSd/ZS7ULqXHRdnMe3ToY9Oo7+L0K8J4JUUAROogBoI+vbF9JyT\nNoHJR1SMxnmla5nHVDX9Iu4b0hDzJNFZuntXXf5m2L8rtBohgRroNSoxHAb2\nBrRIJq2f9RdtlfNTJidRy3ith4Aiua4KZNFHQo8324R6N6bBDm0TZTRevWu5\n9b6D2wvMbcdI/MPIDqaGm+KgHXCqIynsXcs//OYrlTpWMItm1llAoaGpMhSt\nOzor\r\n=h8DQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAIrjQgPF8agEPnSvyTxa8DWoACi3mz/YwbTEtYOENRGAiBGa4lloj0d36OmFpXGHGC4GHH7CcX8gEvHp1i076cgxw=="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.11_1597268521899_0.10499089058993194"},"_hasShrinkwrap":false},"6.0.12":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.12","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"2aa7a3f22f4aaeb88361dd3a8991dbf01ba5f76a","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.12","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-2oFGfVxrRBMACHNjLXCG7INa1xGuOTmClzVosl4+xvVVcV9t7vc/Io7iObV39A/hI68k+xObB/UxGRwaNuKaYw==","shasum":"1b42632b7ca3367b4d541ad0c3fbbbede5ca1705","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.12.tgz","fileCount":111,"unpackedSize":181305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNHXXCRA9TVsSAnZWagAAzcEP/R9nMKnMStkZASCpHddg\ni1CwRL7QltakDL9E5FJarJgFbzB/NDtvKntVTHDDZ/6BzEEuCAmJamA565z4\n5YWrYGb14StuOOO4DG+UC2kG544lt5Gl0l/N/6a3qtiz5a7pWuT2rqRQGzOj\nkgiq1xOMImwncbylOXgnyNlUlDb/dWnmBvQ3E2Fx1apO/qkNRtXzmP4ak4GI\n5YmDfist8tBm1Jq6yJSnSC5Fg6LA7eoktaC3b7Sb20xH+QoO+wlimZKazPPX\nhT8CGlhCJKNypbKjljDzXYHY2vPUPsXn+MOmln5oF9yeiGPGaoPLLcLolCQ8\nyF0U25eMh1LsmeOQT4heOcLEKB+5OrWZ2SDgLy1KtBGN9iPDuNuFLrQQ6Ttm\nUs1fpDtWWKg2Fi5EWxHBgYUTuh0V4wNiPVvwooJR7qyM3z/zWV4fch3MVDQq\nVPn4OG6c2HuOp6hfcxRD3LM9xvbNwArBTIdUabhrcWDZNm0PXHU3XA7Xq5Gs\n+E0dI5wr7AGDt94WAqGemHDdGzPPiX2+87JHVHbzsBOyCSUQSClmRsiv3iGu\n8f7AOGZv7I+rp2gPoRjYAL0anAVL1PX+vvS759dLBiiZ0IxaH7Wjkks/4Ox7\nouNeHnumkdcbGunAPPM/r1WyN+TLAvMpYLcBp7JsOrcqZPsauY5HeVT+3MxW\npVKZ\r\n=HZPo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEI/ZEYq2V34ViiBoxq4eq7PDltKaVydunsdMoO4BLTKAiEAsvv4hnYQEKjoYwNScAb0lXsX5c4HJGFgPUD76EjUO1M="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.12_1597273558847_0.8017637865805498"},"_hasShrinkwrap":false},"6.0.13":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.13","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"77dba0516bba09ae2ce679a78f0998a7d942b348","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.13","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-+vguaoe4KpwHhz9gFJrjVNRdN0bqQ8qvsfqod9UyWUa+RvbOO9gCitIGm/OV2X+X9E0wdMHutqBW1lIeVAOpHw==","shasum":"3ca44a91504a86be6569a1867c1a6a915051417b","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.13.tgz","fileCount":111,"unpackedSize":181499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNHssCRA9TVsSAnZWagAAg5oP/1Lp+YejG/zJgnD+d9FT\nHWApuj2VCONHdlPEyQeGB2iZrYOIqY4eq1PuXXQMauc9danT1Xel+ul8qikk\nEJot7k4SJMRlo/yDS2MUfu2BgWtozy8FO2ex0RIBYKPivoa2aa38aKapM7Jk\np6lOAmWbobk1eZGDta0ljn8M+UiFQ7yP9fgeElez7Pg8tmNCsFlJ3unYxX+E\nXtj7HqdftGoo1Fwl6czUKAkcET44wsC3/Vw9gwPpGpAOL+58KO+6vUr2eIAL\nkLk6j9+xLyDPbQuvWBCJf+l8GfyhpGYyuiYClExv5GiUDKjHRPn6yjepUn8y\n8vKvAZtPMy28yp1eryTjtFSRtnyZX/De2t3+trWlnHKGmuTBNQvrCqMM+Pp2\ngSfTp6szcpiQAU84z1l7keBirDns1r/valy0TclWljSmwhKIgnI14XfZ0GXz\nsDoRgKlxNfy0llWbJnvxiZC2k78lqaVvYiz2EdKRO60NaNXTFfkaiY4WbtJa\ncyu4CVNV81RA2eYF5bQorMVzXE9zr6u62b8uVjteFWtDaezcGu2fOvzf6qLS\nyjT3Ns6mcJZZ9+UhOOztXwLRL/6KO1/5kIhPSPshIFW4MpFRkj3w3+Kb/Y4n\nZsv2mcQV/q0dM274qhlBTAemRgPJW/NP7+KzRkoRE8a5TLse6ZpvP9pTP619\nLGPN\r\n=bulQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFVqF/AqYRCmG7lT8XakBVmO8LSc4muRKeZeTISSQwPWAiAhsg6KsDJPFdQf+TYEgjwhuxmoEkrAI9Zht/wGcn1t7g=="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.13_1597274924308_0.9126781187686988"},"_hasShrinkwrap":false},"6.0.14":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.14","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"b64315b5b021d6d2b3c61446eb998eb51106bf98","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.14","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-s29MQ4fLFsOSWGoM2iH3aVKsZFpSKvBgZnlwdj/cQu0oLCDSObD3fkzpbIAkUvmmEDuVodbs0nVSwGILIpVSUQ==","shasum":"a4fc8a7c96de364d445975ba2385fed95eaf1143","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.14.tgz","fileCount":111,"unpackedSize":181899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNO9LCRA9TVsSAnZWagAAUZMP/2BtXwL8YPvg3bt1xsQW\n8+S0y6TgIHhxI7clsJfy5erd+FskxlxaDILzOaNuw5zNgz5Emo8WcurBw3A3\nah4J4yprhOOW+3YOdWkU9KbEQMDefnK6Tl0tgKTvmfcTdK8AezxSZEI28bmu\n7OO8cpt9s42E914R7aoc3krgo8Z1lMgqaFBLGCUflTN0YxPeVHWAndhgGLD+\nz0q10Z4voiC0sj/A+417qk1xcGB/Mhz3kY9uz8nB8dKz8iAOZSe6X3AmkWEC\nG/0kg1+exKDnpdlQouGbzXv8dqPX/yaKxgiLqDH+yVa4b1aQO0JsAT9f7snQ\n6j444SScqIlG3ckAoLF8S0vlnoDtW8CYxYv9j9zsj1KWP9OEI2FammDbIg4n\nTKvvTwFY4k0yq6k0zrTznM+Hj2+kHtcBG3EbmVRjA/r1LMmP7/toGUqiQ+5L\n7rjIFUr/VyqZGxeCwvwN2aeXXfyFtuFqxxLDsoQWMc9iuJ+cyg2fxb1uAWn4\n/kXO31TEFin5svX5Va4ECqsDdlo7SVjtMs2r6tiEW0FdQv/Urb6qaMAl3e+C\nXDlcKAIcILzkzpgC8Gl9QQaXrhEdzb5upoz7B4QwO4otD6R+YBwVxASFuaC7\nmCCkOJURyIrOO0eGBVOErzfsPnIsxR6dRu8YOxVizTA8ddhhue6kQ54O+QPq\n3n75\r\n=Clss\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCW6yWXBdAlEtiAl6HXbWjl4/GK9EqOYEil1von8iZpvgIhAL1A/iktxUOruJcRS7LgkuYNW2KpUSDOo9V4xuUBXgYV"}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.14_1597304651266_0.4910852014341167"},"_hasShrinkwrap":false},"6.0.15":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.15","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"c9c99f4eaa4c89eb0a6bced70d35a06e8bea8ccf","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.15","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-s1D6tv0SyGoAzGUZPa7HLARDtvtghoKNT+fTYv9ee6ugUd3rN+iyiVlfQdqLsF9r827SZfVPGvJS3MJ7oEfKFw==","shasum":"ae42b95b5efcc9ef03cdfa4dc6c4e06f779691b7","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.15.tgz","fileCount":111,"unpackedSize":181899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNO/6CRA9TVsSAnZWagAASLgP/2Zk2esosClFjWWDJcBk\nBhfI3Ox6x0zJGewNtY9nn5+GbDxBIuiDVq6QOjsbapjghAluQrv0fpW2meyb\nbhnQDduw+FI+S8fY9aFHjVhSyyqZ98w3h2lYATD+j/i+93XSVJwWy/upAL1T\nORhO8cvLyN+6UITX6R16YrO3wvnWSXARZUZ/BXuG3tah44ziQgm7RHD8oStu\nYXl378X5Qiq/HUBi3JD7wA/ShlZUwI4nM2icUeVILkixCieAJpbUqYyAhEk1\niqYN4tlsASjaYFjAK51T+iSNinQ1E01q1nSka2QwhGPbPLwfVxMh1QFK3OYX\n6YmQM3sgC9uncpkeaJvZctjse0fpNivpTY1JCw8SV1nStQuvyuGk2Qx6JbLG\nKIgTXmGOHtLvxjHpVo2Sfmu+smPl0ueiynOsHv8/NauScOA3s/rfcLc3zlhZ\nzmSpwlq8paCNRVX4gxHTzI0YVQc2bPkGlzroNN1TRjn9YbuQMzAbT+rw84XZ\ntFBylsnLfo5i7L2H8MWvZ/onr0sPcHJpuYo3kJay8YJ0XV/ZrC1o/uTBILnJ\n09lj2cRWcOTFn24nDasHDoQ7e2gBJK41Wn3BrlsvNAdZC95DC2ENJUZu6Ou5\nrfdtR0SyU9hfelQj9Rz7zdOt2sLI46IOsd58Bo33QlrPBo8gFrnPRU1VQj3O\nwzTI\r\n=6qFJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdvPGVNY7jNZ0MyeqdL8g9+3gqqm60E5Xn34yhjE4+1QIhAJOlDzwD996+qynB14lPOjwe0xOpds522HFNuyuf6h3p"}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.15_1597304825889_0.17869522912490865"},"_hasShrinkwrap":false},"6.0.16":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.16","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"4a77bc01fe81faec82ef66653684d18326339544","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.16","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-xu79JJ3G2flv6znTPBf+rgwl8B0si+zlRHxDOnG8iBwWzjlFxSN/W2iJ4udlP2t3kmpdasnOyZPbkctZPebdYg==","shasum":"0c545b609ffa3f0fc171196afd9594e469df625b","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.16.tgz","fileCount":111,"unpackedSize":181843,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNPSjCRA9TVsSAnZWagAApqEP/3ajrb50GsafVrNnI8lB\nTp6FqHM35DdKELNmOhNWNA78QTq85YFxVpsh6uPOEr7KeLQ5H66YQvmyDoCZ\nbOya3KGgmB8ZclLFF1hPN/zek+cNGcLhHwGeMjJYRaLQEFSQVVDHx0AWvl1S\nRFVwlVHQ6TPVIfghn3s750HWJPW6xaGp7GpbwzDNV3g6krlnlklC/r7HxI8Z\ntBlg9RH1GfJEbdGY+m8W+I8VzGU//fGV4OWp4iyVM8DM/hCNcPd8Z7JXal72\nOicQyp2/EgIZnVpAHb7Qqt7aiAKyNvRNoqnh2Ji0BxcM3PXXFhlWBB3kIh4d\npixdeK7ZQTeHCgHFOPuk+nRBeTBmrl5XEtaVb7H4vqEFsAWtdp6LtxHcB1PL\nglO5PqcvhNViASqWEem9ZIeSP+yHvI0hya4AiOLoEQE1zgFiLUd+QKYUpZdt\nAXGTk4P2UmbMIBrAux/pTPfWC5XyNeh+gIG6exapChqT/KRoxycbnzst/Pb4\n6iDn5oc8u72szRPNp92T8xGlQc07ntn/CtfnrhlueVtH5T+54t2MOe4pqDos\nH+t6xlwBOEtgL70zBvSji2XJ+azDmNTgifmOP2LY2VeyR98EJZul0ywgKrYu\nZxF0gY7ZCEeUM3DuhshWV9wI9fGoPIl9E/37nyix8YjkwIQ6h/X19su1y4cD\nWaAD\r\n=jE7Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXxJDh2aT9lhwPgsSsG44yDp7R6bSGXmJs6oS8dwGhxAIhAOGgZBIaFXDx8Cu2NvZ4wUTtne0JItAyeRgX2T7nwgsJ"}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.16_1597306018655_0.7097687953980645"},"_hasShrinkwrap":false},"6.0.17":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.17","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","eslint":"6.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"acf62242e0219888514cd479d2773e39447b00c9","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.17","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-8V+gsWRhLNF5keV5OycPufWYB39NmY0HPymJxZ0u+it2fm0j5WICuw3XotXbn1hfFjJYcpT+eKnn9D4cTLdlXA==","shasum":"20a7b9b6e07e4e65206b71977ed66e4bea335f62","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.17.tgz","fileCount":111,"unpackedSize":183459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNPueCRA9TVsSAnZWagAANhkP/iGA5rDbnQYcF7y1fGs7\nCvAyYSGwV0LPR7Woztc4zeu/4kKXRyNXwDqvTQLGzqs7QRMuZfVCS+Qp8qvj\npqwmy/zxTadSpll2ENY4nz1AfDfsLUr84sAby4PmxRM8VqcdfVTRAOPf3xna\n+Itn7T47fKLSw5jxqunKdCYZbwWSZD04pAsdgnFXANnGbqsXJW+g4mwQhB8a\nG1bqAsHIWbBEfAMxNcuaSE0IaR4ZuxCdSAH+Yx8FKZb7lMjsR7AnAJ3GzuTp\nNtasJIqMfEv06hJwLbwmi5TXU/idRsRxAOBf7JdVKHGNhP2Gw+a52QU3GOnT\nAvJlbGtwo5yUdCEHmpFEtSeRbVfSTk9Zg+3zIgwNevtDYCYcj23hhaQ5B6MG\nQgyiPeD6MqGEcq/9W3zRXvRbDP7Q4lrQ7ZzNxwmXt/QN7bMsosdbf1KAJAoM\nEShurUQvD57EbweACpGhFCyIe14ywGdtjyM1NnpY1TO8MMqVu3GWRNMcoPki\nWNS8nH6+YHYZunDcqFK+dQ0B0k/9YnerTEXX1J7+TR3aMdg84ZaOJw6U0i/c\n5/6STViez9lbviy2DOYRpQ+CzrPQyTrbP2jK9kf6xjrLc1S5JnGA68nu4AwE\nQzK3cNRfiBWSMzshHnukanUg9T2l/CRohL8AeGB+bNm3CXjnk5n5TLVf3+14\nA37Q\r\n=zd9K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCgdOPG6TwKHDbZ1BP7i8LaTZoDgfubM/f1EBrejRsBgIhAKRzSSD7ML/AUFBKfR0NGS6d3nQGxM8jG8nUpArs9f1G"}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.17_1597307806390_0.024277131617573833"},"_hasShrinkwrap":false},"6.0.18":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.18","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","cross-env":"^7.0.2","eslint":"6.8.0","generate-changelog":"^1.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"9165e5919d39012cafee013a597e240d8c74d8bf","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.18","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-Z2MS0pFKpzeK84qgdpF9TAc5Nyu2qeliMycsB2QySJee86PGmd8ZrLKXuTiIiZMr1mL+daINEvfYPYx1FayC6w==","shasum":"0582c8f5be984fb18602382c136eabf958d91b6a","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.18.tgz","fileCount":112,"unpackedSize":194400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNuQLCRA9TVsSAnZWagAAEc4P/Apo7m6v4c40mkWYpZUY\nt5LRW+ZQKJndks3mTk5JeDwK8V9xJhCUQbWQpTnrQZzPlH9JYXtXHb6WqAlb\nBDnwTWVNYfXFEj2sVlCj4jmdjbzCPNmCtolGSlxBvGfedYmPUtAUYpHSXV8R\n9xqhYPF22SAG6huAFpSu0Tj6pzIuXry7mMCMx4FSdmd6mg0bDtou5+kkBxRU\njVKSDtF2aePEwzvIx4Itlm7G84RbIIafARRN2BH34icKhMOteklergixmm7B\nnsGXfcwZhDFY5/auzRMS0ZaqPfGKHJSezWTo5viI38cGT32N+320D0b1eDo1\ns5GBVPKXjttv1tLXhCpj32bJgdYRdFGT1Kg8OOJi01kw1903a/M2M/Nfk2E3\nGOhBY4M5sVbKsvxSA/WOvegZN3uzCuiN5hJCyiR8uvzggK1WULKqpsKsRQKq\nNW8EaN1+lptcqFiA347tV0ZwJZ6WAN01wisguC0qjiHpDIFjLHIJRUP+as73\n+MWyd9YbDb3I8Jyi4Q54GFNbiLT+PigtbblHGl0uZMTE5EiXvAdXqURE+VHb\nQ3t63EEhxqYNNJqxFbtiA+uqnyGTiW6UVrBgiNBPaye//upDX54Fcv0oqOhx\n8q3FRAIruuk/DT9M1SNmOuRYgMpp4pCNCNh8pgPPGGKcunIhQDYAeKMWQTJl\njB7Z\r\n=zxmb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhUEyOFQ2zp4nYooY6IyvFiZuOzQCgNf2vhJF1BJFLEAiBAKEqFR0Pba+QgaUsYcoJScb/heZJXtShZyhfbE3Kh0g=="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.18_1597432842572_0.5889901935557984"},"_hasShrinkwrap":false},"6.0.19":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.0.19","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","cross-env":"^7.0.2","eslint":"6.8.0","generate-changelog":"^1.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"600b0985da5e95f6c34ea1e52778145dedfdff53","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.0.19","_nodeVersion":"12.13.1","_npmVersion":"6.13.1","dist":{"integrity":"sha512-eLqbZ+sWrJWGMKTvhPr7zGiYJxOQomy8ShFOYyAAwOwDKFC3v/1723STN6fIUPwO/DlhvyH9+MeLTSToKwIxLw==","shasum":"13406ca2284002296a901d90f6bc41f2a6f15c04","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.0.19.tgz","fileCount":112,"unpackedSize":185462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOPvbCRA9TVsSAnZWagAA5MoP/1R0jX9uDmW/hQGN7CoP\n7rvw3QPDcOAoIKwA2kaZELkpV04tVTnPDzXoP7VNYT6G9NK+bdZto+WyL3Qe\njAO4J7l3Y/Wgb43HrcQZ+ehYLTNs253Luund5c54lhSqnJITcJByCotcqaQw\nXajAww4aukNw+nkTx0NSmB9dS4+dpl0TqjaDaPicUDLtmB0prlvfxhREIXNi\nYozrv0gwYUctA3VXO4+29HK+Mdnd+k3lbgYri1FKZQ9ldgQVAlpxFdQkjivA\neDlu5ux1q91llbGs5NY0xc9lRvM+i/zu2jjPdRns7HkllGbkSH20NET4hTSt\n9bQoJ8yFv26TYFo3XLxTHlfkJISo5BmnO7BH4i+/E1srny0YSbSMhGKo/mPk\nGThtA0fghVom7Juu6IEbk+LugyKdsxBenMsDpXyepE7v3TF6ymirbfwvHo1/\n7Pg9m0MMuu83U2mnohFDXIaePvouZwBDTojR6rGjpwbzNhgDEWr2Bc70EV4o\ndzTpTL/NVZZt3ymXL8doDxJx0qw4v1gdB6DenEUgwF+XnFdA9cGuXv+DK1Db\nc/Myfc75fPd210m4XV7pA2sQU7ns42nq/Q0bKaXrtH1uQDPiiaU/m2+jw5v1\nUKNE9UWjtyIyRnR1kFWh1gjM+YBl+nC5JEGAbln+fKBTAeRkWfDGRtI2bBNv\nkT+4\r\n=Jycv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBf6vNRbalopVcndeYdpjexbJih9g+waOJOdqVUEMS4XAiBAizXsfiM2RNDHIS110h7PaORRjgmDuIYZu5eC27xrfw=="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.0.19_1597570010622_0.828535363961334"},"_hasShrinkwrap":false},"6.2.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.2.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"^6.0.3","@storybook/api":"^6.0.3","@storybook/components":"^6.0.3","@storybook/core-events":"^6.0.3","@storybook/theming":"^6.0.3","jss":"^10.4.0","memoizerific":"^1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"^1.0.5","uuid":"^8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^2.4.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"^2.3.0","cross-env":"^7.0.2","eslint":"6.8.0","generate-changelog":"^1.8.0","prettier":"2.0.2","rimraf":"^3.0.2","typescript":"3.9.6"},"gitHead":"7d8e3886b54db1d1b9857645ee14da0170eb3f4a","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.2.0","_nodeVersion":"12.13.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-NYU/lpKEC03LlBh6oYjQBuAe8cJxAuw3oO1f428K8QVlFHiIVc1Zx7DsAAG9jtHkf+qLZkc4WQYXMzaNpyFfiQ==","shasum":"d9149e707ef0795d15ffcee5a016c8c15b6c856c","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.2.0.tgz","fileCount":109,"unpackedSize":181670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfewdjCRA9TVsSAnZWagAA2JAQAKIBeSnBxVD8FHfRB5+h\neBqx8TIyr+zi8tKPsF2LOr4awH7tehp6WC92KIguKpXX/HMDkXIDMFDzeA+p\n3DcvMnmDeepSVepVEx8c+HWrgjexEiafOu8ovcAZ6lidqYSUV5gYvgF4Qnzu\n/c6wiTLG0cmKb/3ngrbMOIkZLr3TiTDyGn9oYTBXZ+evcEWy35go7HU9YooF\nZTMAO3sbJtmULJ69E08pByK3ggS4+pZ/YPgb/8bSzzU5cG/cvFoGNRF0b5PJ\nvgy5mj9Ib1GcDub07BBmxbooSgbEKG+wYtd8BLofYrS7asQyh6JdVaT7+sMx\np+h8+UQqJFaumtWgiF6Toi9Da65TsvaylRQo6NgY4Ad79iaLrd87XmsCB9TJ\nNHA/1rc+RItQq5pEAZsNrpEc4N6dUSk1eIdMvFjoRHohfLJMpVD8TH1U2XO2\nR4Srqj+SXFKcIVLvfhwRRXF5hWI72lE98X2/mdgDbB9Gd6sistkuqgysZTbM\n0SUVqGklILDvQhO5zTVN54lBZLdu8+mEIBKnwraTQ/AcApRrvWjatSs0ueC6\n/fQtxiU/SqMLvnrt6JUzO+8QMSUsMT7HPgjc3yWzGsPEJIuNAFnpLbFguUCU\nV0i4k6cSxUb3JDiu6ykAFGSrx5F/kCDuNi4NjO/TiA8KOff51MFh1Hr5zQpZ\nVfVY\r\n=5ILy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAJ6DpGRA8K4qAIrpY03+x9iZYttYdOOOUNlhqCBo/wBAiEA5QYHnEJ+a9iqMFvSWjaIGrD5w7nHnWzNIxXwlveAfgc="}]},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.2.0_1601898339212_0.6744322593742682"},"_hasShrinkwrap":false},"6.3.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.3.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","jss":"10.4.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"3.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"f77153c534e07918a45f185f94e64f21d73c51d1","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.3.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-YVfbzVDxxejmvk+Bda4deM7xT1M2n/9niJumTkIwz+0xZVwh0s/2RN3z6ZLa+TJ82ATacVs1gUEwthrmeB6yOA==","shasum":"05ca2a5a0858fcb44526d5be02270176036c3ee5","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.3.0.tgz","fileCount":109,"unpackedSize":180815,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnRx+CRA9TVsSAnZWagAAOJEP/1C0VarleYgZJjUI/433\nc6OXjFElr7uuFyFXwpFY367k4XfeuHYVeUAmIBlo0Q363bOv6vKCgOwph+e7\naB4feOrv7zxYkq2+CzegUaEs4FoNJdQKjDNCZZI4A04onmIhy1bEwURIaK8s\nB+7/SVf8FSBgdXy6KS99IKf0ZW6Wmjci/bpJWT1q0RXwdvVfJyQVLwrHaj2m\nuI+BKHte1/oTMPW0WmNEAh4wIZnCACksDwOgsT2S02DSQvZJnlbYNig9B6yp\nI3uS0THPbsFgJ/8scyZ05xX1V7h5my7fJX5oz1ssNqVBKdZIShhPZe8zXmyb\n5vRA6BJIXbTXMy5PO9CDxgeYB9XdMVDiQF+PtztqoNqe/xib6nwgAPjwXACJ\ntl6AiMUZVsmQfcCV8BHB2QKHZqipo4kUzlACK/fOMlWXDXm4pZ2JMd9tU74/\n2+dx266ts+O14AVAsZmgJtiNt+ACZIxD6tnNPYQFko5SYJnN5vJDTTXXTDtU\nk79OUM/wCX1MkugFxohTj2FGE+94IuYM947wEJf9Jc+pLMpQo+g45G+ltDs6\ni+fylKSXeDXF2Fzhhf1jAPy0e8B9YtdFlJ/IlxPpIiUCnjl5qAiw+aiJ34bM\n8M/cZIn9m5/vIdFYYUSiU3E6i/t6X+494Ve7jNR3sgwd0VahZYNZyI/hY+Ym\noDE5\r\n=DrA+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAt3/sl7vPqbdhdXKzEuXHDA2TaQUnLGl29EmTN+f4B0AiEA9bkIaM6BI/+wN03QV8hZDLYWlfNvcie8rTgZMcuqT98="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.3.0_1620909181785_0.16650665198142467"},"_hasShrinkwrap":false},"6.4.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.4.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","jss":"10.4.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"3.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"46b183a6410a1194da870f36bae60892b21fc114","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.4.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-qrDh1lRzt5oocPjLkO+VvvFk25dc/WnpEXz9yYDkkuQ9L9Ipw221wBaW7hRP6lLVq95fuK5X0AOOher82ncn9g==","shasum":"d597d5aa8ca6bc57bb0060752a036f821ffa18ad","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.4.0.tgz","fileCount":109,"unpackedSize":173335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgorfcCRA9TVsSAnZWagAAOqUP/jsAaGUgmLOSuRkW5xSb\n5NHmJnxWQfWWok1F4ZxXl5EvRS6G09x9PxrcX2+jpiq7qJ9TCuYF/1smdr6v\nee1wo67zg+rMRCrB7GoTfdrcIHi5hMVJcJMiKXyJExVV473/+eNMPO/hPxiH\nFojCLtlrsLHm5wY6WPV+HnCX/40MS95J45cUyYJUWlOhXejP8ohXPk+1IXe1\nPb7kxgh73yKTFOFcVebM+l+zmS0Yi5ACkQUh/N0joUrNBnKBP3456lp5unxw\n81MgofNgxh+sGYS8HxUtBFw7hTyypkUFo2j3MRqVY4fZRlB0ZKnUs9gsCLvn\npmEibWc59WSka8hdhyA2RSFnmK9G6nnyd0ZUFAblfBzcEdbAB3BrQ22q2lue\nnQvVWAWcCjKDe0uQZlID1AlMOPhitIpQd7a++3KU7/3fyX+Z+9/ufsgyLGjy\nZtJy3ZeUoszwCYJ8CatN6+F4usiP8aELhfCpmTz/Z9zSWS3U+OMesK6z69Jl\nxEFLZfKGhGAs3QGZDSrmSx+Siv5ZYfascQc/dXnYDHHnrZiOT7A1W+lB+z3Z\nrwMejj+OmBl3zu+oxUfihflOfoKkM+mJHBfnhlwAnHlyFVkx6Yk4NoRXjpNs\nzBfAZs2PX8Sl0HrrhD5pjIiNDHKEg/ymdm5MrsSkZ/eyDx6Np4IXrzUGmhAE\nacx3\r\n=bpnR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGdshxp5cJLbn2OtiB5mdNr6KjTAMUYnPLZX47gTqQTgAiA2kbkrUFt3oxBZQ+H/Msnb1Vl44E7rV7gVXPfB/SA6xQ=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.4.0_1621276635722_0.044772199492387976"},"_hasShrinkwrap":false},"6.4.1":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.4.1","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","jss":"10.4.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"3.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"1bb30dedb1239afbcd3b367f9d09c19797ab06a1","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.4.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-675/n4BaFYkWiMHZuw/cPyu+l3xNXhZCT1e8wKIkBkBLkrZ4KBax9XAeJh/ZwunWjDVeOV95QKlLkQ0NTRX3Fg==","shasum":"fb1d61979ef8a850868517bdad4991f8d307b9e1","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.4.1.tgz","fileCount":109,"unpackedSize":173425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgorvACRA9TVsSAnZWagAAGT0P/3XnwqdhcEWga3snMozT\nhacyjAMWpc6pWaSRFLY6i1lX2ZNPinV5pDoBfzWr3ev8uYGomGpOXLSo0ztB\n3CEXdHjRysTW8NSo/CGnZsJ2Nlw4awXsH0fxexKhnSFSxlwebQW3zPwZ7WHS\nWjZmFnlZqpzU+2iCdeOSTQ7DefvVP0bgXG+Zg9VFPuK+rVo08kcSZfnvw4Fj\nyZo/qs0SbtUz7PRvjMT7kqJ+cEzQENW/0n7WzbrvGCUh5hd8hL06VtVymwDm\nqe5J93p+dYVXf/zqQ2mlShxlmYWh3++BNdTl3npogjVcHvs1ro7tkJB6ni+N\ngrmuWR0Z7wytU9N1b0S5TlE7f1a5g1OCBvvW0JhqTMF3yype4pVrYUBk2QCp\nH4Q9nNYt9yQJIXRysOLriYEzNLy0dtpWSETbzOX+sGI1/2l7Wc2og0iccGnR\nRb8Tgkr/97jFvmQ4MwQ7BgMdmNvSNSHHYLizuQJB5Q8fWHLZxcjZ9CP3xLU9\nb4D4odBX3v+BQ7uJ1JvHwmyAH7tlCOdpKaolUxdXfSe8RszFgQW8JWlxgdCw\nVA5t7k8VKn/7bRDS7L+8n0a3lPqFkxGDnp0NL3N8C5CNS6nqFJULGJwj1pU5\npBMO+47hs3jQDU0Z5i9Ze/+PUx+5TjezwRB5Ai8My36iFQlkqSaw6Z0Kmnpm\n3G0I\r\n=9aEW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGtFmpurB2XblxEA2OALf4Bv24hg6Q4CjXuxJB/ArY6qAiEAgBoe3VMfGD83J7zIg72kEp53DtqjLH3yC7NlbazcXoI="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.4.1_1621277632115_0.6176767640811183"},"_hasShrinkwrap":false},"6.5.0-beta.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.5.0-beta.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"^0.11.0","jss":"10.4.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"3.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"fbb18c3a6380a1feac2752f64efab981d532e751","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.5.0-beta.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-cZOPhQaDSp9J/Cff1q7LlGlian2DQHfRGPYajxHot8H53C1RnsW1YoczkMwhhHo9BQ4P05D2PacGUdA4lRFd4g==","shasum":"681f6991d861b3802c84cb6e88da66cbf09423c2","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.5.0-beta.0.tgz","fileCount":112,"unpackedSize":180104,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqPE7CRA9TVsSAnZWagAAMokQAJfmSJnWFFtWMPqoTm+H\nRjsT/igtN1whw3lt4E0fhfRvd4IPmm2/UOvQAfVMcl8yV3LbSGkTd26/DQCk\nYNSiEJUQQBBRGNRhKhi902inRW1riWBJcemT6y85qZ0keqShRpvZ9RMOs/cx\nToGSRJmjYM6O7VR4yqSHKJmU3lYTNZalobj0WZI4W48nFD2a8Od1uGpsH9od\nIydJb/AOtQmjzMlXKjMRflQI+SHdSfld0mR/tkDGc5IjaqQzgOJVZGzyINP3\ntNmzYaLeu2dt0zcjrkCR4o1Ba6ZuWUDbSBYtrOYTc+zTflluMVxgUO9i8hc+\nkJXDJWs1/dTo0dbm7iznClSrOGqTT5zVSUoWoSkXGGiSCCUZAiPcJ/wLUBxO\n21qL89Bm/JuXdVIelloYZGs+3WRUaeiNacJN3sMPGrCM/i6gixZMOYt1Dhiz\nc2ju5yDMo/cRiJrog4BEuUWOUSDwkHkGNj/Mn6eFL5CUjO8uF9XpPjHuI1ff\nB1ewYo8rJQhMJ+qgcYB8y5+n/N2mNYNajJ56p7w6Cer2Xu0/2VDgQzp3aybR\nNgOKG5cyoRDSt7CO8Tm/HjLt386mmtsWD1ErMPL0CYqUBjFe+Zs0lntuvTLY\ntHV4s5oIOpfyGKRawyQ8ncUmr+U/pNkKF4oVd6stv9DXFKHumlKlfOJthSvb\nXixt\r\n=7WTu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCN0OcP7iXb7mpmoUC1X2DWF+38GA5ft2IVtce3R62ImgIgSUsrS3VjnXbHW9+QZImThINCaj2Zoaw3VwGLpvRL3NY="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.5.0-beta.0_1621684539038_0.9835487966449756"},"_hasShrinkwrap":false},"6.5.1":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.5.1","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.0","@material-ui/icons":"4.9.1","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"^0.11.0","jss":"10.4.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"3.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"fc3e90414a784930c46453ede170e25b950ae479","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.5.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-A7e6JvalCIW9y4lerbcZFaWiXjBns+R/X5cJkwW4dQP1JPJ8GyofFEB/ip3Y2AdBD8oC2iA6cpzAvqc7JDzOWw==","shasum":"3e815d4ef3a7adaaafd2581465bafdfda75045d1","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.5.1.tgz","fileCount":112,"unpackedSize":180581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqPGZCRA9TVsSAnZWagAAENAP/A0JiglJCQiiDWvANTUu\n+jqaLYNdlMSigRdug0LgnP21jfoAlHO4ou0Mv+o76hygTJeYt0y4OJ0qdIzQ\nxI4z3d2SvvHFpUP3BjqHO2craBDYm/OOb/TrkFmbR0GOufAIFSWRy6nkT4dL\ndrSbpulMXklcPs/+tCkleNrWa0EFe3ZUB5kK8Hya/J+Uud4cIouU4dHUOru7\nyomvBm6sDhR/bLWPwhoHSVt4Dpm/q/f4F1RFZ+H+uDV6b71cvigcLnt01Y+T\nJKY6Yi9XHdwPedzzMddwz3QXE09G8BsdiWLCEVwotkokHpquK1eNIyJM322x\ngO50u78zHX0NzVLqq7N3iSRvrkWUKRtZgzThA5jBthTEgxmAb1X8PB20x28+\nS6M6GRrKT2f0wJBtmDGZtlqVoelcnNL4gYde67VW1y0JsiSGAuYH2yq7RzzF\n2IL3clxtqzcyULeDN4wfpXFEMVesd/LsSzjLF2pYAU12o7fMEQLE0NPaqVJM\ns2EuiKlWyYMedA9gNKPyb+Fh4uMH0ETh8a1FxTKFjhGVGhS0gvA7+TrORDFR\n2/0p7sdjnvUw9KTiON2btSbmxW2dxNIYQAD2OLrdXuDh1dbb7ukd8mPYJWeE\nGofpVOeG8x5fF0WDcE0a+hsLzvud6YyFqTYReXXwmbCdqlynkadgu6UXVb9e\nV78r\r\n=rhIk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG1jEaCDvJ77iQhK4rJx5dabR4WV7TTTims2pUt2dzr6AiBCO011k7CWA/UxnmGadOdKXz3p3r90TsT+cUrfd1IjFg=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.5.1_1621684633154_0.7366326398811733"},"_hasShrinkwrap":false},"6.6.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"9fd8fce0312d82d01bd098536c71c80ef9a0e9fa","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-G0VLly6BGJCe0XF5WKpNzF7x3VWa8vWQH8mEfCQvmdCNEuxFTAjSN2kJJGei181jjNfT3vMGTga+LVels9VePQ==","shasum":"8d2994044d4fa4d208b6ebd5383400af03d6e183","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.0.tgz","fileCount":122,"unpackedSize":181347,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqTUcCRA9TVsSAnZWagAAAkQP/1hJahFtLeh82/PXqJNf\noMHNCZjdGTqpaEVKwkR+iLuh4nZQAPo9eNBciUADSQiQBMLE2nBiVT49/uht\nZbseUx/joAt89RZq0e6VA7Ug23KQ0era/BwzLbAHfc8sW1GOjIhRvFR/Cu7L\nWw+TAmEKyHkVtqyySMSBijjZI19vean9L0LrK6Z4MZSHr+H4TidDyNwouc6X\nQc3F5yMttmEkBMeBbRYrdxIM9W7yOyKTbFdtDCTzGgfAWrJxfM0ghnJMD/TG\nU2PzdRVjbnR5ebAO5fWJSnHw77Pv97i3hKYGLV/BdVQjDe6QRw18wg66e8S2\nUvVqK8cEU8gZ2XaaYMERj4pVQS+fOj8+W/5wGUsbRPkCSQfNX5fnRpIePu1O\nuHGCGwp7f7mjAe78lu3sTyM4L7obsMekqQieW8xLhtLLWUsQLv3AQE1gC6rN\nGVe4rGHBP6V88kYHguqrctZPjAdDAEAj/pm2XiEHK3qBwiig817vu3nFvh3w\n7IaIrF0KqM6m/Qvt/BQtzILw5aFtX8BS1HqHBj2/Ui+w9pmh3qxGf+bAlL4T\ncsfLtto63AccHRfmbb88HgqAPqGmGYP7w9UZJ9VOOciEYsxBAkYzXl/h9XxB\noEMFKPf8y/Yo2FIDTRxvKrfy6pWhT3ZA22HF72hs2RUTHswGsIG8Xypd4THG\nrX4H\r\n=4iIT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTKnIzFGGRQpQC2f+mzffdCfs9mBe5G7ly0zV9qjZvKgIgBx8FD44+FyV+f5lUOjZ5ToEeSfSmJwg+xElCfrKhDZk="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.0_1621701916262_0.8360133551086388"},"_hasShrinkwrap":false},"6.6.1":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.1","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"ab22fdc139475582882cbecb5139b728e713b81a","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-3L33map3k4HxTxYzTnNe/e2Xo6Ocg34gSj7vXGxCnTQ7j8vqwXinix7HNRnhyUPLgf+wfmd+7xUYyVVSh/Q0Ig==","shasum":"83914a23554542339555f473bc3fcca0fc3919d1","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.1.tgz","fileCount":120,"unpackedSize":180358,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqUCwCRA9TVsSAnZWagAAfpgP/2rnVNqTHOEcoHXHFny2\nHPNUVeERr0GT5uu9GuGjeBhnSQmAq7zb6K41KHUArNSKA2dMxnicga8LE4SQ\n7Xwz82rYv3BDKqLUorx2YSexeG06jVeAe5aMOnyzeFQsYpVPNV48FQHq6ntA\nyJlGArhgEKcX32Fgq4iHdHLeU9DaBxMB3M6gxIgcB77YVjsLvGoBwVX7bjzs\nz4GoLqL/jrJjfEVFEjzAAAzH1vOYD7BGm9ZxFZUi6iRHXPiwF/tHNsD2U1MM\nMX/Tk/dr2cvHaZd1hpEoeZhaT+rvTnNdcDdn2+IxcJ5i+QPPbfexn+OICv66\nH/t4XDqlmOEjV74tw1CURNk0E6xXXTnjmKH3lyG5wqo7OppoddXUNmsaQA56\n1FDEBsMRVtNCcEaRXu4Sy251LcuLJ2YHT27C8qWFp9PTXTICBNWkNMky4jMB\ns+HdquRSTTThVX0R07PnzJ8/D72uOcxf3I968rCvHn80KyMcS8XdOENpFt5D\nGqgjl/nGCeTKXKF36uNxeFZFt8qhwu6bQeuW/vZqMR+/ixbHpTceuQXMYRYV\nhx6irSR+8DyNkqQEFxIkgvNuIsGfyzcAzxzlG9GKRqgl6LNxY9z4xH3sVDYV\nYV0Ic5Q+UCDETAbey+OJs9EZzZYBzwxFvOUGq9uSvIWKKua/WbTRdf55UEMO\nqRht\r\n=5zFK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYphoa0zYLDss31ulV/6Ko0IckDI8esBbZP38L4r6v6gIgDVm7ONCuKkUbw4T4NnrfU2/23Yu85DtHuSQ6OdF4X+8="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.1_1621704879791_0.10970606470104682"},"_hasShrinkwrap":false},"6.6.2":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.2","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"5ef4ab7c671c1fbe19c4814b572956347ea9112c","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.2","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-TNLUwaYRVeSwZU6xXxHcolIk4T+Yisk8uRWN9zcy5htLCpH6Fny+JSWqP3yZIL6PXrrjKp+DyezhbS1jvpjefA==","shasum":"0cbf83337c60de1f5b4754f5f07dd0149be19e6f","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.2.tgz","fileCount":120,"unpackedSize":180447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqUrFCRA9TVsSAnZWagAAS2QP/AyyLd13ICL5UrNl3Lz0\nDv4SNTzFA8d9VFrDvTqm8/dcNWDR6FmTM03bEDB00t80y/PvefUJPXDPwqCd\n60KNzZxcUWuhJESEdnbXGeRYlhn+l6Sdc5MOg9tqVQ6IAVfR+WvH8Tz17yAT\nHKXqGbbhcVxo/wN3cbPvsF/7hRaWPpz/IBaR/2m9kegyhPG/Fmc0ljw5LlPL\nazmd73FptJ2KTc2bkixOsJdRh3PqHQcBuXbWALTeXJXxSU9TMIl9BKuZqY0a\n5keIbsLdBOItQT7gdVI/ssXM9zFLl71Q1qCVz5/wrynT7xYah1drVi7hdYig\n3ggMJGy0Gzt88l3XVsFcvmkCVh74IFfZMekEyLLpm5QjFCNRuKrvXBrPIbtM\noxs7YPF9fYsHdgVSNz9rL+yUNuWj5ETWRGd+IyYF17EG02xK/OBlr/84nBZ2\nw0zwCJgFs/Fv5ZsyMaF3GmbYTJfA/B+3bIH4vVaLo5+D4MOekCTZ3DBaflOk\nsJBJ+RsiAw0plc5YrQQnuGq37etzyaCOvH81akll/zjnatybrhx3Ka/Wgp0b\nbp9mJ/yS9l09Gp7tMH/RkQzqIZ938+0HVnGptDEAr/YKo1gA31NIKBb8yZsU\n2nGCCn8EWDaUCYknhd7Jj0qZwJmvcfw7XjgO2gxQPhilqicpxONmmNnYiD2r\nJUKy\r\n=bxBz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC86PnJJvPLKa21FtlhYNVPmgtlWyTHh5CnEM2SFTFWOAIgdnqmuHE+VMaZZ6nVR6rumEiPU74mSdhHTHxCXq62vQQ="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.2_1621707460871_0.019365914454954947"},"_hasShrinkwrap":false},"6.6.3":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.3","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"6ec27db015bae41e1c0329cc84c3de72283c9661","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.3","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-1PXzGk834EdkB/Ff/qNXUfvCZNtc1DlRW1OoByxKErItLt/O0ijwAA3XfKeMcpgzoR3ImMjmp7SWRcX370W1RA==","shasum":"a199861c48d1c9953fb9e7014eecbfa2422f3c9c","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.3.tgz","fileCount":120,"unpackedSize":180559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqUwdCRA9TVsSAnZWagAAuw0P/3sRD73QMzg427unNXGs\niwBTwveCPT21QSS8UParJ8S/u9Vo+5GFfgsHJLWOsqHQwSBHDiIx0i520SSu\np071CUftbl7BZ5ou62R9CN7k4OZBWcAIRdLxnopip2unlbh3ByhPli4BQeFr\nbBra+CfNm4tD77pu3CJTELyEUUdagbXqCxtp9J5qPUN0zy1Ni/PvCJerE23X\ndHQQnhSy3/f1yuvd2Z+rPej8d7xxAxcZ3WxLtFTrt0oPe3tu2ucrBv9rVxRg\n2KPns40wSV8UnUnqkv7DQ9NRh4uQ4UxvgYY7FX1IAwVPkUOa+DKMGfgMo07l\nW+rrx+TFX9oPHH5ttiOUQL2JhVzJDD9RCFt2g5KpELTZiWeQvntkGD1O/wJr\nZxbk/AdghpnNN1DQb2/bzMta+qMrz9nhROQTNnoe6vvJht+SV9mBXU1UrXsA\nLM3EgmSMBjumr+hk05WZQvx8K4Ac/rO0roejo7OzaideyrrlU2KmrnL2GiZd\nR9G13Mbf3mffx/87320Hg0Ny68dUCnjWT4qexNKrzfV5vuyKXlJL7oRYnVuD\niGBuLCMTQc3+Uu1oW/YhbX+jKypHoQEZZOpIBIfOFNAPyotmI72voA9k6mvJ\nZi1rVTvQvfV4LM4G7X0zcdLNIJm4UxW53LrSvBSaY9l3SNPkGqxxJyxJBK5v\nLx8n\r\n=UxmK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdQjlbEuNpEBOfqRkqt89MJuKx4FekjehmkGIrCTxK/QIgamK8C/OF+2RaW4UBAdz2FvL7hwHVL9vwtK4OSCb+E4M="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.3_1621707804861_0.03715586106528401"},"_hasShrinkwrap":false},"6.6.4":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.4","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"bc30bb08ea7fcadfae5f26c841b90425d149c5b0","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.4","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-0TsPSkEj+c2D1o1TSh9Pk48Tneo49Qq0ZSe9jF5FkfqZchsiD2goLlxauLRyrDY65vdM41/fFonNkKUdYjmmIg==","shasum":"da2fe14cfa89ecc31ceab0e2c9c234983e054cb3","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.4.tgz","fileCount":120,"unpackedSize":180490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqU1oCRA9TVsSAnZWagAAYhgQAJyszaaoEV2gcGMx516w\nQzN9IvbPnx1dq+pU/hNVWOOW3ZtYNzEsP3eORblazpAICbygNCi2GZ9nGfiN\ng4dksbSsjjVF/TlWa3xtvCg+1ALfG5WuFwnwKlEs7m9jjoxPxv3BFbNd9XzB\nnm4jLiep70nEvg+TcIjAcOqbkZXm4mpQzjdOB7SdB/WHbhylPdd4k38MDtJv\n1jznCU9weLlQIKztFaxZKowXbwODjJnGOxDUWXdlMzxt+OJLef8ZRXbP6Pcy\nf6Zcg/Je8WjAXNBZL717Dk+WlyTzyIBCf6qmd8aGYv48usu2v6CDNsB03nMa\nD13uHWNIE3fjDq0tb3IIOTK2I4Y3+tLrKwmaCVuKdvuLlZkO6Q3K3k8sLlNM\nFOHsQMftASpboddK9a+sQCbw6+0T8ay/Qz11PRmhp+T8Mh0jgMPAtjO0BEeE\nOplNoEdg3+1oHvP5VUpWDmRUeXXc5mFYpVbaxlyOj80MJ1JSdW9HmkiB96XM\nNfdWPZRfgFRx4dMFuJa8oaZdG/xc85Zkk5E24KiIeFQLxAjjsa0VVdOEJlvz\nzAB7rN/P4LjDIQRvIm989zieYqVMvMKPWaMsCb+nKzpzZHFmeOyxXau7f0jz\nx0t8jcTKjPbWDoDb+q1DKmFw8fc7+ghh8Z/gP2vSly2g4F7wBjgnklWy/Ecl\n5ODk\r\n=OUk3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBragS6QWHq9R2V8ZpfpAvTx0x56Ccfp67jeTCu0vNfuAiEAyQQwUCiQibuW/CqjeOa6PuOT+vVZvLQQpK0MyY7qA0Y="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.4_1621708136282_0.9012918176676896"},"_hasShrinkwrap":false},"6.6.5":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.5","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"6f9ec25b73a954d68405b1f22ccde25eab1dbca1","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.5","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-tuiaW9JyG88R7nynVu+1mRgGEbJPmbs4Od2UYxzCbJ4VXTdJuyc509XnJNiJFvdbdCMAZYF18oW4B3tkdfGWZw==","shasum":"8be6ab45bbfd66938437c32aabde8c3de6618114","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.5.tgz","fileCount":111,"unpackedSize":179670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqU/JCRA9TVsSAnZWagAA7jAP/16A/cVSrbLgUJeGf+T0\ntImLr/x8QtSMUQAKrjBga9IPr6mmKbYlRy2Emb3tk2qLdXWOl3L35rhU/x2K\nB5Y4Y+QRdF9HSqR6s2St+JyU/BPtIdPvmIPMUHIlBW179+UXJHN4TAv74AQ0\nIcalTG3qaNJBULWEGtpFFu4XBl0l+mHFpg7YrCnH1uHbiAqOYYyZl17fXlWW\nt43P4QlRGFtUqI23hpPgy5DNRYlvo9ZJ173X7raS6tYTdgVQUjMUGRZPJT0V\nxqxcszWmF7imVlYyumVk95Iy9OxJky/NXPHLgodC+itjZQ+UUB6RlS9xTfY4\nVYVxSTuc/a5NEZjNQOmCu0KNRWOAA+NQbjTtHjkn8jlE8DN1qZqdHmn4tDfO\n2xF6U+5tLhzWhDzWXiwPAHJMMCWW1RDz7iGY1G/hbNWM5PPcZ01GoRfcepHd\n5vm7DbOc+BMQ9/jKMZHqyEF5PNZQOd97O7gG886megwhbUQBDpZJj/awfAQn\nHl8y4ZQ48B/9ee9CqRnmJjWhAMOn2LR885hlRY1wrJveR6aVR0y8P+IoJgml\nVPKNWEYmyjTPEaYQce6Pt9FoI7V47qadmRrDqTU814Mq2gYiQzgyr1NkD98w\nZILlJfpHaTHti92ZX73mij7UEHhFdf5u7kfCXytEHN+l7RisbCn5/YkLmwKN\n3R9G\r\n=WXzg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAR1PCNhDx8dk9u5oNAPGZRgqqDcY0Le6qtDonDMJ6gQAiEAviR89QKLTbSVrk3Y8SuHFfZZ7Z7WHSuQS6B6QjkfZWo="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.5_1621708745415_0.7653771183878231"},"_hasShrinkwrap":false},"6.6.6":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.6","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"738aeabbf31962fa82451101fe998d5ab085a25b","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.6","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-X9A9edMEYmRzchQCqRfSd7GR8/O38RSiGpiUI0K4yIF+9gi2672F/y6FwZuxjzoo3LoMusbaz93+TowT9B8prQ==","shasum":"f2c79f04009f5540fd28ad78dc07f1e395430f54","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.6.tgz","fileCount":107,"unpackedSize":169802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqVBvCRA9TVsSAnZWagAAmUgP/jzVgAACRejeUThmQ2kc\nX0sqQepqYIEaRLyeoi59jgNb2arrUP+MEzfGzS2VkfFEyZ+3cWSoRfFopd1v\nmB+HinFSY+6OMjBuBaHuWT5hoiaVSt3o13MgoLKUKfzBD5l3eeLgJ8Bddur5\n6GRV3YRm1kGtakqNwOsQXomIMKV1CeVeoMTUxq5LjJA3sjW2HsvjY+FgGAAo\nFBR/qKJ5rC06ZPhwS+MveWWBG4/nW/1CI0+T5pUViLr6KtnikEAl4VJ1ixPQ\nP6Y3CL94doGb0IYndcEvx4Z7pFXBbe+fXwRWo8ufYOm2t7diT/2eAMjUIZEF\nHV+rcRfgfIdr0dfAu1oCwJcVZ98s60cyZJ1k4O27m9eE7sfSqoHb2H1oMXif\nb5IFaChGZU5q+10leqXHECcvp0z+d+KPvHKnGiffDeA2G9XXgPy8hHw7dg9i\nN0G4CbLC9G2j42T0c+QJ0LpTKNwA8g+k5oo/ofiWrE/vGFxJO0/pS28MrSnF\ndRom1/DtSuDj82W64ygWYny7zQr0VG0skuwbRZ6Fw9i1FiZu1GTXEdqwQY8u\nA/whjY4otr4hEPE7Zh9obt0vmPOf1gO8NU4imasbnwGIzutudhe3DW84fgrK\nDt5aRON/ImG6s/VlSb/4S0bNgiGcVTYZ8pQAuX71AAp4eBu7sb/RY6Vsn6vK\nLxcl\r\n=no4k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFz++b6f6+Z2l2IReXJ5QnfKOhJLeoFz6OZTUqnsnsEsAiB426Nj3QMAVqHByM0wDddO4ndvFy/VCPw6tmV0BUethA=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.6_1621708911011_0.13823266157562264"},"_hasShrinkwrap":false},"6.6.7":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.7","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"a1b8c7a375ee4b00c907e4db0b7c94532cf7d3da","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.7","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-qs/CxAsaTiBIt1fDZCnIxerBEi2xpf9YCdO07syTsXnsECVuMJepKAYCHhLTPk7f40j6aj1afDn/I2J/dHIY8A==","shasum":"98f728f66ac548ebc8f3088169efebfd1416362c","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.7.tgz","fileCount":119,"unpackedSize":176688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqVFECRA9TVsSAnZWagAAatEP+wX5+DlDOx3DggmY0a2f\nQ+uIhl8Xlq9VaHeUUQ2HLVkdSD8tvFf+MQtBQY0mZP3UBv8npX43y7jYegkO\nB6+SEOUfK4fPKlF/5UUtHeuGLl3+grzTOZ86LAR5jLlI04n+jljyfNZgrjBe\nKmjsISOPPnNWLimwLiqtCZPo9uwBIyoDAIyKKvPwZLml8sTYsJtqykiuN2/F\nkMH0r5L8+JmbM+ta8QsYghWS4L9ziFw1mTNukqW8mx3lAB9XtLQcidWhOwJV\nFJkDRsHqBYiK1aZpPfIBcNq1fkHwi8fFzBlhJFaW8Zo41JAEqOBQRt7HIhNO\n/fAwhnHeczHMn2SLW+SgbQds7NZ+JC9F0Fl3OOH2k39/BvSCzLPWh9wudnEr\nq9DTVuJLd8hzlO73Xy/0qXOq/iZA+ed10jwatvUrQSyHxXxOrY4/TnN4U3Oe\nDQgcOEJhUtQW2BUVH43CDhaHYddOg+aDsfsbY9H+0gzzDCwa+SHDrja6z4YL\nk8tY7YFY67OJTWolN2ML4MtIViLpjXopp1Y57zN2tg5BdqXiqrhx1nDyAkGF\nCzYXayJn9y+JQLGOkHitqgS50T6+5TzrWiHXhiDs5+D5hH19RxwWintLV01Q\nYKvFdr9Tzor7nEemw1psL5Tw7Xe1dSrICRGweVGFnFsR0J3aXD2RQqvG1R3M\ngH8A\r\n=7tbT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYs5k+8MCRMKsxbs8vhfRDT6Zrx1KBGtbJw3Z6gqOMygIgQeTHUqqrTwtsLgQ9hW9gJIVEHZh2Pp2pfoHPquBnodU="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.7_1621709123559_0.4495624268734304"},"_hasShrinkwrap":false},"6.6.11":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.11","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"7e988606288798ab7b29d3783d5284da711af571","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.11","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-5vPYW0TkoQoNBOfk/P88SHeLGKcndsHD6LFKkigAVABTyQBIE3L9TDPhaX+eAaTmDuJkZCcirLWRX4+Q/UoQJA==","shasum":"b6781d4e793506024059ed40c7e534a7e7837e7a","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.11.tgz","fileCount":119,"unpackedSize":176924,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqVWRCRA9TVsSAnZWagAAke8QAIvu6yaKjLlG12oWzNKc\njvjmih1b3GhDyRWErCfBCEcQnlurdlT93JoQJ4VKYKtQMBFbgzHPHgopVn/f\n6sgFi6/Momlt1a+c00pwL9q9NCJAdN7clyFIqTbu5vsronbubVToWMcqveX2\n7fZL/kK+REJBThGpRKvxCd8JndWrnMZjZgpYOfjUgvVyQMfBiZnlAcL0eAoK\n+rEVRqhoABIDywRBxiA9uBkXtXNUj9iRJvHlMPOI4pCyzLmJQt/0NPNbE0JD\nFuEwJhmrV10I9XglLj1l4Vlx+DMrPhkm3uQCiaaAhk7AU2IdTI5Fjwb6Zaov\noHE0O/Y+7ZLx0tz2GjtjbKswp6cpDGZ8pWsvh72km0o4wYqnyVbpVprgOPdx\nXGQ6jhW/A3Cho7djGpxedzCaA1ZObnKO2opcPup+mqUwC6TQZ0zs+3i2MNry\nksmCzcaaNLCVHd2rd4oc0LJk8Q39X2/bnbbqDT4PXDKNNyrVD9f4jVBeUMVv\nRMIuTmVtmV4rDucq0rzG3dxSVPB97tvThhxjLtM1n1pY61vV0rP9Hai7hjUF\nG/DN43undO/5bVflept+R2B2Prq2p1hU7RsT8rAegXVX7TChyEMrk7YFbfgo\nY+uwe7l+gD+BkLHoqxeWnI2H52eMgyqw9FlEPClaK7D4BJVFgiMakhOWUiyO\n1gU7\r\n=MBiZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEFXtl/BJHajRNIcdvNQGrqqnbIEt1WvzqS5TaTHJ9euAiEAy6SiLQfbWJc8VrA1Hhnvk8R6nhN7gW8Tys3L+9WWnjI="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.11_1621710224404_0.48845943567190186"},"_hasShrinkwrap":false},"6.6.12":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.12","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"acfec6b0179c9e6c930726d0d39477bc41fa5216","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.12","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-R5CO2RjtXLTl2N/rU40JBxTelB8ItluHEIK9uoQaQ9eT2FMef3m2QaWnWGCb/QPTZAGVLbqVog2up3DwF3Px5w==","shasum":"abb297d49217a891193088ffb46d58b5a48e584f","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.12.tgz","fileCount":119,"unpackedSize":176729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqVbxCRA9TVsSAnZWagAAz9AP/1mGl7VOXKrWvNuDiOdq\nhn7jMAV2pemXzJ5Z67cKKt0YYElZsGccUGgoXY9MshtZxX20D/sqOAfGm8oP\nDZMwv9AWJEDSgGBTALb2LgmM128JzTz22ZtkvTEEuY9k9A9PERfmH3nxzhwS\npZlS9ZOCI5+x7zY8FzLqcabbaW4kbTT9E1W+XJ13odH5+g+0c9OhRTMQ8GmO\neaC7U6wannM0eC97M8HRT21V//ojeEZ+loFfVooJlCHa8i7vxWmhc/bVYHGv\nUl34/oEUoQioY/VAe+QXH7pVgPDN5Ng9j6uUhpk+QbQTgsfUjhiXs8XE6l5K\nJn9a4cgzRGLYFHcgcJMl099y1nfyMGavSbx8Alv8JHdPylyvcLpt3RVDodhP\nH8XM41rUruJtyPjAxBpYF2p8NZ+GzSnGMgyZygsHMIiGXo/PsUypy+D1ANwf\nTWH5io3Pjy6TOy+yydKMG4tC1AlRwTcuapfrgXXa3SsZnrGKY3qsoS2hZk1R\nA+Y5eRFudB7i4i/JNK/28DhQttvlUCHkyExedu1aOFl7vaZQvDkJ5AqAxn9t\nTEFkA95uYREzizfCgOcsIik/8WIDr/OGoOBmLHFID8FMK0E0L0PLt9BM9XWd\n2HF5/uOYMQAqlEY46ffIXLhTgrR4IuFrd8mwuTaq0R84uM/UtQfhnVhk2Z4y\nU6mB\r\n=kwhm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID6seGQUYNJXpDyeER9i/aVbQAhH9NNaLsc6Q6kueaL/AiEA04uwy5JxvwGN7LS8e8y30WyXPiY/Dh8Q+4C2Mjx69Qc="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.12_1621710576890_0.3404425432635574"},"_hasShrinkwrap":false},"6.6.13":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.13","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"0f8d1f1cc285a57290f4750e40eea67325a45b67","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.13","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-xwbI/kKwjjgqzP5ZLE0T5nxlef5DDhE5opa1lL0vGI25wszbw3GAXkCawVuOz4CeyPfPSAVN7ELjp0+mK1oBCA==","shasum":"c0a9a26148c38b0d9e1ea999e26eaee6ab774b3e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.13.tgz","fileCount":119,"unpackedSize":175535,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqassCRA9TVsSAnZWagAAW10P/1O5ucj7eq429a6Vmsz+\nJ6Ttui3K2XxJWIjPlVC1gMGgpyL1zVA5BL3Yx6MKHpPZkja5AbtG/2wxFp9a\nh2YCRxkkUKd2Siwc9pLf2n+iiJvF3cS1bGRejVKmO3aMKMlsmcmiW30j3ghe\n1wSPyC1LciI6jVwXqagdTIfp+ds+lZ2RnYXmoZuJApvfKy/+e/Fh2X5f3WWa\nk5xbDpIe261YrAX8Bj5ymFipCHVkwyNygN5ioSJ8xcuBvut8+O/oJyFXuyVY\n95LTvALPnHM2GYCWMcdIAQkBFq9oH/XBaLpB/CMApqm6dzSk+ppyIGRRYoZh\nLJULD+H9J8UAK0ShLE41s1cWS9UuQJ/a+hOX++8oDLQNqctaSHdVIeGlda7P\njWhrTQ6wfHeOEeiYyOfX0/m1Uv1aUC++93OWv7jY4OajtvgxCAx0p96tiW8d\nqWuJdXk/jE80/g2ionQMoWUHPkVi5y4sI4fEgmzW8XStYKgOgq7xsgLAV5lL\nYqhnQQFKhwI3okJKg1FDGCsAF1CPNtyJ/CzZqVQTEslfP14rbQwA3GRzLGdA\nfYoL/o1/siT8yA0AlhPYbRcS4zcAXfIG9kWlJD2N+Q8EtMzBcpfGv4jb6FZs\nMaudyXEpyuMyGtYaMf0YVJvf9r97S2bs8SvtxGnydRlGnwVuRIxZM+YfY9Dx\nW95s\r\n=Ce7n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgTmG7V+gKHWdlBXneOro/bHSq3RcBVZd20Jvs/iKQVgIgHnDj82Quuaeb/JKucPATxibqOQoRlh+A++mQU6MS2+A="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.13_1621732139919_0.38362120025901003"},"_hasShrinkwrap":false},"6.6.14":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.14","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"cd7adf7c0155e638364d92010e7f456c38ad4f4d","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.14","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-wkKyUZdluo6PB6uG5JPwrmL8bFYXRHJnKPJ9228eo0hcuuxeFs37ohAiHWB3Bu7TNeSibyGPZrmgg64iNjXJLA==","shasum":"409c3d689efd8359f498ece591975b04e983c15e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.14.tgz","fileCount":119,"unpackedSize":175792,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqa2GCRA9TVsSAnZWagAA660P/1l9FsmF8kWlMCfSN8z+\n2qTCJjACOH7Csv9YOkl2XMd6o5sJayg/+53bTXPbIPMxm27XdFyj/7zDAJhh\nDDH6MB1TWNIbQE7Pr8J2IguOrCVCnAelR6KFKPfLdhnKjjHI7vTNskRzaqGp\nfTGcH+Gmw807HB+7XaOeKaXW5oQjy0leJ9bUYYaouYvTQURnEeSpxJjiVe0r\nzEkJtuLttwwqurYw/BxgZlo9thpfyp2q9SLDpmNGaDhLQa9SEHHel515itye\nJbywHg5o6VnrtrUzCBrb2qEtZdE8Kw3jm9DMuG+51sWEplqev2XhjQ7NKNsR\nAC37ipssXxllko8OiwOn9oOR7woKFY4PzOL1c/24q6X21Hw1u2P1OFyVcVxx\nvt4r2Ym92IhmGsCikL20G5k1Ly5THO28sclAQyRt3ylARqvm3e4AJa0tRQ8l\n18Qa5ISo0xThvTm35kyfPdnE9dZvpnP5amx6mLv97CbJca0qgWgmJjO5YkO2\nfJxSs6jpnsgpLKfjQITM7A3O95OuJ4ZU/uoPmZbAPgHYtRZTnu6a19+H5vto\nW7AlxdJGTuFOkyej+r/7uOjBHdhdsNJMEYwlhTiSOaqCoORww28osHkyEa4H\nKUoVqSbuplyDp3eMVswQkEAhcyyVjz6toXURqmffXML+mC891EYgY7SjkKGH\njaYy\r\n=z9QF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDiF5b99CWD8R2/u7g3vSy+matiIiGVAXBC8joDMurAuAiEA2IJN5ggZvAH3Ebu4qMeWjuDzbZKnzaUk0AGVb2/zJrk="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.14_1621732741722_0.9050399185519848"},"_hasShrinkwrap":false},"6.6.15":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.15","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"6887425bb335b6e29264140d7e2ed1d68ca0d25e","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.15","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-zyEr0tQOp9pLCut69vGgbQ0QrcpkDkl23hl1Zou4tiw+KTV4gofG99gWqnPufocMFQaPBdW3Oj434+1tB+NPVA==","shasum":"5574d3aa52e9040df3081f8316f33aa8baca8742","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.15.tgz","fileCount":119,"unpackedSize":175814,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqa3XCRA9TVsSAnZWagAAWzAQAJ98gu1UZfucNax9h/uK\n7JNVcV319LgTPYetHTYWVmqEpiPMpJxvfKuV61kFFqDnYEl6WEZn98VogVjF\nANu+EhCjtUf53zXVLH+QIRoZEz1fQeTpvo1KOcao1Wxok7ZXKm3ENRuQ8DzX\nFzetgHSdU1hS2ipZSvMAzxU5pHl7oLSivtku5YEfnoiVMD5VobYlGfvmgmTC\n9Nerontex+KD0HO3CtqnD8pVyq6N7XQKCQnvfb9ZeD31nKFPhLeGpjNGf1ad\nIbKZuBGW/Y1+OzZyzAc5m+KUz2Spz5RafTZ7xR4QO7/2y/SaVmrENPbIoC9F\n9xeZbukE+Pxhp3dHfExx/CVdu+uSEBScA8Cd4UtV0yQanv3ZNBMyb6wFTlmc\nW85l26D0Jo6k5Y2hzgn5WUqDhhsBxRzva91Suk+VUJsApy+eWP5n7aMh6t3B\nekuJxwAyz7hIN8cLyHsCYWP9X6zmd2Pjp+hxdPpjTiOUfJiCu8RGGKBaZGNt\nQ56Y7DQbnxS56r9HFgaK5kvNKOIjMeauMhYJxje1fJp6/eISUh/Lv+0tQniT\nwWDNSRZOKCMvN+1YZs6j29tVi7gc3oAxj6s5WcFwUZkdW6O9Lh6g0vslGr4R\nAhT7akIdQpmogBhq5fdQ0ECI5ey4R7Uv2ETBrYbmK6XKuBVdX5jf8A9FQXhk\nbg09\r\n=L/an\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwdwCWnkT/lyBIZWbCh8ma9Nol0CTtFu1a15pXXf7ZBQIhAMCf5y1Zk32ROonurPMQl273RCgsDpuolWuv1go4x+Ui"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.15_1621732823040_0.772330161226898"},"_hasShrinkwrap":false},"6.6.16":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.16","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"1ee9559e548d8570c29706004b2e00cf9d4ca4e3","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.16","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-rgDvxomc5f7xuGyaG3SCkB3Aq3UGwkPW8WD77B/9crKmmrW+jOhAee49xloOFxIAcoy7pOEpziBu0SoBRR6mCw==","shasum":"2581532f530efc5529e457383b7dadcaaba50c52","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.16.tgz","fileCount":119,"unpackedSize":174196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqa/gCRA9TVsSAnZWagAAyx8P/0u5TZZQ9XNyh83ayYI1\n5D+EQGVli6N9J6C5py9GtPINIgXk2Y5UwgthystmPDOrQ16tf9KhaPhWaluh\njjXhPJpCrorGRROGI0/w4RHHw1riNyWwT4mAmIHrlGw3ftIzTMfRc5OV0S8h\nZuUnntQ0GUhHSssE9RqD5FUtvtFBrYgONRULgFddYwv/FT3fNebU7Gd+BGWD\nzNPqw53/Iui69GDhqMsn+bGqVs0UmpxwKEWdM3itRu79T3y+TZKZlCNI6FSX\nnjokgUsSSENFuYKNIAZ5q0iXG7VWZFCOPjEhUms1TTGvgipl5AQlL+tE05hk\nWC8z5slq8CMGcZ5GLiHRrEiOiTVC1DQN8WuHTdB75hjtGmx2S26a1p/GCmbE\nVS2pBOl0vHUfL3qyiXx2iaYxfzKc4DipBCuDPvFddIFursHCO49IhhZ3NOU5\naBMNCnG02U42h3ar64cHNCrwhezZ86VBcQRlminbwdRE+z5HbtpZ8IJEQXPm\ndVd25tfOo+rwCeuf8pV87/aIMkXTFk0RGg8G8+rqVNsg/PHLt49ZhyDyIMbw\nTp6P4nMXOfO5jCOw6hRTOZFqNdXysE29sgtXD3Mgvjgld7pRLBKUOiw9oGRI\noY2fbuBDijy498C25Tt2W8igRDLtwtu9EJm/nqM3743ILypSInS0J8nuZn7o\ntZvY\r\n=2AX5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBailj9XhTfGe2ORp+Mowzu+B3L6RBIwBKdo6yp2ZseKAiEAs5hcMdjGp5pYFOzJHnHrBeeXjPcrQxiIH8sFpR/dstA="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.16_1621733343894_0.25369821027161565"},"_hasShrinkwrap":false},"6.6.17":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.6.17","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"674edc9fc76864a7b679f31bc03e9b905916b854","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.6.17","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-ZEApjND+Ycj/Sq7yk4FJykoNUGqEkbwOTg/Y26ZCWnv/dRPAhS3yGfBANoiXdfrK3kSTBs9JN6QEmgoS5fZYXQ==","shasum":"0d0cb16246ab6ff4eec0cb2f087492e8662bcff3","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.6.17.tgz","fileCount":119,"unpackedSize":174035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqbBGCRA9TVsSAnZWagAACgkP/2+Hkv45t3yluIDColJ+\nwvYzvZZ5AWf0dps6bclYV6BFS3UsPzzUUvDs56n/fV6zXQS/S8EvOQwtR4DM\nepYXItNlxbZnY28rWHhVQwKs6Cc/KQyBzQbzibWiQonemCrS20xh5pa/OygT\ncvtNs5UeYmlSizftolapDEG1smpKdmO2G832GVATOk4/kZUc3BcP8+KqhwLm\nuylFMhs9b9PqDzsCcLXyLZmq5xaL2rFYFMry8DSXJkAJa7+neX5zh/zC2kCn\njisYgOshbxFKfL0H0f8vjN55CAHWhDxH58VFEd9bkGkicr4/S8d4YSEny+/i\nnuL/olIgU/S68GIxVo8ofWqzcXJjq/80eVKSoqzw82Z3NPPO2nUQ0wyihvl+\nCVBVl1bNBHgz9W4f4EKmiK6EncbLApkq2Oml9S+MGvCgExYf3k3hEIyajGUl\n7t4iZxfMHEIYQvoVR4KDLQ0lUY41vA1ZGk+GVvV+JaUrlYj5mTa+gKoTCwdW\nvx08P9+65f/2DRWvX3FkjDh6t3yq6QEYbVDb2A74v1M4ziXDyT/JSXVIQKsk\nmeSnkTzUr2qbn4GgdWEr/qrQ0Kd/Ga43JC5ALQca4QaYXlBKkOW8tm+jgLNI\nkZ9buhN7mUOqF7urIFAPSBb8AQB/Y7rGYvcbS9UB+JOyareQO+w3+3oBPmvJ\nYbPW\r\n=PJpk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDFpflqZD3C/C2B5npeh/ExmLXAoUfio064/q9ciEEfOAiEA4dafUotlI/By9i6LTGFgLH0jlaEIh111jl6ZgwkNdA8="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.6.17_1621733445700_0.8571039054713991"},"_hasShrinkwrap":false},"6.7.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"06fe85c0a9a348705321ae204df63bf7c3d8391c","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-TpPhygE2nckbOq5CHVWdxTv3HzQIjQTCoL0XMGtt1MPxIbM/2AYVrndKgNPrJ6kZEZCOjA1IHqvzgwTc1i4M5Q==","shasum":"4807a4681fada8d22b4a8583be6490801bc3e6d6","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.0.tgz","fileCount":119,"unpackedSize":187435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqlq0CRA9TVsSAnZWagAA17YP/1P3mgUt//di5cJeYMhY\n90+L7OtJVZlCEU4K35t5b7ld0SAdVuMmg0p1DmRAXK2h/tNspy8b3jyYsMRx\n2ToVO84IKhzzgjU74LlY6XHJXjB3yFDvj9aQy/mYHdh3ZCieC76wuhNPl5Hy\n4He/UrQyLdRFTGCKf1pqJts+607SNKw1lZbpiChGArcHa+fN/C719bxunSRN\ndjl/EJ6DD7am+nTF58oemcty/Rq9yYh4Fd799blhMYp/htt5ROPzaM8OX8Kf\ngyAFic1jf/W52DvcAzUTTkfRZQF/HPEKmsWA22NsCjR6Gi+/6xnU4HPFociH\n8fPupwxRnxGrdLin98daJrNSza2wAIgvGAX2AZajDG24SMVZKEy/ALNafWGr\nggRyC/aLLWXCDvSoG9M9WcDgG6xLJyWFYBd5XsEfPEoODg14n1Wq74Z6Cyvi\nHjV0mg63AwhqsicCz0OgXaMn2JOKBkDiv1nr4kcl126PsujcewLR0X755LNP\nYU2FJgDof1Zut0HKCB5xAoqtu9yG40wIpjjO9KUI0CPzl6xZeRWLud1vZVB6\nZns94PB6XM0VGlCBfTApjCbj2dxqRrXWwaP/og3vh5ZEbOod0quS5mkhISCT\nhfV0Mtbw05Ru1yD/d0ahLJ6PHUyB1+VUAmO8bFm+wnRWl3ZZ5wHO647Wy8Td\nz7RZ\r\n=xzhR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICq5CUmBsqJZ+0H1Oqd20gvwaKMReQo5iLNQGsqC9cIrAiEAi+jf3ftOzs8QqaYwVfvLRsq4Wb02B9qUTI084a4F9eg="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.0_1621777076100_0.722140964256913"},"_hasShrinkwrap":false},"6.7.1":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.1","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"75ff0e391cb8b17ed8576c4cdc5dbd301a0cdcca","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-Kzk/g1rMAKLyv7Ssi1JGZ/y+XC7MrALkVvvhu5FwCB5oHDANX0+OIzPgozGZ5cvp0q3dYJoXihtL1Th/cPIQ+w==","shasum":"c9ff60d8fb49d345d3adbe551020fb89f637505e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.1.tgz","fileCount":119,"unpackedSize":187423,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqlv/CRA9TVsSAnZWagAAm2MP/R0+WocX+LkVE1FTLnvt\nyppW9Q86qN9FqFQAEnAPV01QRP7+T38Q4sFUg3frL8kALI2y3lZ8iVs7q7z7\n7MhnIElVWCl1MTfRJqRCZ4xUvS/yPOL0VEA0u0+Z/B/bs0JQxjSkkY1oF+Ye\nsz2grbgw00YPRLarnqgE5fODmZETm09AtfHL9b30QFQ3gYy1TmLNHvXtX4x7\n2RYwFSQ+Vp1etECY0bIjqgT6kZpURo+NnW9/lgwAuJFac/3pSY4myH4T5n+2\na5xieOZY7cDxsOOrPMahWUeWoA12IkXJYM/b/Y+BoF2XXpN5mYZTEGfuU77H\nE/HZenCqlnVTWtrT/WPBROQVm3dA+d/tCAKtARXUL3hVNmtz2kRI9eGPRtFh\ncOW7dUK5CZP6hFUUuhOjhllOvPcKN2qynG0ka4D0JlAwZxdtptP2vVqCleyK\ntTjWF92/5RcGn4MtpVcW8LbpAcN5cF+1rmGYQbrBf8OKeMT3yZGdISXphYUK\nyw6EklPIQAd8G9tgqhJF6jLP2ucmMU75XpTE0IFAKpydJ9niayevpGU3s5SJ\nJYyV5AhQFZMmACgfkgQuvRKoio1KR8TAqUCaMcWB6usKj3/73g/uj7DSmyWl\naUd/rpo5y1pGc/KDg9+5ZTEMDxl2pZlBwjvwANXc6elFUzp3DDApkvG7aG1w\n/S3W\r\n=pki1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDDVe0WLhmNG3CuOmTMv/Ok2OlbBUphk8f5i8sjgraAgIgRe7ZN0nzdLKuuvb4SyJg+ED61np5PqtIqkRSw9NxyKc="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.1_1621777406996_0.8980440347484515"},"_hasShrinkwrap":false},"6.7.2":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.2","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"61615f4f9b2de93bd4085dc7c4ce8a0e0f9ce282","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.2","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-aFYxhruG0ttXY8bOv7PmI2OUR9qBzF14E4cg5kKTjxDS6FZ62X9rt/fjNGByRXVoM1G0n01tDMxdxB3a5u+Rtw==","shasum":"1f5116d0bc46ad4713eba3bf2acc35f5e58ae4b8","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.2.tgz","fileCount":119,"unpackedSize":187415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgql0bCRA9TVsSAnZWagAAmhkP+gN/KA/xCFD6jNJXtYHB\n705YcIAGibNj5TgSykpCOW6OK43BB0CpEZ8zHtKTVPW6wl3eE94dyuzvSjd8\nDMJrHUlRKApaYVQeexPp7xVZZE+ai5NNI5c7qxjS4mtyj6ZfPvxMe1OPKBQS\nqmQnuNwwnieKmxId3IHTSkv+uyEyMKE92WuoSWFrURgVB9EFzQDyLGnTVhfL\ng2zkKMOvQ8IopX2/CHCKoM1jLxyMw+Bw22mQyww9hvRNDnDdIw5F9tOwdqEw\n8RV1F0vo5oaYYd//3fTDglYGZUPxhu9WeJYZgxIA06DBOzvfrzkN+3yEe2Az\nvhrhEZUd2EJYsJAgH8r1nC6e0omsPiPdMYteySQDMNrCdINB5dy0gNO0w9Pw\n+ifF2qIcoGGk4OOXepHvGMYMVVfn9Dawe9QQRGqA/vz89ra0y7Oh79jMm9np\nPC5GaQuuTw3tcbher3TFezyL78AI2/fJV92f/gvxGqjqXwzrOlFr4zxr1oXz\nntZlBbSJl1Oon37drWO/JBIAGYGrlc09WAJKH0tk7wpCAMq5CMs8cEwfiXZ0\nhVZj9p3obZKSYtyjpqG9ic1bpj/trOo7jnp8Kj9GOexHZ7e3cE0G+anLKjwJ\nxfikyc5kg+Jm7I6GlCy+OFBCj8XDmFkIPp0JK8G/FPUBB6VSVyHDP8bJ3oXi\n/ls9\r\n=O3g6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEVSHbYtJNU8kapacmCwXqjypg/jqwGBGNAAhIWBkyciAiEA5W+gZDcZ2FZDI6UynzeCYb8qqSa04ZLAZgjZpLDCXTM="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.2_1621777690936_0.8579872810604974"},"_hasShrinkwrap":false},"6.7.3":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.3","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"8a8ac3f932c576b802c80be2f659a9c103ca9eea","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.3","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-IXlVlkZYrYCgPWRwKTBuX9RjDniui0A+wInLf6mEDHQc8JqyngUWuIXVCq4YHILKfTptiWPDg3iwD1XSLEW2PA==","shasum":"e9917168532d78f8b410d54ed18c2ecc17b91843","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.3.tgz","fileCount":119,"unpackedSize":187413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgql3jCRA9TVsSAnZWagAAYOYP/1eKBVRaxaCGPLFoVGiu\nSPCZbXYbF6zgcOzFg3bQY2SmwBVbobKGML5U3VTTKJUJHQ9XoSAl25M0f1vX\ngkNlOUG+nR9qeUZLrLwOT4MDdpFHJ3gIrml+tLP3jkP8zoLQb0QaknUvRMls\nM01/WhkCbHawOnmedez0Wf9jEW/fHfACk1pCsE7uwPgidSz+Id4bLXDp43Gp\nFNq5sD71EVw8+L6ojep3iEE4gM+uL83t9FB4pxXwmqX3obWpM7XStHoaOsKn\nefFyoygSPN9dzf/4OJvn+vR0v3o9kFDXpwWItGKYIHDOL+Af1UJqMzUxS2H4\nigp/IiJS/TbzhEU7LwAk4PFzrL9VCuK0BAAZhscoQe28BQ6Zgw7yL0htjD44\nGBs6sS2sJvxOcNmh350TIVW8UnV2fv6p+4BHdODqwzMSwhLDRfh11iyA06Pn\nutxZZ1SHj/GYKA/rLsh66Kjs0knJxFDmNasdyNnpHEH+/YkpXzrW6mBpv1pX\n4Y+TfgGjs6AZ46A+4//bQIB/X297DpbO1Pyvz4AZLmG76NE+wbGOcfAaNWSR\nxGHsLvbvEbZG+GCslNcqNsQulyAWASjGZgP9BZjMElKtHbUtk82H7mgllyZO\n1h8AwlXnrqhRO6wyWxOuq7u34FdB5Q4nspB+u4Udz+w8+diFdti6zKbBHjkP\nMtzv\r\n=jxDJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDzt6qRvZgVFnfVFmOnX6NzkS8P99oFsJgEVoSzi5EmMwIgKKD8jh2DoV5nValwuG04LHl9s5+vESaCfcTwJm0xyrU="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.3_1621777891145_0.6353220611834358"},"_hasShrinkwrap":false},"6.7.4":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.4","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"7fa30732cfa59423a5e12ff3a2f63fcc5d671690","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.4","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-OU18L/dkeTOAvyjjOr5bJ23ldLz4yQRHLFHPyA/R6EFH27NuZZIR5xAfk6B1n5gYwrl/XR+m8eBC2sN9GCgbPw==","shasum":"78e92ecfc6783db89fc4476a9421c818730332db","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.4.tgz","fileCount":119,"unpackedSize":187273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgql8TCRA9TVsSAnZWagAA3fEQAJmELNZwR0aX3WItCF1y\n5kGCPAaUYEXeiWr6EzhYpFXKZgFwkEtTgbHfvgcV6hwrpym/oJu8NJ1Q8OsN\ndP9agAaOdoQqOPqx3IxdLCpAYwAhYeEXMeE7LRszYhJBnpP0b7o1KZU68OgS\nowLAwa9TeemWOlkVbEoCFeCEKR3zvmzNYSK5s6KC9vTb7or1LIUr86T4ZsST\nJTGCMx2RyaxwH5hRRsOSXqtVYFcevgEd1Ll9f479jff+2NsCMLqgRJYegDGD\nktZg/q8sftUEwSfZjVv5G5U1g1QLx4S4oMhtCEk9e3SDhdNiN3+sVhWmJOPt\nktofhjd2tP8tukUVrJzxN7mNGgfz4O9mFJV5ZABl/6/ryS/l1vRL24txuTui\nA9gpyzPySF3E652gusKnTQBKkHPcIrlhS9cTc4RFY/Q0qB8mQqhvzYbMUTMy\nTov41CoKFgMo9j/48SmqIB6Xmu6E/oE+kVRd3nlC+uhZDW0GCOVoBMFMphDK\nF4X9afRCqHWkWDk6NdMbmqFacZ7QJmQ3OS4v/0Zbr85A+bR6chvnor7vNUUP\nxP/4XQ2dRnFIq91xpGuM1VqgMvE621w420+Ac96buCQV08mgVJeBY55brA2l\n4MhgbWWHodyYwShbwWwNTqfJ1OVKVeGZKXXaGbFZ6UNsuTK6DjpyrFNFvhJQ\n3u+o\r\n=nagx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+Ta2HIC+V470VapxKkWzDRnj9M+KFkMTvKD+dxRnDAgIhAK6OMPm9D1JFnK1hLJJFgqXleaU6ovFJZBPHB2bfqnrK"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.4_1621778195559_0.20027363609200122"},"_hasShrinkwrap":false},"6.7.5":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.5","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"820d3b463ee6bdd9e4b79b199f0aec596e0bc941","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.5","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-1Sbnx3vEGfvx/9xpzSbY6vCKw/KRJzojrRIEssgze12xeU+tNej1KXEgS6ygtoqJt6XUr449rrm4g+96BeOk6Q==","shasum":"6a8b875446f2c9a3feb2191d24823570e87c9a32","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.5.tgz","fileCount":119,"unpackedSize":187272,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgql+4CRA9TVsSAnZWagAA/WAP/ifj7hpLx5f2SIAh6e4j\nNEyWktUWHQl8lse1MS9sT+4s92sNz0l3eWTKpgHNeEgWyH4hEAzobRsXVtKR\nWWjYCmvCiw+E8NEZVVddaG0+35dnOx21QEVkD9opNKdSuKbd2lBT8jtU2mex\nWbdcBqh1hUEUmbgyqrBI31/ozV5fOV/3rjjohW/mdrunL87K0nyhQ///5Yf4\nW1Flms0m1TG1GiZEg7E+Fw+O9YUkQv44yC0OOlCqhwEf/ao/jDPV64dPUsWa\nDYSOGI7u3/ATvqIVW6+beXUKcrCwe18JzNqEQHh4Y9WD4yTilFoksQwBrCAb\n8mZaYHdthe4strYpJrbuChsmzvq+rXjEGw81JnH7WbOeS8acucAhFVIOOgG+\nzm4Fe/jizzSU9Sm0wr1AJ1ZCJeVl4//4TcWQrDGKTU6ATHzgY/xfvgYfsa83\nFDv0wFQ7Sw6PJK4do9xe6lYLOgwOJUktUFXDy2OhXN/346xcaSsnqMgQYJGb\nAcWeeG3zKxtwCX5SPKR/xjajyB8325KMCCj4PNng88wWt5JG4CnYrPCJazU9\ndGkO055a9g3Sy/TnKHYf9QqvJdm7uuOxAU30UlHsU7m3pp6/UaHqn6yLH8nm\nN8jlNwTw83w8YE2PpX/ffHjpquDL/qrqaPnwaFKywcPseIwHcNdEld1Bc7ml\n2uxX\r\n=nQ4G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDgIeqr8A9Eisa50cSiKKFB4efoi9D7agqBTPm+XZVJLAiAnjiFq1PDQlPNXaOMLKVMpsnbtxMBvvzjm9UMXZ4KdHg=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.5_1621778360209_0.6360561290988382"},"_hasShrinkwrap":false},"6.7.6":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.6","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"79704fc3a36b0b4a2768b41fe2d673f96e160995","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.6","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-GtS5bNaJFOJDIGAEYhc2orMwihdCL8vlyZxQ9Pm3mbcS82hncP1vMcOrahduF8fvALtjoCbfbpy66hgzh4iMQg==","shasum":"308fea2de53aab861d20de5490d2810b926efd40","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.6.tgz","fileCount":119,"unpackedSize":187126,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqmBUCRA9TVsSAnZWagAATBUP/1rl+ReTrejgvWMntHjw\n9OOmiMEV6hD/Bd9x6BJrhqsovarHoE+b2TcECM3SpNKxpmiry8B50fMjGagB\n8Ltc7re0XZkm6EGfBVqv7i+OXZymxJstnqMcnQzqfFxsD17S7j+KwwEOpwXU\nocvoLcDmHHQ0n87ghVGK3q66UYOppcvwxxCcpJQmplnN9vQb/09gFoz9eLUT\nu4xX5M/JShCPbv+LO05hQoWs7wjCCVmFjxjPekvmBOIX10XyLh0TL4NOtCQG\n3QnBKC0/u290GK5sjR3iluUoZ3kQO55+e0BZy8Niwl2mRfWtJG3oy7SjidER\n1JtsS/sXNzMlWMcNvtwDfaKv1Prt8C5MdW1JgS5u1eA8XcmH0I1AX5JK3U+V\nGNqP6mGvRm4eAMyT9IgWdZ18Z3DxBchwfrxT5jJJ5glHoc6JKGsjtf99EeXz\nC6dQmLQndmt0M8OQBvlmP6axRVgpN+1XdlUoHaeuQ7SwJPw/hA5HMXx7sojG\nLWuD02p4mXapPYTmWYYWdanWi5IV38EyGAEldew4aR3C4xWHZ3KvLwPQk75v\nBgFT2V2/93/SnAGIQcwG5f1igWW8RY/uj6HQ7owICtqRxXp7K1LoLHYnn6r+\n4QvQ/1sX0yVgy8y6/1oZW6xSMlznNvMMdtnAXPHiMUfYLC3MwHLCwdkl/mY7\npp/d\r\n=2MD9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGpEtFWwvQM7v9gK3xI7buKu+YsFjRxC9mfYk7OkOJfrAiAeZyCkY2qVx9ZNH7+Jtd3Cb7iKZUdNJ7VIVUkLeibLgw=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.6_1621778515975_0.3769653386370295"},"_hasShrinkwrap":false},"6.7.7":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.7","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"eb7829b2237d3d98afb740eb01205294172da321","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.7","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-FLJeRR7UUewcwIy1/y5A7izEP1UtzROOJqgFBIhCnInMalWYIpW4JJ474e5YlP6eb9/iIxreCWgjhe1HsJN/KA==","shasum":"33f21aa678a950965e738ac314cba084e226325b","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.7.tgz","fileCount":119,"unpackedSize":187087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqmDbCRA9TVsSAnZWagAA4vMP/07n9XhEtPReAFZRv2G3\n3XRKH8EDiqHJGqDfuwoz+r5S07Im77693nD9EWXzPeMggIS64SEtYgLIq5W2\n0XnlAH/S+xZ6idHd2vtvUOY+TSks8t0OVExsN15rMcVsKm+odtGmxUCUnA0V\n8WcRczQjWIkcuwrdoEGkMQ4rY49cKv9wqMW/Rqrd52XjofvcTRX3kVhqc1iy\nTQkJT48HYf/maW58KfHuqrLm2yo/3x3GVMqVUyfz7d89yvn3ATqSVSOI4Wq3\nf/BG0hrcjTl/1tGbiNCmDwYWHK1iVRSCBMTF54apr+OJBq94QdkydxyHUFRA\ncWTzb4zcfKg7FQhA0Heva7AJBWfxr0GGGp12cDN0rvv0coAF2Jy0W8iaIq3a\nVZ/hpBMlXUui0o7aVSJb2fx2aZaJ8T9ri7yaoIR/ZvhHvslpIi3q+kseAwJe\n2ybmQyEwr4/gCC3bfOMSQG/eut3bfNGwWfKthl0mSi7swNTIYCyOVj7uw1in\nX3LqjFcHRHSbnFqxXE3aJKTqb81uaoz7GqAmDdxqsvdiyWb8DnACxJoi2pAv\nBBoIYzG9KtwR+oXhXJ6/GIhIMlJ2tjpamUsOJ94rK6S511mgIfPPUX/GpwcW\nVsOkAbCH6BKklrOxp+gZsie761hlJMzJFPEZlhifxryRo6tINWgn65Fsp9Dd\nprBA\r\n=JHXI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9gKjQFBsqT6lSchUOpOW9DcjqMtXlfn3PLMM6bCUtwQIgbgvOWdVO177D3lhpaWQwu8eHohiOtJZWcy80gulftkA="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.7_1621778651508_0.1316299108169814"},"_hasShrinkwrap":false},"6.7.8":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.8","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"4a88483191c40d42cdffd09a82f08fa860e9967f","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.8","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-qnWEYK8ccXR5ljuvf0QmUjI8NbCcL4+UDrRw83Pg5yuagKJweINMAh2kxqhLh49JXYyAcUa8Qi1qSmEQHiCs0w==","shasum":"8aefe60ee1b8d2f62c4902766a6369da0985f9ff","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.8.tgz","fileCount":119,"unpackedSize":187364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgqmUICRA9TVsSAnZWagAAITUP/0+uHGl/Oc2gf2A2VTa4\nWesH55ct1VlB6up1f+StMi99Y0fN78TtabZ92vPObu4CNaOqpvzPbJgGTOn4\nlGWahK69UpFjWrrdP1tr+TV4PvwKSBygYLJP74g6DgiPMCJDF2z/XLIifefl\ng4PexDVKcA4c+kNd/D+OzG6Pr5Z1s+7F9elkyWtuYToRepYr5iPTVg3Y4WGA\n+7Q/cXiO4Q3u2PxSXhPOZKSe83QmXmogUN2Ho+gkRAJYhnXodLmFTOdY3RxD\nt53lHwqGPpwI1/ScajqteG5j75oDK+8r3c0E858RvLV4cX0fF64b6Qzixqbs\nN2IOUh3aIC8rQ3igWVDxS23f9BSFuI1GMVcUxFvB8JV+Zg9VblYWwzQQ4ku2\nUrTyWPj1FeyRvc69vkoCThq/YVL+yF/hksf/UPhk0yvjGAJUn/RLkAyEtQNV\nHdiXC8lw8/sA7DsMqkor0+t1tRBH4nSfGZ3m4AVNSaBPP5zJmwq1VZgkw2gp\nw/YxdQT0fVOiipXYtkxC7n2AeLQjRd8o9rtnb5lN52qPOnidg2dZwv0l/Vxy\ncHYl90E5s7zhgDBV5sXrPVpzb5jMkcJwMiyhzLCE2iVuTnoOpzk7jtDCl2Yc\nP5j0uBNvPQHBQ9zKvcbbeO5yKcEU/3fvSImDQ8aF5JSGkl4hqz5TZfoQAgee\nn/gO\r\n=rD0r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC71AdCaSd0cCj1xMHbEoKs9INCkG64hoT8SB/XNIz4PgIhAOOUBRb5njhqNWjk6nUgqc/E+Q1l00P4Jaa5jMwG1Zc4"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.8_1621779719995_0.2947670698249145"},"_hasShrinkwrap":false},"6.8.0-beta.1":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.1","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple themes integration with light/dark mode and Theme Providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded support for\n  - [Material UI Theme Provider](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components Theme Provider](https://styled-components.com/docs/advanced) (custom themes via `styled` type)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\n#### Customize Storybook features\n\nEasily unlock more control over Storybook such as control which columns to show with [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) (description, defaults and control) and more.\n\n#### Enhanced UI for Storybook\n\nUnlock better UI for Storybook via the parameter `enhanceUi`\n\nMost notably dark mode works for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)\n\nLater versions of Storybook does not require much changes to the CSS and this part will probably be deprecated\n\n#### Automatic Theme Providers with Material UI and Styled Components\n\nUse the parameter `autoThemeStory` to automatically add a React Theme Provider for your stories\n\n- Material UI themes uses own provider\n- Custom themes uses Styled Components via custom theme converter\n\nProvide a custom theme converter named `styled` under the parameter `themeConverters`, and use same type for your custom theme to use Styled Components\n\n```\n{\n  themeConverters: {\n    styled: () => ...\n  },\n  themes: [\n    {\n      type: 'styled',\n      ...\n    }\n  ]\n}\n```\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  ...\n  addons: [\n    ...\n    'storybook-facelift'\n  ]\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level to enable auto theming with a theme provider on a story level instead of on a global level\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport { StoryMeta } from 'storybook-facelift'\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"4a88483191c40d42cdffd09a82f08fa860e9967f","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-k/exY7Ey/I/oiZdYhIfkQ6beoSwa++Xb5LiXUQL8tJb2Nrpphd1OS77yw6VK1N8eG4pTQaV5rDElQkAv9cC7dQ==","shasum":"7fae19ad453001686ccbf22afe9ce94326b33bd7","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.1.tgz","fileCount":119,"unpackedSize":187162,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq2J9CRA9TVsSAnZWagAAUnEP/jXkT2JZII8zt7XvXz7E\nY982jANkc9MlRmTurrVjS5bNbc6VAYWilQhY55/EMrd7PnL3tvgSddxAhyYs\nKg7vuAc0CZsztUZlLW4ReGhErHX+H2xNyTzsTg35bA5p8wyICPlskeSOJ8Sl\n398bIJYwvAkk5/MqoUAaolA5QGjymGXgZfWeK31g62wTKUiZQSlmUlvH/zwC\nLXk+OTvIBX4hjGEfOaIbXfMi5BOU0f0v7kfxVTzHz8wnT7dQ/2sUlh/iOxQT\nGoeMMkklnf1Z8jj5Fe/PKLpf2gA2T9OzsyesRfUGT2YpDemRaWxB9SmsS0J9\nqf8QNoM57Ims6Bag3AEs4cm4olj1WvYE0TwxhyU3I8PQ340U5KdOcG5WvyIL\n87qDLnN0sWf7gp53Y9757sg6vVtzZgKYeZiMDn874CVywn4iPvaMFCAr0Yry\nDT0J6gFoyikh+0ldUSfe3T+brDd+vBRWzEREq252pQ+5rzdjO7z095E7L7Ru\nCIRzCMA7MrDZMbdjnROvYqY/aRGIVjCSo5f/AqXAbt8/Tay5/S9LHVbT10fM\ndtwWnP+JNzVeTroLNBbBXuV1FP2OCeerr/rKxEWvJF7Rjo4mytIpwLuxlNU+\n0IRbzvg1JiD+eEcBM//CSIUy6Kq1+X5zsWuXqZWEGEG6YLVuqeSDXJRU6ALT\ni1/k\r\n=j//Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCg2ZRXWYGEu00r6L5oTWsCHgF14gQ0hQrJ1NnHr3nE4gIhAK1H9+l4Ba+Lif1adeM8XwTURQ5cKdmynWPWNilfM2Ri"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.1_1621844604924_0.39917311619125795"},"_hasShrinkwrap":false},"6.8.0-beta.2":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.2","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"25b374aa13c9adb92d7f02ab658399e4baa1e289","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.2","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-mhPBDwWJxsWMK7ok4BdYG/bIK31DdtcakEkFxRnd8XrHsTsFcKQyFQ99DXb/xVbhv2jmdRNKeJZRJiEzOcvIjQ==","shasum":"8d6d0c093fbe7874ae59e4b7bc3b9f556f378daa","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.2.tgz","fileCount":119,"unpackedSize":188179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq3TRCRA9TVsSAnZWagAAGKAP/RGxduoP1kfA/sXwN4jQ\n0Ic9CaQm+gW0d9sXojtHJCXlEkQA+qTNU7xEgAb30G7VtALpUmC+stsdRCJp\nevHktfxjG3/Kq5ApW76czB25ZVE27h2nmP2/uNjx0ZXf3FYT2IrButBKT/Of\nlTJvZlY/qNRSrNkqrXr931iq6f8bjSZ9TU4YujKMRAewzYXl2fjXrtSjUA9E\nLeZA8eRMgVY+2eMk2M1dWcSjdTFiW9gvxayACaTjAcJ2jrnMf/8H2WJTBK7z\nLQH+RJHwlXLNPWcgTJFb/KoY9slQto0JqWnVhSjDlhnEnt9ls9XHqzxtvhak\n6dw0yIS/y3OJmEY6RAjkzwniSoE3njY/wgJ19agvvJyK5+SyAsak2kkb6s/2\nGLvaGZrHUNbhLclA4g8JPRC0cOstjYGbaaIM0j7KlS6Jarzp9h2CHSiVfYnb\nE7yZDOpJhDlDYzafcDBEYyRJJptgUjHy7F6zy7MInmv3qnQixjVGqFxMhyru\neBPuwP8vMlbGGXmb/AwTciXWngTFdkETt49EnpdjHJIRc+QzndBzYbCdoKEq\nbimFX+QgSXMsbs6YVeBEL4bWKcPGcNhA/pFtcxUTjpQtOPlDQwigzRCp11k2\n3DRlhnmy3kdsPOrJ7jTBnfNAOe7tO50OuAnwEguwRk/XdjNgbLWUer6fKTU1\nnwXJ\r\n=1KVy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9SALcStKiwnDxDRnPY2y+g1YQzjNPCfPCjgRh3fu0KAIhAP3qhm5aWs7w1DZ8fXnOsZY9HwsAHyv3TckFOi3YUKX+"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.2_1621849296951_0.21786473739508905"},"_hasShrinkwrap":false},"6.8.0-beta.3":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.3","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"1a2954909e55eebe36988dbcab5e380986eb7769","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.3","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-y35PJsdhTdUgWQecqQa7bSv/PF1XaCHMFf0izjowOJbtJh1q6jSu19l71Jguit+qpf+S/4ZBegdvbrT6rpjVQQ==","shasum":"0caddfcfc2d2c9baf9b6e6c7423f898cbaf7396e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.3.tgz","fileCount":119,"unpackedSize":188566,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq3o1CRA9TVsSAnZWagAA5GAP/2zdXJXP6U12lEO9bNxA\ntz4K5WULtlNIWgGI9rwc69PN/FGD9rQV7ncN8vhnoG1nvplsoxQlP+klLN/q\nQq+sEn5h93ZsZ9cdmODcIV04Tux0LaudOQQ15uH6jPvkiU7IN654PiKgNfJY\nqwle83CaG3K+5YDkRR6UFIGQkTqlxJ4VPl2Y1k/+lzDY10YXz+KNtVQFRnU/\nM6kIPIpXhfJ91Mg8eyVEF+e+rfHq4GGF/f214U2MiknAY4c0Q0OyNgWa+WtR\nFzZMzPSZa4qXOlB6lMwHdT+DoBwWpxpzASWlHpOa8+/08Q2zjOagkwyWaupO\nYsefTiGuLDhx5iOgp2ELdhoO5Y1KaSksQ9D2P5TsrSPQ/iiRMrWbIV7qvG6T\ndia7TJtW3olG1uG5/iLiLrAcpqXYOwxI7AN3m1gnj8Sm84OOooWB6tYXQY9Q\ncQaEmN4+i6jFuiRx0H0u/JvF3GNp3zizFW+FiidnCnd2QucEjsX41EcoOAxv\n5o+7L7mF/faJRyKwqtR/joTPgMGyR4Tx0PLj2BlZNZglBdH01YsOncPV/Xbs\nvUzX47MxKRZUeCmZcvfS/ZnooJ79O0GZSCd72BZAz85YPIGAuItKOrJ73xtc\n+bBCxtWKIYfkyj0IOOTsiyUIx6CbyyvptmOByRMMktnwTdh2UUO/gXGIPFlh\nq2C1\r\n=+ZvL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWD3zDPQ678CBEA5qFtap0gGAgg2k590LzmdG/tjtpCQIgDKFxX36axMSX30XkvOmxGiDy0O4bwIbdGT4ItbYxWXU="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.3_1621850676903_0.49078296239700636"},"_hasShrinkwrap":false},"6.7.9":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.7.9","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish"},"dependencies":{"@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"76ff0aa0ba12cf741ef8a0a21263ff5d1aec5078","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.7.9","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-f15S/SUPNohYsCL+2Z5nBErqqecb3SqG5cuohjjXVr+B/40gtgkWWdOngBoRYgW2PEa6RC1v/y4xiR8wFT3R8w==","shasum":"52eeba2238c238e97a823fff0adb4d349975bbf0","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.7.9.tgz","fileCount":119,"unpackedSize":187193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq3saCRA9TVsSAnZWagAAxGwP/2THpcks09zGh8PPrF9D\nZ/buPoyvufrBCRY0lUvWZA4qBDyS13ebhqVp6lKZg3ZQWOfzpf3/VmrezIq8\ngj3mfLaNdHdhlJpSBnl5PoXIosSeEX3w0gUR/cX7kQS0tlKRwyp8oc7I9JFf\nA6Nmh2f5kdqOqPjoPTQLIPxapEKPsTPt2fe1P4GSe/MqQmIZH21eJgTh7xdv\nzGfa01vWjGvJUdey5KWu/S0agD/HweYUh86ingD5mQ/6/60fZMdGyksiE2Dz\ndo+bvZaclP7tNTw//Vwz7TybCTegJgR5nFHPVTH1VOQs/mByDMY6hcQ4my9+\nlUP1JSomvtOwX9MAZasjlaqx+6oIniSn288h+23oUIrGPJqhQPHAQOIYFvMD\nxzHs0r/oNmi34WhEgU8GIlRGMgtVFealK0oYkCEE1WBWe7YxpXHLDkGHZM/2\n5lgXIt3kU+AMNCwlVCFfB1pZTyLnJEuh5/0/hvH0P+MrNcqv5mAhO0wmgGgE\nTj9s5ARvjNPJGJ0gsWOS7R5TxZtO0yyN1dsWJOklmUxUp/KgYcyIcV3UTyrU\nzftoPAu1gR1fd90djpxHg377lgyU/gYs9VBkLBBjnWE/nQtvu6bsUNm+KiUh\nu9CpLityXpo5CpIbizATot9p4u20NgjiHev+1XlSxWyUUX9cQRUGnKpdaSSC\n3MTg\r\n=LDHb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEfZ8YKRbEnWRgfFkgn4yJggbb1oF9o/A6bArH4x0QkyAiEA9ma/Dc1KnXFj6evh755vtkZ3aVr1xSomDpCiaVzhEY4="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.7.9_1621850905908_0.9424015537062729"},"_hasShrinkwrap":false},"6.8.0-beta.4":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.4","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple themes integration with light/dark mode and Theme Providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded support for\n  - [Material UI Theme Provider](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components Theme Provider](https://styled-components.com/docs/advanced) (custom themes via `styled` type)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\n#### Customize Storybook features\n\nEasily unlock more control over Storybook such as control which columns to show with [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) (description, defaults and control) and more.\n\n#### Enhanced UI for Storybook\n\nUnlock better UI for Storybook via the parameter `enhanceUi`\n\nMost notably dark mode works for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)\n\nLater versions of Storybook does not require much changes to the CSS and this part will probably be deprecated\n\n#### Automatic Theme Providers with Material UI and Styled Components\n\nUse the parameter `autoThemeStory` to automatically add a React Theme Provider for your stories\n\n- Material UI themes uses own provider\n- Custom themes uses Styled Components via custom theme converter\n\nProvide a custom theme converter named `styled` under the parameter `themeConverters`, and use same type for your custom theme to use Styled Components\n\n```\n{\n  themeConverters: {\n    styled: () => ...\n  },\n  themes: [\n    {\n      type: 'styled',\n      ...\n    }\n  ]\n}\n```\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  ...\n  addons: [\n    ...\n    'storybook-facelift'\n  ]\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level to enable auto theming with a theme provider on a story level instead of on a global level\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport { StoryMeta } from 'storybook-facelift'\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"d139a50d73b57d931ba90a063128bc4fca78ea06","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.4","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-tK2pfwmIyPTH/78E79bokPx4wPT9SMNE83SyhBasD7iKmIgTyNtmYO1Pl7wtWXM3tEPtUXzb/B5v2AtKUeWyaQ==","shasum":"9819feaa9f8f173759ef8b32283ff4c05249e629","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.4.tgz","fileCount":119,"unpackedSize":188629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq3yoCRA9TVsSAnZWagAAY8kQAIwEO2SfFm/v4nQNDuGN\nx1n1Cw4qasRLS2XQYlebfyOa2jBuBDe3tA2862ezwkzUf2g1DxxMHtNyRzF4\ny7Q6kLmkqdg/n5SYTuv62VTR7SvF2dWGjrPluugEcnGxF3FHelvdJh796Iam\nNUuEBoGgkRov/JcStscjIX71KoBUKbqyyxGjvZSxkCoX1icVUrSsvu/6PDm3\nfd448Mw+IPXETq6uEzr35BqfUCVpUtPzPh0tpJ0+vaEYIi6YpOUgboU2V7RW\nKkVpERD3ywgPPK6sCHkM0I36o5HWUn55sW07wzYuziw4VnKZFMvef5UOYadq\nyUUUAn/xIIJLl9gJM0QhYZX8hNFs0j6tk1WwXArEVRQKIVLfQdxFYLeNk1E4\nzMsaGLg5Fccq20ykW19xeR0kL646pbj+/BOBnov2tGgl3alBnzImyU0aK52a\nUAaiEAboGq97IsDV2XZ5PI5sbL+1lh74Zom1rmJOgeplckbgsYt4EAsL0OdB\nw3kMF84wujMQ1mv6IT7qxgEZ8nUGdIhEdsMoIuUEow3P2K3OHGtQazEDPyxO\ndTCaSPnlhkh73u4U/o9GFKWoc9YlAJ9rj+xkN6bF4WoS1YG6z5Dn04FLWd87\nPMGtnvCXstBGfqrXSEiWB+lUN/cBHSf0JxjS1bjTy6IlTCZItZmE8+2oDywm\nOB60\r\n=Jxx6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHrhOlZUmLq+YiBYGYDiZuo4J9nDbeSXcuGXmdiOuTzLAiEAkqljWLYjAuwHPUdpY8aAIo/CtmiTk5fK4aXNtBcPBe0="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.4_1621851304005_0.0958340224716474"},"_hasShrinkwrap":false},"6.8.0-beta.5":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.5","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple themes integration with light/dark mode and Theme Providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded support for\n  - [Material UI Theme Provider](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components Theme Provider](https://styled-components.com/docs/advanced) (custom themes via `styled` type)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\n#### Customize Storybook features\n\nEasily unlock more control over Storybook such as control which columns to show with [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) (description, defaults and control) and more.\n\n#### Enhanced UI for Storybook\n\nUnlock better UI for Storybook via the parameter `enhanceUi`\n\nMost notably dark mode works for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)\n\nLater versions of Storybook does not require much changes to the CSS and this part will probably be deprecated\n\n#### Automatic Theme Providers with Material UI and Styled Components\n\nUse the parameter `autoThemeStory` to automatically add a React Theme Provider for your stories\n\n- Material UI themes uses own provider\n- Custom themes uses Styled Components via custom theme converter\n\nProvide a custom theme converter named `styled` under the parameter `themeConverters`, and use same type for your custom theme to use Styled Components\n\n```\n{\n  themeConverters: {\n    styled: () => ...\n  },\n  themes: [\n    {\n      type: 'styled',\n      ...\n    }\n  ]\n}\n```\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  ...\n  addons: [\n    ...\n    'storybook-facelift'\n  ]\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level to enable auto theming with a theme provider on a story level instead of on a global level\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport { StoryMeta } from 'storybook-facelift'\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"2362c62c49b2b8df001f57d26eaa099e3db806d2","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.5","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-7FxqbzD+utLnwTQUexAra5qU0kpL+fK5lj87YNjk8y3jNnvxBHSV/P6HVQIKGLpZLisZA79MnE2LlYtz7TEmuA==","shasum":"d47c02f37d70311f8b9d5004417d864f8e09da6f","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.5.tgz","fileCount":119,"unpackedSize":188777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq4GkCRA9TVsSAnZWagAAX5cP/REW6dS1JwLdArIKK7FS\nxKPuwyrfKpyuGKJauM1dWwmWosevWudctJotNS+t+4IU71XtWY81cOvrb3Sm\nkNC2S1zFS2EZZvJU8PMCN/62k57RSeBBtxsFoTD7VLvHXs51I+JhT0kQszQh\nI7q6QO2DTOpcyKM9pA2tMaf35kUOJrdBhSNzXwyZA8e383gegcaGoNkTeFJr\nzrgFyNgmK2Q36A7D1X0Uu1wr3tYD9vQ8H+XJDEL6Drmn9PtZi/GuJKsleE1M\nQbaGLZ3v+ksdV+9N8DzweDE7pzyTAR1MTE9iCzt8alFi1EttQjjP9oyMrY4T\nSFr9P4lJZEuMZPtCrM6ttWU+Z6d1WSKCwvqQiyb/xAE5U5Z7Qomc3YQDAmLH\nBxSZnRE2700UtDIau9jlHf9j+h14QLA19Skx45xpDrMlJBHX06gbs26mbKmT\nwL5+kEV3yvMrX0nictFWJMDHlMtlbBOCMTswO1+H9B8r4X06/bKEZWvv5mH/\nqeS56DZivuGKmhhGLCU4NjPFGQIIU+Hcl0ePeR65iG0ZFid9iTHrur/3p8+v\n9Bipvd1I/OgZ3p1dd2KnUMl+1Z34WLCf+2YyxZOWCgHn2OuLui7BVE7zA7xI\nkCq7VoOM6h47qhEE2edi99GjYjTOR8mj4dgbxg6sHOf8DyG+wTmkqVm01Wq6\n+y/c\r\n=5Y81\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCD0ZYDurLniZdLPTDBvxIPvFKOC64hrUeD6igC2MR6bwIgW+SnYDJEhvmwTB8SewKiLo9p/bETsGSnuQOiYl3Gb58="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.5_1621852580304_0.8269476663066289"},"_hasShrinkwrap":false},"6.8.0-beta.6":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.6","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple themes integration with light/dark mode and Theme Providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded support for\n  - [Material UI Theme Provider](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components Theme Provider](https://styled-components.com/docs/advanced) (custom themes via `styled` type)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\n#### Customize Storybook features\n\nEasily unlock more control over Storybook such as control which columns to show with [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) (description, defaults and control) and more.\n\n#### Enhanced UI for Storybook\n\nUnlock better UI for Storybook via the parameter `enhanceUi`\n\nMost notably dark mode works for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)\n\nLater versions of Storybook does not require much changes to the CSS and this part will probably be deprecated\n\n#### Automatic Theme Providers with Material UI and Styled Components\n\nUse the parameter `autoThemeStory` to automatically add a React Theme Provider for your stories\n\n- Material UI themes uses own provider\n- Custom themes uses Styled Components via custom theme converter\n\nProvide a custom theme converter named `styled` under the parameter `themeConverters`, and use same type for your custom theme to use Styled Components\n\n```\n{\n  themeConverters: {\n    styled: () => ...\n  },\n  themes: [\n    {\n      type: 'styled',\n      ...\n    }\n  ]\n}\n```\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  ...\n  addons: [\n    ...\n    'storybook-facelift'\n  ]\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level to enable auto theming with a theme provider on a story level instead of on a global level\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport { StoryMeta } from 'storybook-facelift'\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"a4d42ea027b0b4dd3e3ef51155d9e1c852293174","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.6","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-3q1+akfzPDbf0NwVopQEQqp7E9ieZeFPCobkoQD/LRVCh8vojSf1y8k5nfVLiSyu8hbjqS1Vryds4JuIpeVyPQ==","shasum":"d344965fe270f63c0fe4031db9bd51ebb5b02a82","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.6.tgz","fileCount":119,"unpackedSize":189013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq4cwCRA9TVsSAnZWagAAXPoQAJZCR70c6DqWfSJ6l44c\nnZ0ffGKsOqhTGxDrMVR2QyjQgCfvMXAkuc+99DM1jdw/3kkNHA04LpWNFuFu\nVggzSqy3vmBsFzyhORL6HMlSSHJGmWoEKwPgrZlwQohQBpTSokw+hwoLJPmG\nufMmpElkKRjsmQxPHmrGhxlSg6G/Vw5LsPhgz7lDD6/bXXDd8ThqHhCq0lC5\nPTbwwM6svK+At5L6DOe93MPk3GepzQ09lLMkVEKot3LB1oGfO3GZAJQcTL2H\nwPcn7yRx29OB4bw5TKI4NSriCT8gxzWrk8JaEfalJKHs+oPB75qumLaQuLO4\neJzaa0RMkgRol2iUItV26hp9xmxL9zEzxAgHWJrSTUXHDAvzbkT/NKsEUeZ8\n8/kxD90RzF2tReCce4KVfyOmlWDUt0Xnx+APlIvqL+jjDAvcw/s2Yem7uD2i\nKgk/0qT1ST1SM4jfi1geKaZDr2z7ngIzUISQVMoYw3FX+DOTQSYgPzhYIHOr\ngl/zgApoCIWcsFgKoKrDZ+O07eVUYh2oLDWtxS1xMxrvM3NDxy0A0vvL+VsF\n5GZjJtfZkh0GVoMDN/oUTk/tq4VxNlNQ7jMR9f6P9uaMsnaDPHFfwoaI3B0Q\n6R3eqijoATV/yMZb8mvW1EXZHqFNwDHtS6DWQoqTrAHmGfENEb+Uc+C3llR4\n4kdI\r\n=YUUu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnZl2AP9xErfLn2lo2lBjkb4m+CtNuF/L1XZE/2y9r/AIgeRMJ5mTwccHYBV/+XBmu9siYmn3tF9ITOKqilkAhQ5Q="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.6_1621853999634_0.6514495795275201"},"_hasShrinkwrap":false},"6.8.0-beta.7":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.7","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple themes integration with light/dark mode and Theme Providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded support for\n  - [Material UI Theme Provider](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components Theme Provider](https://styled-components.com/docs/advanced) (custom themes via `styled` type)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\n#### Customize Storybook features\n\nEasily unlock more control over Storybook such as control which columns to show with [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) (description, defaults and control) and more.\n\n#### Enhanced UI for Storybook\n\nUnlock better UI for Storybook via the parameter `enhanceUi`\n\nMost notably dark mode works for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)\n\nLater versions of Storybook does not require much changes to the CSS and this part will probably be deprecated\n\n#### Automatic Theme Providers with Material UI and Styled Components\n\nUse the parameter `autoThemeStory` to automatically add a React Theme Provider for your stories\n\n- Material UI themes uses own provider\n- Custom themes uses Styled Components via custom theme converter\n\nProvide a custom theme converter named `styled` under the parameter `themeConverters`, and use same type for your custom theme to use Styled Components\n\n```\n{\n  themeConverters: {\n    styled: () => ...\n  },\n  themes: [\n    {\n      type: 'styled',\n      ...\n    }\n  ]\n}\n```\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  ...\n  addons: [\n    ...\n    'storybook-facelift'\n  ]\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level to enable auto theming with a theme provider on a story level instead of on a global level\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport { StoryMeta } from 'storybook-facelift'\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"2636d7cb8d6dcf511fbfd00930859b693cd304ce","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.7","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-pH2orCBUvX3Ic56KGq7cdfV5mLCcS7V69SnFCpF5jb1mz9WRA2eb4UfnN0HcmIktEMFhXqQZ8gVwLjaijQY/HA==","shasum":"c2060a50d63916c7eaf1bef1ba1cc0cd8ac08a44","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.7.tgz","fileCount":119,"unpackedSize":189050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq4huCRA9TVsSAnZWagAA9DYP/jnMPKRxOsD683h8aQYR\nRpJjPF33TbZYbJcMXJR+3o3BebyNYArA4odPjAuEABMD5KT5QspczIE4wiB8\ndobUpuWAu7zce4/85/W10LU9zqqX9nkw7HR3LEexJJSdSm6aATE/ZU7XFM/A\nopi4MP88crPCmycoofQ1ruerEo3vMU00KTcegtgbKboyuqR2RXSBo21osNuD\nNhAyX+0WnE5gqEsLtlZYjoOzQjGfKFGhcIjRACIHCw4qUEy/r9j8+0qQr7VV\nd7tR6BFp4MYQaFdNC714lnlIdiGKNFKenEh/kPrrXlJpjUeEHrsW1lESKRGJ\njoR54JIr5QPmZ2D/kHm71dABqUQGbQeI1bRohaDFlMoq15kXN1JVsNNwYV1Y\nhfzz20WR9ia8b151AuwBlfZ5dhLNEqZRc5gMndC6lQtLQ8UCyV0BiNtzAbAi\nQUV7AEn6Crp5zCf6ahD420VujHOyAXAK8uJsTNFAG951KJ4sKPYCCt6LqaZA\nmABeYB74vJykN9ooAKl3R5iYK4Ro4aJE67ZHHFHim7OnNaJ43qIODm/baQKR\nYF2YT+0NBiiIIe4eoMefqr5Tyzib9viEK8qM7VAHnigKsEJNuUKGc8w1H51I\nIZh6oVt1ilZDaNW6ltGXmCMlsb3L0a77mRPxpRXRIfIhW4Rf4PQkTHi1DwE9\nZxhZ\r\n=yMnQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvmpJcdJt+nka3RMKhyFVDAgx9ZoM4ModbqOPcK56DCgIhALc9jSFx6cm2gdltQnjzfq89rFlrUdC6/9cYq2i9sFfh"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.7_1621854317945_0.39067660715727115"},"_hasShrinkwrap":false},"6.8.0-beta.8":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.8","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple themes integration with light/dark mode and Theme Providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded support for\n  - [Material UI Theme Provider](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components Theme Provider](https://styled-components.com/docs/advanced) (custom themes via `styled` type)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\n#### Customize Storybook features\n\nEasily unlock more control over Storybook such as control which columns to show with [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) (description, defaults and control) and more.\n\n#### Enhanced UI for Storybook\n\nUnlock better UI for Storybook via the parameter `enhanceUi`\n\nMost notably dark mode works for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs)\n\nLater versions of Storybook does not require much changes to the CSS and this part will probably be deprecated\n\n#### Automatic Theme Providers with Material UI and Styled Components\n\nUse the parameter `autoThemeStory` to automatically add a React Theme Provider for your stories\n\n- Material UI themes uses own provider\n- Custom themes uses Styled Components via custom theme converter\n\nProvide a custom theme converter named `styled` under the parameter `themeConverters`, and use same type for your custom theme to use Styled Components\n\n```\n{\n  themeConverters: {\n    styled: () => ...\n  },\n  themes: [\n    {\n      type: 'styled',\n      ...\n    }\n  ]\n}\n```\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  ...\n  addons: [\n    ...\n    'storybook-facelift'\n  ]\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level to enable auto theming with a theme provider on a story level instead of on a global level\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport { StoryMeta } from 'storybook-facelift'\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"04b5b44b63bdc3e8bc50872352cc98bc0a30df1d","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.8","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-i7ZdGA4VfEy55qrKYbtzuY5ItCLi+odrtZUeufMUAxqxfXgEnWU8RcCc2chNWnGFBxeUGLWQfUpsXpw3qck17A==","shasum":"2a7223224ea62a98d21057c461d41ba6fdd22490","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.8.tgz","fileCount":119,"unpackedSize":189171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq4rpCRA9TVsSAnZWagAARB8P/3wB0KaakHLp9Lz/Oxh5\nJoMQZ2j16reGMEY/U/7gQiiscFtccd09Bev80RMxv4aoYhFAhWv9sK5zO/5+\n31v1xg+DyeBzkAE0yrbPMtUma32va6oclME1QDE2cG4mlI3k2OwP79jQUrjJ\nlrM6SBW/vnICDDIzvM7LE67gIi0XfXMYsCfX0T57axtctg4MJrhHGFIEp/pX\n1byirU+7HhqisXy4EGthcroSAcl843ObZ3sHwWD7+37FHVbwzfbkrmbF62ph\nO/dUnjznL3cYUbLpdwB+ACf1PEPWJNQWY0IP3ZBiymw0FzogqgGjK6niRQF8\n3qlhMs0thnYB0clfrpLF3/Yl1m7m5wS94d4GONGIHp3WpIWCI7sCYo4IZ9iK\n+BHbqxkl6DTKegMIaMZEOrMaq0hU9WuRmliIKJ12tvGt4J7ESW821EZP4kxR\nKMYbFOh/bFJm3G5OSgNwnHQSmqeh28E7mJficAAY/RhVT6GRDkdxtgD0jNe6\n4jjiBO3jcxQdJ2cTR4G5u1EipD8UG32PveUOO2pm+IuvhpIQVWOq1dRzQhex\nEELz5ggIlAEAFPeeGtapGJvQC7H1Wh5xOq2UThtfLgshxihoo29n5WJnjCd4\nd0Dt7JMZhlEchoPIt+OVDlkWClLq+vNkIVerueq6/fckIgOZxYtmIm39jGCW\nBywK\r\n=8Nhj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDLB/ccUyma9laidtlbYIDMszxKscT1CM28S+OXmKfUEAiEA2DET66+cOlZevhMrACtUfc/+bhrsW2AqzANqjIbKbEY="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.8_1621854953474_0.8505748839526641"},"_hasShrinkwrap":false},"6.8.0-beta.9":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.9","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"36dfbd51326fcb7d0c01ba24d2a24ff2c48c82a3","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.9","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-TQnyqeQaYCQOLefEmtxnXfbQk3JQQHDPdnyZZhP5TB9+uGFFvIFpHh0BhGnov74DcjVgzpzMzSGYeUA+C8wCHw==","shasum":"9ed33b4b380b7b2833c1a6e845cc6afe17eefaef","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.9.tgz","fileCount":119,"unpackedSize":191615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq6oICRA9TVsSAnZWagAA+aoP/R/gcM99gUXq945cG7CU\nE6Jiv91ztwzz8V2rqPZ6nfLlXPa1J+vzxRfjweFDyTVQSF+as6FdFHFNLW+r\nmnJOou9HD1sZwugh8jhd/aG53KntUEmuLgRJwH08Ce7dYEf4dVwzk0F0vfNg\nLq8aqv38gQPDI9s5h24wX7oSM4tyHuRgksLWk2Y+etOr79O3rr7fKKEBuR5w\nyrUvDrhUm+I0jRbFwV0KSoz7e1wkvLKvQ9SpzVeXUwFd18D7AILQhdJwCns1\nCFXLAEZNg1A/KF5yV4chf0RCXYWpiBgdks6cWZXUdMednOqoUdxT+Vepr3SJ\nSII+PEwWwuBwAtIypGfHV7BF/eo7YofWCYI/Jlx51O+hL7p1IuY5Wgr0b44B\npz82TJWm7rqo+qaiW5lVLjnOa3Cp6Avm9K6/S/UlX12sRxmqmcKCFevU8jfv\nugABSuwMCPcjTqvKsjlYzUm1aB308YVcWOsksFKmy13DxAUl0mTh6Y3kfXkJ\nRCm8iejbDxjw/TBNzegLWJiHm72OqxwjEqXtLrDMY6FGRYjDl0OdesHS3WlW\nNFOHR33higPzxV5hX+RGYm3sBS6iZq+1sCMdmtkwkNRiGluAZpSKiPtMnVNB\nIxrA9+PBnSzs3sJKelb/I/03kcHKcYm8IfCInaJLqrcvCGp9HajqndfGXy2e\nWrgh\r\n=wpgI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDk290S25Npv0alf1oaJuqCxxt4XFT+l33p9mDSgUSnoAiEAziY/+C8zYnJXcG2AyrlEAR6VP+OmJ3TlJD/JZbvnPO4="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.9_1621862919799_0.969259773528043"},"_hasShrinkwrap":false},"6.8.0-beta.10":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.10","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.10","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-vVMpkCWiEfIqQ5aUqyzZizZprU0dNVtK3WcMOJx+X/BgdQDwNqpcPPlZm9YOj31Z6WAMitoNwnlIa6UqimDOeQ==","shasum":"864cf2895ef50c76a649a9a3e8afcc61413df6bc","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.10.tgz","fileCount":119,"unpackedSize":191547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq7EqCRA9TVsSAnZWagAAT88P/AzxD2ZHSGDC+tqGwud2\nlW7RcBfsKPzZzcjLajeQFz2sEudLQoe6ByqRENzbuRid/RuGZVkX59wxClO9\n2vfUlue51RNcYlTvpFHoJpzgz1MpaWpoLb2w7OH+z40MhW7UvqVpJNIphHlp\nWMGsYoFvMCJgEZDk0mHoGvfgfxeGZ1bRnmE+Jh4nNPMNsQRP2wNZ/yZRLO3G\nxTo+fR6E5AAQ92gSaQWUQz/WRcTUbPVYOqHrocrsPiwMPVfXZ5cIG/K+q7ci\nnxic5ZSvt9iJ4NICTgP65m1z90rC0jpGQZOZzMMnhtLjMqBNFGAI2FGXmM1Q\nPf2poKkwcieccqbxnaFT4OjmezGrHaUHsvYTglhnWkABSkv6m9zze6wPTlFg\nvX1gfT3777hkcHqTcXANpSrTDRbY4MxQKvGi7CZOLrplHTrlxaE9dadd86Gj\nCbb0M3uXoIuXvdopE/p+yA+J2f+JGIF4/J4/F0QaJsiBYjNZSG5gFkNWbTHM\nvAOqcvxG9+CNTnvcVa9B9PmA07X06Y4Vc5UKgsbdAUOI7A4LFSA7/QUtQYpD\njH3oTX9wCcFt9lpq/HwErrZHkdRJoy01CfO1ONxH3NfbIh00gYCjWLYi0mRj\nTXdwC7qro2v8Aul4GnSLTVnDX8xskJq3vimdabo2wMhVRzJ8GbbwxHqiKAWQ\n6qek\r\n=Tm2s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3ZS8S+cr1wYfriEoDpJkcb+hxqufPOJXe6aFTJhPLVgIgUVOuigAntWeCYED1lxGDw9LHish2fBAPB1lI5c9Vtpc="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.10_1621864746371_0.9288365874263289"},"_hasShrinkwrap":false},"6.8.0-beta.11":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.11","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.11","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-hddg4N8gF723VdF1Ext/kf+17gS4bz5DdMjQ9w8YVDoRZSe5/YaJVr0zO702VYHaNOAyMCWSxQ7ATaSP995pPA==","shasum":"26581a3275056f685c43789e0a906a25942ef71e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.11.tgz","fileCount":119,"unpackedSize":190984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq7fTCRA9TVsSAnZWagAAyDMP/26GyDBjOS3Z21NBRibK\n5iRMzxLwgbL3JXuOW0cnBNJbEFt7aSSV6Vu3PivMrMPI6Cy0cC4J0acsaRht\nU9KkX0LGc45ZggiGroSRLbVWd2LhMFVBt8Z2uuLXpZ6B1Z4yiwvUR61DHSWF\nrp2zNDSzhFOI8xmLY57ODOLWATKPqEkvNlzJ2jEAumsFKdNo438PramtZ/De\n2jJhgZHpA4FdW7kJWKSdOv3iIN5O6b3Vx6hO597cSuqYOlSmb0iewFXcYSiM\no60QoLEk/1szRut9+tOEF1+QjR5Q7FRXsnhFqjzVuzO3HKD5bCz/Yt2g6Git\n+2ylXiMxIy/VEFzOzvcw9HshatsoV5mRrW/0KdIGD3vsOJdGPGn5oS3AoY/y\niL4A8yrun52ZzY0VoF6TytqNOfIC0iH4QbV7foHQVpx32kc0wwydw4pDj9wO\njHHNjwkfkBe7S81lb1bZFZnO8iYtNCqDMU4QBtzu/VSktlfx/pecU4z3/J87\n4OPaXVOPnQNXYNRH+yj6Bwyfgcz8XvzQtqQciPlmR9FGcJnyRAJCFzRFU023\nmbechGj43HoKwDsMNhC0gAmzcU4HBvVIF70L+6WlO8ESbywvj4abcMN3LNpf\nypwDirfpGi5XLx398uOgFEGiPKbGYUbp84BY+2CuVS0Bz1C5MQAT5fujVLJb\nKznO\r\n=xekS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHWTIp+eBw7c2QoJvRIuUAM3KkfJbHAAbQA3sK41xPNgAiEAi88NXt/FaqqNnZbulNtRcyC3E5D4RKii/0gzbTOgb8g="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.11_1621866451022_0.5469141096274392"},"_hasShrinkwrap":false},"6.8.0-beta.12":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.12","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.12","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-tm+7HnR2GCCGzGFJryz+q3DwVtxkj2IFgwv48UuDzAIGCriPY9KDi8xVWweGxuc29Zhx1uIMf/WkC8vYXfIYfw==","shasum":"ffeefa01dcd26f4891780ede7a970474b18cf2f5","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.12.tgz","fileCount":119,"unpackedSize":191523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq7ncCRA9TVsSAnZWagAAiU8P/RA8/2AFhD/U5hIFRJZu\neZjf9ssuVzRJdcLW+R0LWJSpOTMa6CySvpv9opdSWBVo+wdxc3cPys4bIA+r\n8X/V/cQGs1pIyAo9XpO97aETci59qTUJbAzO1snoWOTNtu4gGoqAq2q2k/NS\nad3rCFJ7zYFyrtCJor9zY89oCqywXt7dN8bFOGsFpjHBMZQifKQltwwl+14Z\nYMai28wGC1mW5dnSr2Dbev6NaB+32e3qf84cgyusIJ8V4tw1cI3pO4UJbvlJ\nYu3L527GvdOXDV2I5fmxmGTrGsN3UpRP5x5xwrD3YvIQEu4h6VdwUcP9+Peo\nfcocmeGgNGLpESt4YWn4ayDXPDgki96+VzIwmqC7pmOwu1yTt5U6twSwpq4M\n4m9BWHeC86AUoBw7OomwaYLCR095zv3h6ZIqGVjG0DnXhJaInHGGYGb1E/60\nWklGQr47gbWcxAbKXrDnRsiUO+AQnB4hrlvp3vZWgn7ffZ7ESlLhVmEsrSNw\nEAZI/QPHLB4JR8ki415tKHmj2z+N+eeSB+Z4NsiSV6aVu96uCSbPU/8RA846\n0aXRhPunIwroO4tYCy4iiRBEdVV95yXnpXCYQpIGNagW5W+MSfCkMjR+d/eR\ntWE7VFfqWDPnY7YBRguG+Y5YrSbFo/YR7ZmWzDoYZydX0uyXLXKKYSvSq+2U\n5gxs\r\n=8FGM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB0/V3KgMr5WSjNW9iXGxto18wrP10xaSVXUw1mlDxX9AiEA4TANWoZWZt9pZM8C5WngUthHQvplpDRt/3lw87hUA9E="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.12_1621866972344_0.041123602405898296"},"_hasShrinkwrap":false},"6.8.0-beta.13":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.13","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.13","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-Cxb3bTOejf5KsFE2mQ5g82LaGIFgPdNLrkkDSN4Z+qwWZ7GklBnHmiSVHfrAVOHdJiu+AVbJfOM2o9BGluxh6w==","shasum":"78a8fff8078308e48646b82c9abc5a4e9c0a050b","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.13.tgz","fileCount":119,"unpackedSize":193130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq7pxCRA9TVsSAnZWagAAj10P/jTdD2ztqN3IRB+h98iK\nt7z6Sd1/YvXdOzD1kd6PpN9BTgz2F2wVxS2qbBnyoUFjErPjO19xdqcEnpBW\nVqsatyoyTwJfm0dZVfc3EnVpsRgLaqxVSC5i6UYCBzfx+1rczpsaXbdHdhEZ\nEo85AysV1fu3NscPuX43MoHmwOKY08ZZBUJaVuB1eCHwAA1Z6WMaGn9RcQtl\nMINLUSksccxLTCgE0vUDkqcXo/RpTCTaeJFfAtND+EqerjN9CrE9k4TO/Ssw\nTWYRWTKYkZnnhs9egr5B8Am/xzExEzmQD7DkoPKH5OdQXcSpVKcQQhke5NuX\nlnWQLHU9TJ9wAQmMCxivgrp9SKF0vkXSIEELih6v8hXaUhj6qh/6wxx+IdUG\nr8olgUgeNDRAUH6X+3mgPgMwkBHTAeQnCVdRR5ed0tTTh/cMg3k8HxbFszV0\nqZsB2S0sBU/HGBNWg6hlRCtjWCmlnFz26PSD07AZ4pv8zxFc4Gr7YjyB3Ke0\n40DOGmNR/erXnAcjUmqrwO8Hr8dP3LMzh6KbauKGNy4zxXCpLjvrPH78QL3C\ndZC98/yI94Rs1mFOT7kDcsLNAFWasgGXU9alvUxdJhacdu7pzGa3wKW+n8V+\njnirgGGZtdNUEKcX2619Sf3a82esKFfps07dN3j0swmUY9oLi2u4tZue0g1m\nN0Wz\r\n=MLN1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB4xn/Bmua7Ti2OiAiJzyf6yLEHU6H93D6LK6mXsGQ1BAiEApCHsBRS4efJ7DZcCgzXMHUB/d+T37RGE8qwy/aXMTmg="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.13_1621867120838_0.8192490415687115"},"_hasShrinkwrap":false},"6.8.0-beta.14":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.14","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.14","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-UEinDugDUgadP7bRoNjai7MG2oIDvzIXlWaJDv6qYprn7hWwuCwVWj2tXwFz10sPQPJyoX05c8o4iliQpZ/2WQ==","shasum":"6ce35904b36e13030375d7237cda306a3763b954","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.14.tgz","fileCount":119,"unpackedSize":192113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq7u4CRA9TVsSAnZWagAAtjIP/2YzwmiZ68FgdH38KYqZ\nK/b9lZuNYeRJYFqNj/wAHcGAbcGC0fJvm8F4gPhIEog+aySQ+oEN8EzzC7gD\nmAf7H2sPEaogtSHjLqdlfqBgK1ETvLlKjY+9K5l8lrKGbdN20TkabqHA3ZMl\nxq6aRryoQ7ZoRottotZHP/kJCd3QBUkK67Q8YvjoxSRpq8dp1OqRQeNJrfPR\nxa+dyJkHsoiSnb6VALFJy49YQpmVliCfLMfJKP8MaNY1l4kCz948YWSZ+BwC\nRNgbBE2NFTUfUXjUze2mPDTsjJrwf+FsIovyKHrFrGgduj3oTnlwci/KowGI\nrrW0MHB2zq1yE3JzanOSqwhfhYzwFx7u+lP/o5V6NnwdQTwmzWNBJNF3dl+Y\nTwO8+s76ImlFFSh9hG6fRk+cazyPue9N+IlL0/PkaZ7pKcZkIw9geeYlMFpB\ne6Gfg7gaWbsBe5ej43sDVIsV+y23pTKU38IhHlZJ60awimk8zKsYA7vKqhSv\n93XJG25q/ytZ/hX1CrmSegB69CFnbctp/BiBILrqdO50Ufdf/E6fcvYTIdXY\nK/VHBt/CvocOsyIVVzjTPSAhU560gX0YGOUq2tTTzYgg2PjXipVu1CpSFzlb\nfKmiog64gxMleQJPl2fAKJpTiNpo+o35TENq27d2UNIaKwAOp6jKFDlXhw2t\nPtBz\r\n=ncb/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF2voDJboy7efsVXHCQOn/ztyLEtn6HUQestng3IaumOAiEAxa4xk0lqo3ixfUe8QCohprAQxIWbU6RkUhnz//0/f1g="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.14_1621867448288_0.04061361280920206"},"_hasShrinkwrap":false},"6.8.0-beta.15":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.15","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.15","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-2ITmDZjMmea9D418X2ca2mFGlw2ecDEjwxsoUdgZ4nlzFxWz28s11MwkvX+Wpl27sN8uoH4HZvr2Si/OnWgJ6w==","shasum":"4cb6f598fa858d54ab061937285e7628a0044d8f","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.15.tgz","fileCount":119,"unpackedSize":192534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8BACRA9TVsSAnZWagAAm+IQAICervj71SyFPNDPSifY\ncAtgTIunvN9xF7qcY/0/dA9u+Ygk1LiWHyY3R1dSjjt/rYttwyrFq1AfNTfa\nQPRunHAgmI8iSUDPx5HVM3iB8DP9bxvdWIRC2MqbFBnYxDmRhO0xkbaqnpEj\nMwyoI3LrvQKCd6KeZxqvvA6tUiMvX2Sr6wSi2OOh9OniyuiAdsqj6fT7UPEk\nEr8wSRHWFtkUiaqQKAi3SY8F8blI2WfMXfvjh3CDY6Uouz8SLOKBnrZsiqSF\ndkL3DxkxiZBvjv7rsh/ETv+dOScBPoU4IGl2un0uzZugliIdT3V2WobFoP+h\nRZArVsf9qG+/LHJdtzaQ4FY+hZWopE+Dz5oRnE5Vtn61YvXqHjCg3nKEWtsv\neYZg6H2wVpI8C8fxJcJCWVXae3UK+y9phkbQr4w+I6zHBY75YfH/6GrhfEne\n8eJKLL+Sw8gRKiz3/nwpAEj2RpqVEhqU8W2wflzhSa7E/1Mae1IvwS55LX0p\ngflQCy0kpGKjLj/jYX51yHG1/iFjSX1cXqH1ZsSemTfLFdM72Hmm05LKERdz\n5xNMiYZxbxcQHQMZj77Urs8dPdAJ+8QIM3UlQelxg+DvXzcrgSJBws0Wyq3R\nR+GuzTk6AGh8zrBdNibmm6LfjxLjROdPGS8OjnkZTaYNQ03L9llU0BBz5TNl\ncPDa\r\n=kbLK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChn04lx39lJvdnmEMSmVm+AdyNqCbMdqwcE5TVINShOwIhAOUey9vXcXxcgeYLg2uD9NQBLpaR01XY8X5UHhsNw0HY"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.15_1621868608028_0.772719787050447"},"_hasShrinkwrap":false},"6.8.0-beta.16":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.16","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.16","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-Q6ETKrMNdwXmXl13yYIMWydfgpU8ncf93iQ59K5hqpHSFqK4oelwadJjagVJMAJscZpQXjbkpokRzYLNK93Low==","shasum":"3771b31906ebff5872f5331a7b853cf1f58b8ad3","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.16.tgz","fileCount":119,"unpackedSize":192628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8DCCRA9TVsSAnZWagAAYUoP/1tb45FT0sWtfHhQojxy\nG1ie+IKOt61flAjPnKn/NcQydZjDCf2Md5ShfBSGhUEUGs22m8L+qM1lq2yb\nm0XtNiaa81b/xeaj4+RQ5SkEvRocFqDB8OYbIwCdtVLZMOD6znEzoK1IEsyi\nANRuY0JOasGkgC8SR9VbFby88zk4dNqxGkK0rN5+455GCJrnSC6S0aUVAfyY\nk/aT1VSu6jJ0ha3lUNZb1LRXsNWLTtw2by71xn9llPkpS3fn3UUP5ZQhot09\n4LMXqYARHQ9zar1dTDjlYJM+PmuHVlKZldS3KryQ3SVUuZrWJ0hlgaklrpDu\n0d9yJqbjIrOU4SuaVExkj+uAQNAZEqHbQKIJHcLBezEDG1PxSh9JDsp+cHzp\naJBRvz40hal1lA+85MI5tT2ldlLY6zrAC6TlBSPeWonB5v2oTNECNQKogNjQ\ncL976DVvq482hPwePkTT0D35aIi3XOpu7RaAqLTyfGQwRCm5wNI06wZk0rNF\nPTUauOOLQww64PI/kcKZm2yQWBpAWN0sUs5JH43MzRlPs7o5CmjC0SmMvExs\nRfsIAiYQ+Iz9W88+K8nETRItURgMno2wrCRhFxRcG+WJEopTRcxVT7+nD5+W\n0lYGjyURQFVhrEZJCEzOYdKaAquyxhQsnkIEPc38SA/iB+ibVcXEnDT0pfzr\n8h0i\r\n=z+RT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDNgPPaCbo7aMRt3+nH8vlRZW5pDshYIDhV2uvdZFB0BAiBDi3sj7PdHhQyNwJaC/AcjjxW7ZD8nyySC6Q7+x1XVmw=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.16_1621868738283_0.04530549238996673"},"_hasShrinkwrap":false},"6.8.0-beta.17":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.17","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.17","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-aTLFq7DGTALlSwLPZHDQSEWGeZlFwVbATQpMn7Y+L6Xn1Rs0dhls653Nn6TXH+vL/GCNqopqAOp50OkUzggOtw==","shasum":"6a19b44faba35dc5e2ca5595a42e2c7c2285f20e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.17.tgz","fileCount":119,"unpackedSize":191984,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8GECRA9TVsSAnZWagAAwCAP/2hccMiKt55GnQnnHCrX\ncKzb1bo3Q5ncdsDw9xMGj6CdKh+IeT1ULIFHuO9bRW5eCJuU71eEo/rBgSCN\nnbAcKH+rvmlfIZhlsMDz07EfO5Hga77I/DWoMtEiu6k4SWn2eQDzfFoIAD0W\nwiYMBDsJpDnb86O4qkBxJA5Ghf27yqIxFV3+YUUsw2ydRpaslSxpqZBbk0EK\nYgduQ+USLLpk34oMX2E2iIqt67DifyqltUcAGfUSsydcVGUYnfB+RYr99yb3\nWDXo2SlCH1Ghv5z1XgAu3Tc9X182PHcDU9RJ8cPJc8jpC/2DhXWkPvX42daL\nqqwlhgMhAcLDr6Jbqin6ea3FsmiQKaw0+Yh46q/Aj91WHwD4pyNpM4ppo02g\nu7hGwSyLCNvreebjiqydl5y1Xms68cD7ZdSnImlm+L2MYeKXfNPyP86wHbV9\nLoMpYHyrPUZRk32yZd/ZLeuNI83/FuzmHZ+Xd3upujKXKaDvnIUcMS1zCTJi\n01VyswQlzDfZRGPEidfAOkznovtFY5EKADTz9XJtWmGaGEzUPSSm2KAFfjhi\n70eA4+3SISH+C+6gjEv0h1VKHratMSPpZAl9zwJa03KlcgCUiYq0TuIPKlJR\n2steKF7FcyqtFVQi73LtJYiBQEEP5kxSv1S16TQtXKiK7caEcHea8WWV6EiT\nmTqz\r\n=IURh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/6+FMO0+EliXseUOJjuAN2mb8icuTb+bSxe+Uur1QWwIgHJk7K4jHryJdm0l0nGJmWBYhLlfamLuqHF2xcZ4YflE="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.17_1621868932093_0.41372516149691796"},"_hasShrinkwrap":false},"6.8.0-beta.18":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.18","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.18","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-OcoFU7XRmZXrUEn9lvpOjjGcyB60Gkg3Q6qQr7LlZgkPWIww1xUYJOs9IHSYdifiqjVvOgp6iwPHXBiu/T8rNw==","shasum":"9fb77eda5e16f47e1a21344e94e82d18598dc18d","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.18.tgz","fileCount":119,"unpackedSize":192087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8I0CRA9TVsSAnZWagAA0UwP/30cyBuW6Z/TGGfXWXe+\nxHk8AJhOIEIJBg6B0wACYG0cPQiDFsfm6c7jDeVjrAeNenztC44iHKvNuo8R\nLru3yWD9G1MF3+sww/FwSdmI/u7JogloK9bSaH9iUBxzT24I50bQ2wPie06v\n5vlD7tpK1yPXfoq0t1FnhSG4CQT62saMjdmylC2c63S9FioyXDugjWuSNrEW\no1RGq+4IhiC2Ad7heZDIaPs9TyiuvWSSH39tHbqIKTMDMD4xTuoDuS0x6T4i\n+Q0v4MYThlOqBJRVSvQZfPK6QEUtNVr8QRfLp4hhK2a57kpfdb7Vpb+ChWSq\ns4L9R2v3AADJnLBGcUzDhsHDNTYLjzMFq35pzhAP6tqaBrPDK4Pe+vW/UAaf\ndJ3nkSu4Z6lR3rsck91sTY7pCGEIX72TbQrluZo2hKByxAtwAX+1myMHD+gh\nRy0IwtvC9ZdqoqADrYmsGQJhuz/KZit5136JCSyz6Pdkcv8yxxjSq+TQ4iY/\ncdhPZi2goihgqgrNVCNuDV0Wnz7Fwn5hGcJM16tIp5nM8Su8u9YJDlhtXRdx\n8b1i3Wdoi8mXru36odGM0j92UEcGJHeexTx+JU6GE2CAWEKg6gp3WC3jNbto\n1GDxehjkAX2cCtBiL8dD/fEuV/jLsvw0QrRHZaVJeI8YVvdpwn590vKuUZ0J\nG/ss\r\n=OtQX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDezrTI2/XjwWtfZcQzxMOCKkYIw2kqBOEVfPAk4x1FmgIhAO7nCNAtvQQEo6M2yk8tKNP1bs2vhBzjmk6oSmrOZ9Q2"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.18_1621869107969_0.6580471472308413"},"_hasShrinkwrap":false},"6.8.0-beta.19":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.19","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c313cd8316fb8e0d6615e3c1409e36268f720894","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.19","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-zYpKcejwB/rh7PLEjYdR4PyuKeBA6NvUWdq0XJlXBuHobscDkHNs4X2YotDLadHQr+E727fuFZ5PQYGyWUEe4A==","shasum":"8fea024127a9033360fd7d0cfc484560c46993cb","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.19.tgz","fileCount":119,"unpackedSize":176688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrX5VCRA9TVsSAnZWagAAuSgP/226tp1lQGBPMRwzOSoW\nrPMs2cd0yYgmZqnr2eeRHAseDK0hHVmbEnUmKcLDNykkG+Nf80+flUU/6cyO\n/k7xd+n2DBbSLRNWBzqLdZlyZ++75fVZWmqWtbNcgh+SW5g2WdgjqLOSPCKv\ntWXPBMtGlYhK9j+idP6PF2VvSKA2JStmdp70VuaBBsfm3gdmYGcVQYfJff/9\nNKRre+ytlhihuCKesw8Mxok00qVibGuxcEuq3QrYpBKNWHqdVCQabMhuVcO5\nC+jzAmnZzeRpzp7NGTtUVDxgdRcsl++tEpqWwog4GXj2Rt2woDik3gSKW6V3\nGFx5HeADZOhG1g5xb34jUg433O6pNwZmqdNsGm0GqqbCyMemO2we5tSPQS0E\n7GtYGI6outh+nzGOQmsmzkRNVW0XPojy+rIcUb+Mk/LvsA6SfK8sGBfR3IVw\nLzsmuPIaKSd6Zpp+aZg7XlYzgsbuoD+ZL3RXuqIkGNa4XR7WFbyQnD9zN04I\nAAB/jm9M8uqoYhr/Aegpn9637D1RC6dguVywP4LHroxE6w7NTtm+lGCHC8V8\nMohT9nDKcHB/S4e4if94NKRsrPMthIqwMpsvMplVJoYjtt0boYbR9Rc+LZ5Q\n0hQa67O6Svz12OnT/EbDxosBwFPktbqm3utcIkdCZyLL1q2aq/H5KoGaLYCJ\nIdji\r\n=lRb7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICDrdTiknJbFBYNuHgA7BJjvoas/ixcJr9AglmNb0IASAiEApoePYF7+0suq/zJ2fHuXRmZ2YkiPq/0TGuWHisG4T3E="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.19_1621982804648_0.046761903416205675"},"_hasShrinkwrap":false},"6.8.0-beta.20":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.20","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Addon Parameters](#addon-parameters)\n- [Story Parameters](#story-parameters)\n- [Examples](#examples)\n\n### Introduction\n\n- Multiple themes support with light/dark mode (just provide options object) for\n  - [Storybook Theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI Theming](https://material-ui.com/customization/theming/)\n  - Custom themes (custom theme converter required)\n- Embedded theme provider support for your stories with\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n\n#### Easy to use\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nTheme Storybook using the built-in theme converters for Storybook & Material UI - or provide your custom theme\n\nDecorate your stories in theme providers from Material UI, Styled Components or Emotion globally/per story with minimum effort\n\n#### Enhance and customize Storybook features\n\nUnlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more...\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nThis will give you the zero-config version of the addon which is simply Storybook as-is, but with a light/dark theme variant toggler.\n\nThe addon and parameters available are meant to be as gracefull and unobtrusive as possible, and therefore most features of `storybook-facelift` are not enabled as default.\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\nWhich will produce an UI wise enhanced version of Storybook with a dark/light toggler.\n\n#### TypeScript support example\n\nStorybook Facelift supplies a GlobalParameters type to help you get typesafety - it takes one generic to let you add more parameter types from other addons\n\n```ts\nimport type { GlobalParameters } from 'storybook-facelift'\nimport type { SomeAddonParamType } from '@storybook/some-addon'\n\nexport const parameters: GlobalParameters<{ someAddon: SomeAddonParamType }> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  facelift: {\n    enhanceUi: true,\n  },\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      themeProvider: 'mui',\n      providerTheme: 'mui-2',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nAs `Meta` from `@storybook/react` can not have `Parameters` augmented Storybook Facelift provides a `StoryMeta` type\n\nThis type will let you add additional parameter types from other addons as a generic, and also the `Args` generic that `Meta` takes\n\n- Link to referenced [ParamDocs](#param-story-docs)\n- Link to referenced [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\nimport { Meta, Parameters } from '@storybook/react'\nimport { Args as DefaultArgs } from '@storybook/addons'\n\ntype StoryParameters = {\n  autoThemeStory?: boolean\n  docs?: ParamDocs\n  enhanceUi?: boolean\n  ui?: ParamUi\n  override?: StorybookThemeOptionsOverride\n}\n\ntype StoryMeta<\n  T extends Record<string, unknown> = Record<string, unknown>,\n  ArgTypes = DefaultArgs\n> = Meta<ArgTypes> & {\n  parameters?: Parameters & {\n    facelift: StoryParameters\n  } & T\n}\n```\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { StoryMeta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      autoThemeStory: true,\n    },\n  },\n} as StoryMeta\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"defaultTheme\"?: string\n  \"defaultVariant\"?: ThemeVariantTypes\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"includeNative\"?: boolean\n  \"native\"?: ParamNative\n  \"override\"?: ThemeOptionsOverride\n  \"themeConverters\"?: ParamThemeConverters\n  \"themes\"?: ParamTheme[]\n  \"ui\"?: ParamUi\n```\n\n#### autoThemeStory `boolean`\n\n##### Addon parameter\n\nGlobally enable the WithTheme decorator for all themes using the original framework theme as context in theme provider.\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### defaultTheme `string`\n\n##### Addon parameter\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### docs `ParamDocs`\n\n##### Addon parameter\n\nEnhanced Docs control\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### defaultVariant `ThemeVariantTypes ('light' | 'dark')`\n\n##### Addon parameter\n\nThe default theme variant for Storybook theme\n\n#### enhanceUi `boolean`\n\n##### Addon parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\n##### Addon parameter\n\nIf custom themes are provided then set this parameter to true in order to include the native Storybook theme\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Addon parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\n##### Addon parameter\n\nEasy simple courtesy parameters for the most used features to tweak for the native theme, as well as full control via `override`\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n\n```ts\n  // Title to show in the menu picker\n  \"title\"?: string\n\n  // Control which theme variants are available - defaults to [\"light\", \"dark\"]\n  \"variants\"?: (\"light\" | \"dark\")[]\n\n  // Control the usage of Storybooks theme values in the backgrounds\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // Override any default native theme options from Storybook\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ParamThemeConverter>`\n\n##### Addon parameter\n\nMatch property named functions mapping the `type` property values from `ParamTheme` to use custom themes\n\nPlease note that the keys `native` & `mui` should be reserved for Storybook Facelift, but can be so you can provide your own converters for Material UI and themes for type `styled` (should you want Styled Components theme provider for your stories)\n\nIf a converter named `styled` is provided, then the use of `type: \"styled\"` for custom themes will be supported with a theme context provider from Styled Componentes if `autoThemeStory` is enabled\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n- link to the referenced type [StorybookThemeOptions](#storybook-theme-options)\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n- link to the referenced type [StorybookFaceliftTheme](#storybook-facelift-theme)\n\n```ts\n  [key]: (props: {\n    \"override\"?: StorybookThemeOptionsOverride\n    \"theme\": StorybookFaceliftThemeOptions\n    \"variant\": \"light\" | \"dark\"\n    \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n    \"responsiveFontSizes\"?: boolean\n  }) => null | {\n    \"storybookThemeOptions\": StorybookThemeOptions\n    \"themeOptions\": StorybookFaceliftThemeOptions\n    \"theme\": StorybookFaceliftTheme\n  }\n```\n\n#### themes `ParamTheme[]`\n\n##### Addon parameter\n\n- link to the referenced type [StorybookThemeOptionsOverride](#storybook-theme-options-override)\n- link to the referenced type [StorybookFaceliftThemeOptions](#storybook-facelift-theme-options)\n\n```ts\n  // Unique key for this theme entry\n  \"key\": string\n\n  // Built in support for Storybook native theme, Material UI, Styled Components (through custom converter\n  // with same name) and any other string that is matched by a function key in the themeConverter parameter\n  \"type\": \"native\" | \"mui\" | \"styled\" | string\n\n  // The title used in the theme picker\n  \"title\": string\n\n  // These are the theme options for light and/or dark mode.\n  \"variants\": {\n    \"light\"?: StorybookFaceliftThemeOptions\n    \"dark\"?: StorybookFaceliftThemeOptions\n  }\n\n  // Override any Storybook theme options value for this theme\n  \"override\"?: StorybookThemeOptionsOverride\n\n  // Ability to configure how backgrounds are used in the Storybook theme\n  // 'reverse' will swap between app and content etc..\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n  // This theme is for the toolbox preview mode only and will make the theme not show in theme picker\n  // Note: Only supported for Material UI themes for now\n  \"previewOnly\"?: boolean\n\n  // This is for typography - use responsive font sizes or not\n  \"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n##### Addon parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n## <a name=\"story-parameters\"></a>Story Parameters\n\n```ts\n  \"autoThemeStory\"?: boolean\n  \"docs\"?: ParamDocs\n  \"enhanceUi\"?: boolean\n  \"ui\"?: ParamUi\n  \"override\"?: StorybookThemeOptionsOverride\n```\n\n#### autoThemeStory `boolean`\n\n##### Story parameter\n\nEnable the WithTheme decorator for this story\n\nThis will wrap your story in a Theme Provider for the theme you are using (MUI or Styled Components)\n\n#### docs `ParamDocs`\n\n##### Story parameter\n\nEnhanced docs control for this story\n\n```ts\n  // Set to true to hide the column borders in docs table\n  \"hidePropertyBorders\"?: boolean\n\n  // Set to true to hide description column in docs table\n  \"hideDescription\"?: boolean\n\n  // Set to true to hide default value column in docs table\n  \"hideDefaults\"?: boolean\n\n  // Set to true to hide the controls column in docs\n  \"hideControls\"?: boolean\n\n  // Set to true to hide the sibling stories shown below property table\n  \"hideStories\"?: boolean\n\n  // Set to either full or simple - full is default, and simple will ONLY show docs table\n  \"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\n##### Story parameter\n\nFix some minor css errors, ensure contrast ratios in text (themes can have weird colors), and allow usage of the `ui` parameter\n\n#### ui `ParamUi`\n\n##### Story parameter\n\n```ts\n  // How much to elevate the content panel\n  elevation?: 0 | 1 | 2 | 3 | 4\n\n  // Ability to override SB's own preview panel padding\n  padding?: string\n\n  // Ability to use a custom css box-shadow string for content elevation\n  shadow?: string\n```\n\n#### override `StorybookThemeOptionsOverride`\n\n##### Story parameter\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n## <a name=\"support-types\"></a>Support Types\n\n#### <a name=\"storybook-theme-options\"></a>StorybookThemeOptions\n\n```ts\n  \"base\": string\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-theme-options-override\"></a>StorybookThemeOptionsOverride\n\n```ts\n  \"colorPrimary\"?: string\n  \"colorSecondary\"?: string\n  \"appBg\"?: string\n  \"appContentBg\"?: string\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n#### <a name=\"storybook-facelift-theme-options\"></a>StorybookFaceliftThemeOptions\n\nConfiguration object for either Storybook, Material UI or a custom theme depending on the `type` property set for the theme\n\n```ts\nimport type { StorybookFaceliftThemeOptions } from 'storybook-facelift'\n```\n\n##### With theme type \"native\" (Storybook)\n\nFor native Storybook themes the config type is almost the same as that of Storybooks own `ThemeVars`\n\nHowever it does not have the required `base` property `ThemeVars` has since themes in storybook-facelift is bound on light or dark keys, and should be able to support zero-config with defaults\n\n- link to [Storybook theming documentation](https://storybook.js.org/docs/react/configure/theming)\n\n```ts\n  \"colorPrimary\"?: string     // primary color for theme\n  \"colorSecondary\"?: string   // used for buttons, menu item backgrounds etc..\n  \"appBg\"?: string            // main background color of body\n  \"appContentBg\"?: string     //\n  \"appBorderColor\"?: string\n  \"appBorderRadius\"?: number\n  \"fontBase\"?: string\n  \"fontCode\"?: string\n  \"textColor\"?: string\n  \"textInverseColor\"?: string\n  \"textMutedColor\"?: string\n  \"barTextColor\"?: string\n  \"barSelectedColor\"?: string\n  \"barBg\"?: string\n  \"inputBg\"?: string\n  \"inputBorder\"?: string\n  \"inputTextColor\"?: string\n  \"inputBorderRadius\"?: number\n  \"brandTitle\"?: string\n  \"brandUrl\"?: string\n  \"brandImage\"?: string\n  \"gridCellSize\"?: number\n```\n\n##### With theme type \"mui\" (Material UI)\n\nFor Material UI themes the theme config is the same as that of MUIs own `ThemeOptions`\n\n- link to [MUI createMuiTheme options documentation](https://material-ui.com/customization/theming/#createmuitheme-options-args-theme)\n- link to [ThemeOptions on GitHub](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L16)\n\n#### <a name=\"storybook-facelift-theme\"></a>StorybookFaceliftTheme\n\n##### With theme type \"native\" (Storybook)\n\nThe fully initialized and created instance of the Storybook theme from the given Storybook theme options\n\n- Link to [Theme on GitHub](https://github.com/storybookjs/storybook/blob/d250308e41f72ee5792533fe4d04ed31b820741c/lib/theming/src/types.ts#L57)\n\n##### With theme type \"mui\" (Material UI)\n\nThe fully initialized and created instance of the Material UI theme from the given Material UI theme options\n\n- Link to [Theme on Github](https://github.com/mui-org/material-ui/blob/79242159a5156d11db4ce3a024e2eb07bd953b49/packages/material-ui/src/styles/createTheme.d.ts#L31)\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nWill also enhance the UI and add WithFacelift decorator to apply theme to stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    enhanceUi: true,\n    autoThemeStory: true,\n    themeConverters: {\n      styled: ({ theme, variant }) => ({\n        storybookThemeOptions: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        themeOptions: theme,\n        theme: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'styled',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"5a577f17fdb1a633b3612e75991aaf1f62ff400a","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.20","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-sqTYqd0VfKZeX860XvuCVsi55QFYo6wziqChEULR8DRIL+cRt9mP7WjPdz+rt7aCoeOXkOj6Ea1W3r8vpFpPyA==","shasum":"e9a6e4d26f3b9a2d1caddb8367d8d580f1b6ed83","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.20.tgz","fileCount":119,"unpackedSize":177761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrgZPCRA9TVsSAnZWagAAj0UP/jHx30J4V37Mtw4EhRxs\nzXSGjDAYajCDqmk0CAq8utUkqKnkYQmf1Ioh1HqE+GoNtSBz81vD8bWbHxGp\npSXIdVsAqPN9okEl5l0PJ8Wuhc4UiLrkjVmKSt9m3HGVwn0rvP7bE7FiweXZ\npL5cHlj6AcaVFmxSgFdBR7qmxppnaBvpPvsSXFWkqtlF+kO4HrB3/X/ZIhOs\naSTdHmwMK4/oSJMTRNpBpKrdSUYArKGisFRhkgO78xrxZ63H8ms6m8WEhaLd\nbkZgjR+gzJcB16hwMhKERzF1nShu3gxun2KKZxH6tUw+tSBV14EyOjhpGgsY\nVv0+q5um397Mij4qD/MEV8vwAfeioqZFeB3xVEpUPZ4sD/0z7frOcNBdCUdA\nKd7sA+LVRM8kUiwj0ln6Wc4uEEsHqk6Ag6gO9492sHpRr7iiYIt8d2fKeIGO\nwZjTrvuzLocqjSix8nHvZC3dNoeUEhrvsgglihT577RFjH6pFXIcAl8aEOID\n9T70vZKzMtdtDidQ/+OwVE4vFOKx2exB4Mh6A56yrhY5m41OUt1n5rwY+8jI\n06aEppkFvrlEf1WkELlYUirLTESd61d9O9v+S7bDWpoiFbS8088GXFFAOADQ\nRKXeTkDSQnRv8wfGpxY3JKPALxYJzG8fXKH9DslaF0mXXhq/RT9vQBdNP4Tb\nssa/\r\n=U4LT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF29lUsmtwk5RyrCkjl5nRh2ZVAqDFp7ic8KZzqb9Ng4AiAw9zpE7UL/Rc9kP9O/VZQosxyuIaZmSNkGHD5MZmzU7Q=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.20_1622017614927_0.9730994123335948"},"_hasShrinkwrap":false},"6.8.0-beta.21":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0-beta.21","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n### Multiple light/dark themes and multiple theme providers for stories\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\n### Introduction\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"911cb4b25677accb63425706dd31bb6608274b85","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0-beta.21","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-Q6rQA6WoEG3AyzGzpbd0EwZoGLRl2BbGwdrMxQmA1MIQTQOZdUpD1dJBC2Tcx9zX8o+7jro7JvP5LaEZGb4xqg==","shasum":"3763bb2b53b1eb5af9f89fa5722654dc2bd5927f","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0-beta.21.tgz","fileCount":119,"unpackedSize":168994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgriaCCRA9TVsSAnZWagAABS8P/RyOXd3dPDIn1/J3LhiL\ngcYWLo6XraITpKGE9vH/zllpdCCx3TA3IGxAjjWb1VG2Eli3KxCryIjK4rTU\nIU/k+umGrGGfQGzQHFnXGsWiINXBhUYRlonrN/0EVVWjznN/nFTK8322kRS0\n9vXw5yGEUs0Y72XI8EYlNfcbRMoa21bYlx6B7ENr2XDISKg/XfJ9s8+gf1t+\nbWyoiLzkjCzxm2PhOW5oyJ6qehdAuMxi3tNNfJ2vrQXkO+K8WCjDB+WGfeFI\n3WaKtT295WX83IxNCGpR4DTRX8Q0u9MPnUzEDG8ZGb3ewrn9qeU1D2vVD+YO\n6w26XV/oPhNhH/zllLJeyW8ro3bLvQUFksjIVTkA4QUS4Vw99KegGabaoWcJ\nSJr5cUd8nR4IRJJDgfupejKdlEXjuyjPxoNTIxEAlc1qBGAaV/859ifl4yAv\nS4eMETtDXV/5r+zfGkMjShxyC6/VHPWjJevpynmSHNChxNSTDAsMoOvA1gVX\ngMbHvHJuixPgCuSUkM+Izs9VpyulmUpmqKNbZKzZvaV9UHSA6wk6t3JC8Z43\nGnAwxqXBeV50Dqt+16RhKb0DNuVTVRTsuZKHxiTri1w7nxTpRNZdpFBYMkAd\nqiH9JqCnlBuEr3+18fmMrTLFxvU85ENxBZnoLsZYUnsq2wXku8iQncNV8AqV\n5JqY\r\n=vgph\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEMtvWnEmPjFZNWmXpIY7etuvtFtZI6VlNoCpKK0B4UbAiAtNfrzyacRX+lGWFerKJ6X08jzodrJrK6EYZwRwyHdtQ=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0-beta.21_1622025858197_0.25751808417840283"},"_hasShrinkwrap":false},"6.8.0":{"name":"storybook-facelift","description":"Theme control and UI enhancement for Storybook v6","version":"6.8.0","license":"MIT","type":"commonjs","keywords":["addon","theming","react","storybook","storybook-addon","appearance"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"da3e5260d648172930f1cb87e36d96ae2a4d0f53","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-daKXKBTRkYIEK/Nl7HskqmhUY0Pl8D6KwvRWxk4kSo+rC5AlUMW4d8kLLw2UOp6oYLkQ2n6GybNkBNbudFIwRQ==","shasum":"f5dddd6a141e59482bff2558a82ede8e3480ccfd","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.0.tgz","fileCount":119,"unpackedSize":169309,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrirmCRA9TVsSAnZWagAAxOsP/iGCvW4ZHJCj5KpLoidG\nlV9Hq/4l0DWsfFtnDzouaLbCcqtczPC1oFTqYjTa5mRhxMtHBE0MFIwPgqp3\n8/EqycBZTjugIuwYge6ymNY1+JVf1Tz7p0Ph0+zHyM090UoJoTOLUtHE21Em\nNvKl7wgtGWIH4kvQpxwlnO143Jut4OUMlVbE3gWJCXivSDB4nl1lEmTKHuDW\n3hqe5gaOgljZMOAXFOY7pl2XFsYeQqBpzw7+o1hsZ8vA9BiQ7WEMjaaeqoas\nznf9RLetoFJV8mSHHXZ+5LzKHXngIkOQirvHEbxjLJwDfMY5P02JiXlw0ml2\nlPtVzpbH4/1xJT2ZVP5heUqoO+LQHTMY0PaHI2LEaFNXwKFcCv5uMxT9VdoH\n8a6/oi2QfsbJh66oJG3WgrlDnaegJGghGm1lS0XuIMwBolB3YfO5i6FhiLEJ\nhhpmvRnLe3KGFe+rI8GA4bsy550Xdmb43o9BlIgPFSwd0taGt8/TGM/rUJBJ\nQfHvs7QbZdpWOyAh+qzUeozvatAW5iSdmLo9xMVJ8yD18ZRtRFXMVG2aqmGM\nl7rkwCHIEkT4xcoXrjK0honr74a0M8XkTggjQX3LydVSLW6dUq4yonC80skR\nbnj9b2WvCgt0mjCKMRtN2o5AnFZWuRjsj8PX9adQSSJzNzk1jrnG/fXhgJr9\n1ztL\r\n=JC/k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDdsLbgs7k85VF4CjjspJq3HdS8pRHFVlcAipF4N7kLQAiEAlxcRvSA1R3SusNc2Ge9MMEDWoplBsLIYyPJR2jokfcs="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.0_1622026982037_0.514541688986283"},"_hasShrinkwrap":false},"6.8.1":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.1","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"1111d3b5a7448bb4d86bbea8b3447eb09f87288c","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-X1CJWx4ZtxSwX8jOebB4ouASFUQd3fP+VTp2YRLnuMpLYghuMXZ+B6pZRmshhycpgAsu3oxCZKOwlMqrQjhMBA==","shasum":"1268b2c1961dd3a70f66693f834a69894a2c1648","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.1.tgz","fileCount":119,"unpackedSize":169315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrnXXCRA9TVsSAnZWagAAwJYP/0LyxNWGz9Ib+gDIcvJU\nUXPpBiLL+Tv7803dT8Hh2P5ojpctIjzclaVWvo24YaTaU9YNACNKMl/OO01s\n/sgVMISSipigoPUPKO5YjebNVP9UrdBDKBLNBTNrwJXkn6a3tdE9bK9VT/Zf\nJEtnxdr0yBDPeGt2YPgM05tCbvOm8EIWaUu6CFLTyLyAzcwNAJHn00YOnQxu\n5aNYo5j1LISQkIq2xDLFRHKPOzfF1xT0XaLHYBN/5TkvvUA3baQkfYcCRZiO\neRAeaACYawoh9p6RwbRVNcGWGl6IfRJTlniLDesJiFEp186EbHUkwNREwVxQ\n/rHgZq6Jeo+dFuzJkjlXsTErW7dxszY5v6HjvnrR0dl7OP7glG2vP7B1xM60\nXc8lN0kEsOEPfOk1FzVx91FSo03nPSEmEntQztJbyTasGaOX1ChN1LjLr2r0\nEabbzox0/4uaamRwOVB3csz0py/iY9cxsnCYYOikqfExW8PvPtH9HukX0xWa\nKc8uaz22NEXDA0DG8ZKPBzamAihw2inLYAmJUXu+2alyJatU7WZNFbObAFIt\nBkFqZrMCRqU52xY4j8pk2iqGeGPv5jVMG9jEjnvDfDvbdl6wqt7iNiw12v8C\ntApwzLbFtYfYgtZGbQ2B46jINnYWsXH9WNI1HcuZrRxAd6pX45s1AEWCnhgZ\nPB70\r\n=TRKk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWaq1gEcwsggNrv2c/dfmNRMd20PtKJXz1JqFmZq33wAiEAjBh4U0UZ7BUA19+ebVLAauOYcT5ZLp02ZBApxb9dsHY="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.1_1622046166732_0.18112709458689147"},"_hasShrinkwrap":false},"6.8.2":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.2","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"6613a0850342447bfa3791c53662dcdc789a0c52","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.2","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-PxuXReDP5w/u29IH/dz8eVGisGu0tLn8lGkpDnbDYzYpGVIEh6/URaOhCs2rC5mqTVZ+fhwpBVqJZs3QwODB5w==","shasum":"30adfd36ac1a560e7518d078a9b37fa9f7429f69","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.2.tgz","fileCount":119,"unpackedSize":169691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrn7NCRA9TVsSAnZWagAAeWwP/RImqn+76Qm6nG/CuTNg\nYV5JF/6pAzpm80UtxIV7Pfa0pSaSW9t3BAhkAWGIyQKFTfTRKZEbEttUGrxy\nsNnGjozzRRg8fgOth9Uy4os7QgaiUsOVp0JZWrnjZNLyJcqaVmHhSSf9/HUX\nFBPbzpRnuCsnL6oRK+zuKofu/zyYpGs3UGtcneih3WvJK/4DyQ6rdVEf/Ndx\noIP3VRg/mSV0D1PYUaB+meuxkxVGPPo3IPkDPLLx1A6gUqGt/DE4KzUXyInV\nLcOlsouQnhRrVTe7fpuFoz27YnOBOk9HXxv5DzVp7lewlvnVQWzqvqNDzHy+\nFaWfEcFFR4UoX1p4qhWX5llPPu/kpLrX8LZfhBGhcW/JBQrSwJnu0X3B9ZC8\nXj/TYdGzFlI8TGdK6wFtW2+1zlURb9CZadkrvJ+dJqCHijO4S9BBHBiijdrC\na0cwLxB4SUJK3Ex1NBDqCnjRDQXJRBcAEIJV3/uw7hkGwGo/n3JiX0pbukiR\nKM0+m4G5N0yFzRqMSoWpQvsbuseHeIHJ3UathjqxYbk3f1xOuAWgyqtKLk1l\no29d0AoAFuKTxSvh7Ep8ybLeIDdIDQCV+q9nSwWkdUGEQQKjd1SE81bA0q//\nEeohNONf5ZkmJrOFU20EOOClRwtf/qyJqZ8GVFkQ7t9RGBqMnyhFD0eBSedn\nO0qX\r\n=6+6o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAhntsgFwKZK1xlQbBxWDfSGNRC1FNSLhPKqNr9ImTyKAiEAkPq3lZ2NqCTvQEErfML6OKV4tqUO/FFk51FjuiO28Aw="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.2_1622048461065_0.00213332162453983"},"_hasShrinkwrap":false},"6.8.3":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.3","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"5b0feb046600a8a682d7a8c44d243164d9cd12c8","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.3","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-rSIcIAVJc2c+PkaumeBRe9KkUSWY6vmOh2lJ7YxlR8A4ScXAzJEUO9JvGvtpDtfazNzqUwcwIHLoi+JAsJRVxQ==","shasum":"c3782af50618d65c4d687c9defd0636ec76586c6","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.3.tgz","fileCount":119,"unpackedSize":169615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrn/fCRA9TVsSAnZWagAAldAQAJogHRH/bKygF0bW+mWW\nWMsIbeu5/VdG4Gq9Zt+P0uguvH/Hm09kyUvtsvrOFYMqL4I0MNSYTQOX//je\nuDeOCYJiJuh+nmsfsxvu18pm8tOIAoQPZlT7NA9tIB42hJzHKB7/n6EEVdYY\nqf9wm4Kjl/YWosooD+9XrdTJ+kG+Jkq4Xq3pL2ciQvGcb2sXeR+1CsobunTI\n9BKU45/zcgEjLYgIVxLzQPedhHBiDpzjbY2ZPo/lnUr1cAE3cRREsA6uJijv\noi/ccKn+a7fh1/3b9HXjntdeZDD0EO8+1MRYJ9ZM/lBfgkd7weNfjmPITIlR\nCqaT3CqdIRKhkWZ5axnkpNY0Rjiz5vcnNQmcH2CDcDfSXnbRwbegbZJyBhPF\nverY5OrSFMo+OC94J/cBYQki/ASG1kSHpfJvpxx+dyCaxzbzNCjTF0vLuURN\nSuwcP83E5Qfi2jQMpOVfMxKQ4iaQtUNErsa3CIoNxgYjGK6mr8PnTXUpHeuI\n5oq5Ufa1gmHrl84sC6DSpfX5KLXMAuLtpB2e11OB2w2AKO1ZMcjZlC7H8aFq\njkboaa4jUXdAc5VPQwFolmVtYDbdZedWuhsSzuo6WDmYTr92QF13xjs2MTLm\n44+qaysO2FBPhuQQ4DyA3eTT+PPe6LvJNRIKVrRuRpJmT59TXhfAkapnDMoB\n6RPA\r\n=Q+hb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIENik2ZkV1Gxtd81MsjBetdGzQMCgQEk14xBX2FcUGLxAiAAh7gc7x/Ay+p7XiJB3LCmnKIf+IBLVfv+uoVTHtAakQ=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.3_1622048735470_0.014492619365693349"},"_hasShrinkwrap":false},"6.8.4-beta.0":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.4-beta.0","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"22cd5f0943744da684438fde06f43858bb83878a","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.4-beta.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-1gEFQz2VTnLVaKM7PbNSVWqUA098F8OUpXrw4MwekA9qGiAa8IG6s2tP2hPvbgzvr6M6yIh+yjcemsGt8gIA3w==","shasum":"8190d4a8f5ec9c94eae5a8e435241f848192a57e","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.4-beta.0.tgz","fileCount":119,"unpackedSize":169917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgroMlCRA9TVsSAnZWagAADOYP/1JG+4xgorzYh+qNj3eH\ngEFWadZivmcwXILN5lqW0igYmwozOL+uodTPVuuzDT4nhVDcaYa3gk3UrUQA\nyWOGDmKPlxPsExEIuvEmovuKjeJ7vqyo7JKT130Q2oOH4wcZ+AkBlsxKuG1Z\nXE9RkUJI9ftXL3Qr7pZwmConAwm/QRCIwJ82+Ae+x6GMGuMHbxJ+TwcHpuLK\n85AZSZBRHwiKg43LnZvjZhCNqgv8cOwdpbyBYa78s+R3AbixX17SBP7GdfBi\nm+xZWi4oEV5a1CJG/mwN685pEhGZtUzaQZdlor/d/sPOd8oOvA/6ovkJX6C1\nVN+biLa6TGAfntznqr2n3V/Z8ItZlnvbJ1vsRJHj+j87Ha0XH8krlnPha1XV\nocI0vrMq5mJwaTgJ9zlnn3WME7jQCowxfcAYAnJWy8iXxA21NuvGZkDZfoKy\nPqTdJiWZaT0z/f31k4sZLoOFrHPRg53y1p1jJEp80RcjNF5QMHDCiMkPBKFN\npiRSxfzdrTdy8LB11z8CHTl80TCo0gjAyE+s824oU/H4RqkoeZApNUR2iqQX\nmTVFAX5YTFlUHDQdIc6jl3T50HaauAOkf23ZwbFxP0gPf9KOPVANxlXBvLY3\na9cWXz3k9xdkn8uKhR5kZNj6e7pvi7rsfsGd16cHgM6YMzQw3/6o/wihs9+g\nM37v\r\n=ysmR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4z6hZvMzrgA8E9ksIAQ4uea9a4k4sfQbfl25DDj0pWgIhAIcNPnTcpLW3Grwoiz3s0kWE44lxcwfTreOqC/HOcFHZ"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.4-beta.0_1622049572346_0.6359954999146129"},"_hasShrinkwrap":false},"6.8.4":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.4","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"23efa429e55836d665908fc1e223a331ae6f5598","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.4","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-5GE/3Mf8D0hZdoTaHrYVMBL5i9FHOtB6bQvK2IkTOWI6NrUlfIhYoyxv4TPI3XxeDPjQt3eGODxsLsYSBG5HKw==","shasum":"c7e5491978518e811587caa6fa7284ac4481b9e7","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.4.tgz","fileCount":119,"unpackedSize":169760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgroS3CRA9TVsSAnZWagAAe9UP/0lhz3tteBhMPpoK2UCa\nm7oNnQdas1CL4G+22oFxdreDL+H2PEAqM+kw7OPjKy8eK/v305M3vaCQCguB\nTjYlUUWOELbcWnW8o5cX6hUiBgInGDXdvpM+N1c9TppyUrF3IaCykU8c+6aI\nHD+fepN+UgCXMftz3J6JV/nXdtAxkeUqWiXc2j6jnK5cuud5/yoJRCE6QbMS\n4YBc+i5EHP8xPaGTVFQn1fqgprLoH36GFrSfW45iipFR5X5xHfy5XGIahtWW\nuPJmrO4By2m7YRQaeGL+WluV2sA4trReNw3k2Ymdb5Yz8HKHsnJc3n+f8PyW\nWovNs2zcq1EkuxeH3lP4FkooFBdKIgHYhi303aXuDYJEi33oECUJRPR14TrJ\nQSFfbXSBBvVDjMoMpJQNVSgp5y01yl51hIYmovNpek52cHXd6bI2BB36wFAs\nfLNE5mj4mThm2/hh2+XNvzqGoe02d+y1R+pqxBYLxXCcdoTVMibje+MCNDME\n3lCwrdRYpsP1+HbjB7cYL4KJEycQmaKGuq0Qnx0/LgeWY81jLwvxStXm4+9m\n76yE57l+hV+WwiVJcerQQ2J+DnDSeDZ1k5yZUpmuawIVpCDcjFGvDRUFVBjF\nlTzq6gyLUBzKiya4YsNBs370UKsvuqB9NkGttDtAhndiOXzKiS7eraaBUy6/\nziOR\r\n=QrJL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCc89rmV2q0UV0o79POpjQ0uHT6BATPKp03smS7aA3N7AIgQpcN/uyvXe03DSfEPnOPgd9S1z3v7LrN5L9dyOmhPz0="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.4_1622049975265_0.09503000536955475"},"_hasShrinkwrap":false},"6.8.5-beta.0":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.5-beta.0","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"8288a6e9a3d8e6a862a97eead945674bcbe91a73","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.5-beta.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-5LR+HfNttUTzY6N+1lkbzqEd9tI+o0lLJw+eHeuSkNEbQMuoL+Tp4Ly/t4cmCGvsQ6yd73ChlbqO2oHmvKMVEQ==","shasum":"999497312eb0176060c61c395980c3cb63b574c8","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.5-beta.0.tgz","fileCount":119,"unpackedSize":169772,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgroZ0CRA9TVsSAnZWagAAVUEQAI47eS+6IcgkX+M/OmgY\nm7bZqwIis3U9tgU+CW4JTSxbR7Uar6T/GhAOxm7/Plgd5gvKIRIHebvdXj1J\nIa9eUDfvN+Yaqa5j7VEBjsGXzfqM6cT+BNCVonyW5ayYqmy+OJY4e1IRjv9R\nd2QTkdXRtqgA1hhkQv6hvPATn/UIAT/RJIkxVTmUdWYVidF+6FNy/cmrIf3f\nJ33dKKIFjWDwjaFypMwBhz2ya0OIrvnUkLicF8QCjyYqKMLUZAXox4W/f3Wx\n9pCq8QGbZEGZhNTEGVKrydEkk+QIJXN/2Vpi8Ugx2+NzJcg0/7OfZoMQ4v36\ni2OZWJkZKLuisrB2hyLiDgjNKrNQcmg4u30G5aD3JvRuW4hSLBmEL+pAlOpK\nZUv4EBZGo0nVP6nQB0fssQzOtRlqQMTcoetogtXhG+ZZ0PDDjMm7la77rP3g\nZOEa31ysYicm6500L7bwV0F9fgC6Ph9OlZFcqpR/X+OfIPAxJFTEMW8MIJSV\nqjgZ+6e+SN5jzPoE1fiTCAQ0LlMNq1LYR6MOdIsNkkGAvYIqesjks7qNw9kk\nuI2RyRfnA0s2o+TPro8tO/xwmkCA2JCp95g0QbTjeVLWvYYX624kcm1jGn4u\nzrBfGuplIgdQbulACtLR18S+LtUOoQghu9DfcLtRZEsH3CDTUrIyB/aJqyoL\ngSng\r\n=vlZ5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5Z29cGl5+RDJqoGb6HHJ0LPKGSjEh5VsqMmuzV3e34AIhAMX0kEXKmPfv8LBMhTyQagP2LpAMJPB2jOifSSKYjoEO"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.5-beta.0_1622050420097_0.5666366067947244"},"_hasShrinkwrap":false},"6.8.5":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.5","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"372b3f3079b8edc124a007f7c225f9cda23c3f51","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.5","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-07z1g0rKevrTkKFJU8i4nI6msnUpRXR1BMIJ2mjNcMG05WfY/zv1qrDRyuXFJ0yyziFox0nbFmFwvJoIjDgV7g==","shasum":"d6faf03c7bcad6b77df2662f9736bd58f1769b6c","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.5.tgz","fileCount":119,"unpackedSize":170029,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgroc7CRA9TVsSAnZWagAARFIP/2mEJG2l/HEvM7B8HEDY\niqmhtF2TKuC9fsQDgs31Br/3vR0/xHLoqDqqYh3YTtUB8/O0vEzGxjDJxacT\nbYWiiD/Oe26N8rp6CebRI30/cQZJL+YJBYZxoo4LHeuTA/XWZQAUDxshg5TP\nz99jy9KXfs8AzE7z/iN9BLA0wOZkMXxmneK3cyRlg7jA1BB7RKEdPxe4yj4Q\nDR1m2R43v7WsAoAzUSsyOBXZ66r0GTu7pjja00n/G74G9s8NHcwXBtZkTyUs\nB1OL0FL3y2pGPmj9E5lug32w/YJpesaUQsznurgE4njqPymtuDnG6FDraeoB\nNJFpV9Sf2J0/cJ4jzCoiCDEqQYtc+pwLCVlmmLnSssanNlbCcSormlpPdM8E\nD4Z0LTc8oekpVDfnA2Rob0s0sR/9bnefosuEyS3b1hbZL4PPqm632PopWEJG\nCw/ijqvk1c5sicu4KpqARRCPewvRVaQhuh4V8Y4CRcu9QKhR1WrQmRQpJh5R\n63Jag8WGRgNoHreAVrODdiD3t7/jBqEkzn3yh278pgHSPGriAldtyFu8tKQX\nczfCety+Ac/Ma1WV6+e/n0dLUMxrDX2seh8ROFjtflqFikDh+vR4dgu1HGub\nnujyyg1HYHA7q6Vy2WGjLYpsZohRsSUsHyHi/Vs7uXYE5HSPa3A5XwfPcL8U\nGPha\r\n=M2q3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDwmvDdhu+O5kx5zWqRx2K40SIOUguyAbCk1pGbaSbudAiBGxjd1cyvxcFyaQ35YfJvTyay5TQZwCDdaxEEv69dW3Q=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.5_1622050618663_0.7330773595727529"},"_hasShrinkwrap":false},"6.9.0-beta.0":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.0","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@callstack/react-theme-provider":"^3.0.6","@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n  - [@callstack/react-theme-provider](https://www.npmjs.com/package/@callstack/react-theme-provider)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c340fe521812ecde76d286806c0f7cd3a178abfd","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-+gAGNdygnl8qfkI27Da5KQNCVnehcBeD5xGHgtk9Zl+WOoEWtMHHD9CzX/UN+ZsiOWjVO+e45pytqpVwkwV+OQ==","shasum":"bf9867701fb6a4995bccb0cc48df69ba50e6b51f","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.0.tgz","fileCount":119,"unpackedSize":172348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrpctCRA9TVsSAnZWagAAANIP/1s/z7U6VMFJ7oc90Ozn\nIWQr82x6SFXt4SctcAwYJLjWm5iR7i6nHhvpp+oNENJQQv7+Y+2CwS+sI/Et\ncHl4H6LiKpWuIKqCp41883Qq4RBizZ0SmArYI2nBmVkk+UOPxty6KKggRE0Y\nVxeQZ03/qRj/MVy995qNHNDLL7BRYY/9xxrLM7BMLjKvuXE/Os2eukJQj2Er\n2vHyJmfJk4427kwNLie0M/8UEvqpDt7Vr+osMG2S5+9vxjLN0ieiP89JxW3Y\ngwXoH/X0BO1IeTWX6BB5K6urMMqG+G20a8U1505b8qBoEiunyg4b7t57f2ND\nmDAazAkdfLoWcJREXJ3sUYw+fHmphR65faActmx7KepphYnUMTTB9lhqbGQI\nnP4QSU9tcqsCrAodrvHACemfd/oeIshcHd5Qtg0wtghDE5Z5twGyU9Okcs/Q\n8Ywy10OOrvkChQ7n8xZxn+YlcFj4crhp9qpmZgf1zTEW13VUwjfatlRFAJke\nUfACd1L1k+SWngRabhInE6Vkw2Xd/+Qdjhaliwjh6r3T/iuiRMGtCwXCXU+x\nM5dJVwBZyW6vsgDLJjRMer71q+ku76/z833A8T4BuH4QXhrR62GXtNyr7560\n7mbpFrwRqUhjDudSyBtkkmkoE1i2x6/XxT+di7YSpBXx5A60SLpGrgOuBGdu\nKlSu\r\n=222Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDk5vfzRcFnuuCfDgbuMD0S7rPLcc8M4EumaCHZUqyEFgIgdoP2tEDnx0h+5F9Fj5J5g8ZBc6mFnT3OEHj+ErllRb4="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.0_1622054700657_0.32017164239682394"},"_hasShrinkwrap":false},"6.9.0-beta.1":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.1","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@callstack/react-theme-provider":"^3.0.6","@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n  - [@callstack/react-theme-provider](https://www.npmjs.com/package/@callstack/react-theme-provider)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"c340fe521812ecde76d286806c0f7cd3a178abfd","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.1","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-+dktd1Sm5lDtKjo9aRV5EU3Ucd5HOx4XSAfOfJ31t4Ay4wDqleQkTewvLXK0BZdvRIduBae2sPubnuFa9XMdeQ==","shasum":"1c80048176c74c1b527cb2a95b41e2e2713654f8","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.1.tgz","fileCount":119,"unpackedSize":172352,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrp5hCRA9TVsSAnZWagAA/nYP/3x6I81GHfbSy5J8A4D4\nVfla6sdLtBHUe/sLOkjY3nMqZW4efkPlK8t/ati5YkJ9hqFn0OmvxVYnH7C+\ncxY3lGz5lWID36XpM95ZzDjjfvtvhKhPX/gozwxBO55tk1kHoivHgCEsZZrV\nOSMeLt5HZiSLXGlG+Ei9VXzVxA5X3CRHaGO6yt1DyhuIXO5+EEvrfTSdi7n0\nLmas2VzBLr+Hx5s9JDWzu7hcrwE8xqqKR5GZPUlQ2buRcA+6JZJWQh/FdHNe\nmL8Xeby4/hsTRRmF3jnlJswElVdYM7vmTsZPxxGIo6FS+fYOjfh5O8SXZ0Af\n+7LnnsihDTV9+3Yo8eHwO5VdbbriT7unPLjpKqYu4W6i7LTzjGPfMV0EcALN\n5xGmz7mzZF5rA5jOAWZcyClKgzbtqmPgZ55hGlIM5inYvyVcpQFIS04zg2Ry\na+FdAhnYcOJVKnhmBjhoMLPf9IgelubT2FeV/lTQ+mmx/S9mz5octK/VM4k/\nR6NXAoK9s1YQoT7FcxPfYnW6bQCrNfAKCQRAxtfXy22uwyivjp+lUhiyTbI+\nVsYuAFUCkqNFTGk73LdlbblLp05cwvgSwhW6bQxXE87TJIQdkDE5ccw3MM0l\n6xcWXERTSUdrKHJnVK9ydbeZUTdfH2jV5yx8pGEj1FgJPDgtStoZ0SS9ndm3\nJsPw\r\n=Ney2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOrjp61xp7BgXZ2krrodbiF1lwDuyC5h/Dunuo4dujAQIhAN/hK65mCXa8Y19OYW/QbU/LHY+QJaQ3zzvQlyK5c7Oe"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.1_1622056544596_0.7786221679848442"},"_hasShrinkwrap":false},"6.9.0-beta.2":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.2","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@callstack/react-theme-provider":"^3.0.6","@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n  - [@callstack/react-theme-provider](https://www.npmjs.com/package/@callstack/react-theme-provider)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"d6ddd5ac461f0507332136f8c6038b36b318af16","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.2","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-BX/ZytthFr4CzVZEfTFOqzLFhoj326eqHvW9oxPffmYzSWqWpIAFa0iKXYrfnXi79QTXKIHOu0mWXEWWSCLDng==","shasum":"1f539182a73dcf27cd2f262fbeb8a4aa605fcf3c","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.2.tgz","fileCount":119,"unpackedSize":174562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrqPSCRA9TVsSAnZWagAAP6cP/3W5zRFvrP5mNg0NQsnM\nW4yT4RQZbUj7CgyXyFeSF4wjnycCRrdleKy77ga0N1GgQWlaqXMZtbZq4Bsp\n2CcvJ+MMnOolJ+rjtx7iwrueuMc7QalcllO/Ro6Xs4jvn6wRHuD0Sh8LEsRO\nvIP44ZcdV2FVicEMvqjtccoAoqYOuymfFUPXDe+5daSGUsRN7+ueSvrPhhiR\n8WWxbB2I2EqvrtacbJ5MO2oncoS+q5RnlKaRKdSly3c9ku6C0cBhWrXdN31t\nvgtNFeXWPCzUujNgPADig1Vz+Qbtzrt/S3EC4fMCpX1yTrvj8qUnxCwKKF7l\nip68ZGHd+xwjBVijSLjuX+zPuM5VV8onsa/OC7lCgST5wrsze0YNKEj9jpIH\nBjbLy35j+oTUntJ9pWdkXk49i0TWVu0S6xSQIlAv77NW4ChXCQi/Fh4YMQsO\npbfQqD+id+BRFp6ZQjYc/ecQ39f25B23aFqNFgdhMMCBHD2Zbws3PzRt4Drf\nQMJ9BnhjY6D26b09SsRmy5bR/Ves2aveVmX7Cjbj/BCR64YSLNFcDfVAm1yg\nVZxYH0tDQHYDLrRKMXNSDJlPwxf04ieB3fMkV19QAjVS5c9ucLXI1nYRdSTe\nL6vzLhm1GbT7dT+t4znpnwxHqXN7LApbUo4h0P1f/YRXNIiNtOyoB4kNXU3t\nCK/D\r\n=RoLF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD31xIppIf+tVMXk/aByA6YSbTmJJKVOCUOqgyzq28+4QIgcV9j2TnPXsWdZ3d3KYJoAPsQTnRMrhjfJs7AqrQxrgo="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.2_1622057938002_0.9887999242908467"},"_hasShrinkwrap":false},"6.9.0-beta.3":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.3","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@callstack/react-theme-provider":"^3.0.6","@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n  - [@callstack/react-theme-provider](https://www.npmjs.com/package/@callstack/react-theme-provider)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"d6ddd5ac461f0507332136f8c6038b36b318af16","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.3","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-mGBcN+B+Al1OPJtcTiEoBPBdTu+P6dobUWI0dNfIQo3Fbg/8p/KbDGYyqOFU64cHH5gFgl1t3+09skAWes4Djg==","shasum":"20f7b1b9fcebcc325198d51d6512d86dd1b23ad0","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.3.tgz","fileCount":119,"unpackedSize":174521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrqYFCRA9TVsSAnZWagAApG8QAJj/4RXReSa4xV0UDt1B\n82Yp8cWJbLXuq+8+Gcs1jDR21uk60ZT69Doj3zYratb84lHyAIPA5kFu1tvV\njrvaUizoA9EfNdTs+Z0SKoXOfco9oTeKTGEcjNX5DiV2V7/RvpLcBl6b0McM\nhk48cHW33OAvUQO8tGr30vwWMIoPxjMLVBIT4JCOdGhpfwcHDc7cSknaw2Us\nlqQOCdmsngj9NqXNmckK+eziSR8Y4Cn9sTO65qJ0UTUKfUthnYnd2BXhPZ19\ng+pFgN/rfIe5Ku1/y4NZz6MGssFNCxdxnb1Val8iybTmrlmwCjPkgbuqK29g\nY6n1sg1nCF0fBDHETbqLnJTfgoEHiFyCdEzPNi7k1NftcRCXyuir3hUa7Kb2\n6aUzYLibN7DzhsReok1o1qTOc0MhPp21yJKVB9ARC87fjpFFa/DGw5AeO9WZ\nvAWBycXYe7CU1yHOWs4+d0rGXCaGiYRvhnvKQsFKXlxnaBbOKxsbrLQdV0Px\nDMNzGf57Di+r3/wqZeCOwK79Oc9YRnmk4p1pPDuzd9Ly146Bx16WreqQOWjT\nuJcRPJL83Y9kUqdcX22AfJk3s3NwukWLjFxPqYD3nlKUjK/pg8/f3Qm5eIKG\nWJXYKq7tla76UXL1+4eTJ+1MmXW6kQ1Y3fhkeRu2bU4mdqKUngFFbeYr9hi8\nWu1v\r\n=JO/H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFckdShwu/EDcqhxoyG3PpljN6M9cGw0hNJr4fFuiOC/AiEAhiD5XLVAIrCYsVYFqwobcDkSkHVM5clAPfO7tJJopU4="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.3_1622058501420_0.777792016574812"},"_hasShrinkwrap":false},"6.9.0-beta.4":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.4","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@callstack/react-theme-provider":"^3.0.6","@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n  - [@callstack/react-theme-provider](https://www.npmjs.com/package/@callstack/react-theme-provider)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"d6ddd5ac461f0507332136f8c6038b36b318af16","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.4","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-LiF3Bd6rKQASSwssvUDoslELLHT5A3+olHuO60dQ/b+/a+6pfyurkDl14gNP/WCoyrX/a5XTkp6ePXoJtHrwig==","shasum":"a39a698270710b813b8e02a6d7d70bc34fcac33b","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.4.tgz","fileCount":119,"unpackedSize":174562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrqauCRA9TVsSAnZWagAAlrgP/R8OpCoaHImc8CkQI1N+\nUZ7yd2i4WV/GLSANYSV0b/TvvSfUJYLCgQfovX9skidVXXNaPr1PB1wYBPJn\nHHP+iWZmJFib8NMnd+JfrUil6Jbvtql2O7lxy1Y46aNOvqeOtFDWyvYxwczM\njZvIWzFTkrria23YZJcFf4iwbjN5J4rDSUvBM0L2I+ysqKvo/LimObk9CPT/\n6qBIJZ/xgQZS5cmB8dSSjaLzxcsNXeayPNPmCSJ9PBxL73nJMSltP2tSQkHl\n/4xJItia6OCehcg6rcyCTgOOSo5CdSD2GIzy7EVIMCC85oRVvsy9y8uBgEQS\nQuxTkL7KQcQ6htw4VW7DUtcWdLYWedaHyG2t9QJPc8IW5qZe4sxkxs7cRdKb\nCIiC9zKVBbzXjYq3IBr11KY/0+FnAtkIQxNk+qMWbIE1qwm+uDe7sDZ60dii\nys7d1TrA/48xPVcTgRRVw1G6nZtFSdTBuDRzL5f1Z+DrTFKOjxQqkfP5ubqM\n7mB0SL5EyCQ/cmknlQ7zlsWyMWtwr8sJysxs4ND4YtWlJw1+niuk06/dHyEd\nNAAcZxvHn61oKZh1+vJmPBaCSZ58KTgqYEXHvhfWobo/T9TF5+Rw+s/FqQIw\n9XnUHFzTLPAilgeTBZgtBa7WHFJH4mtc1B8Eq+sobXoF21BINTclfn4CoMG8\ni/6a\r\n=v7MA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFepDPFKiiuErLdu/RpE4obZyJKo/Ya4F+O8RYkXg5Y9AiBqu2iuBsvnR+bcFXlx4XG3gMjSh55/UWPXDR6EIWGI8Q=="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.4_1622058670341_0.12872088031927786"},"_hasShrinkwrap":false},"6.8.6":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.8.6","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"^11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"^6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.0","jss":"10.6.0","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"^1.21.3","styled-components":"^5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"^1.0.0","@types/node":"^13.9.5","@types/react":"16.9.27","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.9","@types/uuid":"^8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"^26.6.3","nodemon":"^2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"d726e37b99f43db4343e4d3d29a9fe4be184ad28","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.8.6","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-lQNThNJmPirbx5UZOZFFwHzPLKtXmkOSq3htKqJWZCT8XDjP5r1ODdj5sut0iLwNNnSEbKJtsyAFHXSzIteEXg==","shasum":"107b56ea36f3a24744c6ab106ed452453c69c635","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.8.6.tgz","fileCount":119,"unpackedSize":173052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrrDNCRA9TVsSAnZWagAAd9cP/iSfjPKLq1g6LFOhOQ34\nmRFJrTWoqG0KFjW2f7Lp6xnw7QxMuxBmxUjNW+q9DrqgUK3HfnY4RqIGKHUc\niSncaFdtocMrhw+ffyFagTNA0Y2xNhNbnpc/WOlMnRtw3qbR9wdaC93pPOpv\nNbaDcmLrOdRDyQD1JfS/LcKeAZ6WJoUDM/8QbhZErRwhcBfR6nKzMtvJOVe/\nwL9dFmdgvu/qSt8+sHQ8u2VEJ1zSTTQDGSbieRpz3tq1ASpEdk0XgoIpsiDp\nsjOGWJVtepwlg4aqFT2uy3eO59UxN765+DH5IQQBzCIer/tJdANxTPQ2rR3H\nHx27I8KaGXF3l+F7uRzIoCsbnX88JmU7rq6/FMZZ8sxDzntrExSa5yynJmff\n0cHXYnCFCB8btjpjL9+YXUIfF9qyN93XVDu6Mzw1hJHbqwsRCy/+ReX6ydFA\nImisqeyutc2U2kgqSZuMqthECRdc49FRvy9PadofIn0ycjeUkrYixuYp7Mj+\n2o1oVyaL3GzZdnOnD6QHA8GDeQn6mzM1uAeRvopEZY9B5ffHGaBHvCAP2qvM\ntxVPJRZgjezrfFlSY1IqjmvJWw/LzDkYfG0hzF5MRuboga4+B8vaZqHJq9xU\nFtkwN3zqck1J+TZzcquSuHf07nZlIbfk/fIX6tQD4PlPkRPu9pRC2YjJApVe\nlVmS\r\n=5k7E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFhYg+8DCQXWDyozvPUvTQ85nLRlEuF6ZnPIuB2WtQJfAiEAicFdEooAMJON651onh/zJMfdn1LWmcymOYCzONn7pn0="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.8.6_1622061260578_0.7938872804452104"},"_hasShrinkwrap":false},"6.9.0-beta.5":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.5","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.6","jss":"10.6.0","lodash":"4.17.21","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"1.21.3","styled-components":"5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"1.0.0","@types/lodash":"4.14.170","@types/node":"13.9.5","@types/react":"16.9.27","@types/react-dom":"16.9.8","@types/styled-components":"5.1.9","@types/uuid":"8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"26.6.3","nodemon":"2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"fda44562fbddf55f6ebcc97ddbba511f9c4d17e7","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.5","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-oFkn5TNauEfzlPMLmcfBIz4LWfvb6DZfUF5o8o/jWqXVpSySuNhGm3/knhoxw3HIlm369arO6XPduRwzIhBVbQ==","shasum":"4ed227bb839f69b023a6406325ad41ffb67b3d1d","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.5.tgz","fileCount":125,"unpackedSize":180311,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgshkMCRA9TVsSAnZWagAAkVoP/RuSAPVQwsy/3qj+8XR8\nJYIODgoQyAr/B44y0PAc6yCAOcSAopU7GMOtO8Ct8PBo9nObszvzQFQCHFt0\nbKqNUwQUAxZPcPhlGE1Wk9UlzFFRn4vUPyVT88dr1+k3GiF0QSgL1Wvh9BLt\nz3+BdHJXD1BT2Al1D1VhDajKKb7LYOi474C9CMY1egeB8OdApDX584I1Vm76\n6zgNrJMMDXh36kcOjCXfHTl1eKkg+H5M3JKF0QyGROdzcBzm3OSNaMq108My\nlM3rNytlUAv8XHwd1CPdYfZ7GX5e2OkuM1pkPdDUbCSTY4lbYBN18h5SQ4ik\nXhax8C5xxLdCMikRQA/3JqI3Db4UldTJpo/9GsFNNG/64DQbj2E40leGBUOP\njQyiSidZIFIjiNn4GMUcP91HvX71jk4YevlMGzriNAqpVVEZHllm+ify5+uR\nhh86/99miRuBfgH1NHSES+deBUiPRUwkMOvOR3wB0CrX6bNf0HU5M8CcUUKQ\nOee+fG53d+vZpnSA3f7cfaHtWx2NPqv0rlM2jbQ/CUb+UJ01BUt8m88iwD+J\n20vB35/gMqmgEEiwUBcOV6CGIZxmtT/ByQ5oIVb+cOWLji6DRfW50q1+GUzO\nchOQnqQIdX8PbgF5Vb5rN05zjfchxdyIHh1tQCnGthyYSbCDk5UIw/RbaQUX\nUxME\r\n=aeqq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHDoHmPFqYWF0k+PXPqJgHAk+YCJChSxevOMKPt2fJfcAiEAmeLwwQ0nC+Z7bsdCtWhYwGkN/v1abG1hs+VkHd8bJVw="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.5_1622284555556_0.31619144069569427"},"_hasShrinkwrap":false},"6.9.0-beta.6":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.6","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.6","jss":"10.6.0","lodash":"4.17.21","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"1.21.3","styled-components":"5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"1.0.0","@types/lodash":"4.14.170","@types/node":"13.9.5","@types/react":"16.9.27","@types/react-dom":"16.9.8","@types/styled-components":"5.1.9","@types/uuid":"8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"26.6.3","nodemon":"2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"b94ddd4c6a80604d91436954c85d5636f759dfe5","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.6","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-o4N4t7NUFwY9TpaP+UvKOuaK2Xi+vYte+SPlHMM8CI+8THVggBhZOdqOPZ0hZo49wENrZBRiZqTInciLHuivkw==","shasum":"0128fdb3d3934af68b1425df3f43812aa947e445","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.6.tgz","fileCount":125,"unpackedSize":179376,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsncTCRA9TVsSAnZWagAAbFcP/3Se4SQvsFpiYDXe+tB3\nW0BR6H/OaHkf6YP4SlHl5KSnDB0/nEYKQROBfjsf2DclbKN/GJ29+YT/FI3J\nv2V10loXlTQa0mXxSk4gWun8GBjSfTfrDSVME2b42wu7Y2XfgYgTj7c6EFGU\njRzks9/PCLayGFtLgPcD6x+Y54kcCOZOK+tmt6mdkzlpinIbZ3pd6CupOCwE\no0MO+A/Fjcm+p6HVOOe3zO9MTAnb4MrOXjapuDGAhYYE2LDbOSznDP4s6snI\nFnJTzVb0c86x6SBlw+w7JGgKGL3VDQr90PbZ+EFb5RFibSe1x6hOcWK0+TzW\nE4hMCycDzP1vrSEIlJ5iCymLM7vQznFJQ41YWx/2US/8gVDiOVhWRbbO0VYw\nzslLmgM2QlGOnTP6tC6vBTS24F0LQoyhaBE5gCUtrc2dM+PkGaPHW0PUVCrS\nf7lZAhtZsOZqeYS/WZp/OfOhtHEosa77rNNIWPD21KpuL2cQyCDjXW+3vfjr\nsmC6FU2LRe2tXsllbbIhXV4fcd7HLksAW0WYQPhzqUZlNDwXiACdjZU58bb+\nHLiWYsrDfPvC9qZ+WR4QtNySq30wQEGZYDfUMbhStCGCm+WhDuMWeRgrGJUo\nxQeHpG9Mo7xa9Wh4KDaRDdMfn5YPlJ1H1EfplKUnGD2x+tY9yqruTk1UZ8hZ\nC8WM\r\n=Ufvb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBl5AptdUeOX8i3q5pEK0iGjpEGZeHDrQ2z0XTX/VYvPAiEAnLm1nUidqC2+4LI3z4RQG73Y2YWaSWW+9by9hvxDwhE="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.6_1622308627229_0.28942763265809224"},"_hasShrinkwrap":false},"6.9.0-beta.7":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.7","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.6","jss":"10.6.0","lodash":"4.17.21","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"1.21.3","styled-components":"5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"1.0.0","@types/lodash":"4.14.170","@types/node":"13.9.5","@types/react":"16.9.27","@types/react-dom":"16.9.8","@types/styled-components":"5.1.9","@types/uuid":"8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"26.6.3","nodemon":"2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"86c97ca82c4ec8aad416113d8617408973107bb4","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.7","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-/jUwHJu9xtjp3W+uXk39vvRR+9hilGtZ4nz7djfsCmKQe+kER8tWrP9jblbHJhbUDWRMGM4eeIXgMqd1yrLt0g==","shasum":"fada32182d57a6ffd26a8283ec33f3a5092ea921","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.7.tgz","fileCount":123,"unpackedSize":178398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsnmcCRA9TVsSAnZWagAAZQ0QAKFAJwOvB6Cjx9qjZdWc\naST8RoQomenEDHZXVFqU9vnuRjgHym8UYhDqzyJ6zS1KE54mzzKZvMoTZkHL\n710/wR+eXnd5ZkP8T8hAMtibfSg263ZXpC9Ug6dIouuIAdsE45SL3/I9l1LD\nZSk4mOHrVw9ZzWz0E8lu6jgRYoY2dQX+TKo4hPhynLBwiIdqKMmbXJTWWFVk\np8P8lrklba3ZYgcx1loPZLkRgENkVwQQKmhT0AD8nLXxLH+hIq7RrAcYX313\nwrRtFL7HAH6oM7JiktQfa984hYsRtp8D2wxtP0fg5GV3rtUDB4Xz7O2bSIDZ\neSw4LXSoL35TdANwquu0+YAL6goJoRBQM4gScTqu+99spUGd7aUMY1GqfVKl\nRaKHxDsciSbI2chLsTL+2zW9JML/eVwA9QEgkR6MssLEYa2zj45rcTrxGi3H\nR++BJlwDrF71k8uH0rCkE5GEqnX+sNa31dgGBtX7N5toet+7SBVySa7dqcka\nUJQHagwQJ95kGHQVOMkWCXswYDu8E/TNMj1xK8mvFemw81UBiHLIpgl2C0RJ\nrOfCKfm1ZPuwWtUYoFs9JI1HPS7Ky96WzhteOngF9pT5vDINF6R4Fgeo975X\nYEneRu0B3oK0b4zGf0vhIPr64HNKUTBMRoF/5SSTG9JqqFY/5Ypthayr8nO7\nAfS3\r\n=a6+s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1tb4ibAi3rZTZinvnnonq5xDd4UBrs1bt2FkdDU/NYAIgNjgRoxiYa0jW8bw56sPBTnFFRZWKXowjQ/Qv7HQprQ8="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.7_1622309275603_0.1659653745927374"},"_hasShrinkwrap":false},"6.9.0-beta.8":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0-beta.8","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.6","jss":"10.6.0","lodash":"4.17.21","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"1.21.3","styled-components":"5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"1.0.0","@types/lodash":"4.14.170","@types/node":"13.9.5","@types/react":"16.9.27","@types/react-dom":"16.9.8","@types/styled-components":"5.1.9","@types/uuid":"8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"26.6.3","nodemon":"2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md","gitHead":"86c97ca82c4ec8aad416113d8617408973107bb4","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0-beta.8","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-I+5z9CTiNN/SrDR8ygOPwMfCEZuiMcSa/f1+jbsaGpc2+epOaBnKyO7aGhOFjGbdEqNgsjiltpLZNVG7JPfDig==","shasum":"e2be5f0d708f4d822f3b1aa59106ef189427cead","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0-beta.8.tgz","fileCount":122,"unpackedSize":178088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsnraCRA9TVsSAnZWagAAJdEP/1pKPj6L1ywRrqCQUeiH\njcL5Jik0ZxAEbP3J3oypnLqsUq6PB6jM5xi+AHcdIVAjOeHysmFTrcvg8knh\nfr8wD3QS58hySC8Cm9B6QlRdRqBmdBknnNaPulhlPidVicHHh++KO9PGA8Qs\nUDrEmO40QJZvMT5G0LUKmgljLr+nMXmjvbNb+8wQQlwYLY6wPmDa16cgsAmG\niRp3zN9627KIpigV/nBVkrFimkCTteSTmJA6zcw4hIFvIqbU4X0v/oZAJC2J\nXkoK8ulXekjQhjAB7R5o5fJn2swW47C1eMHoI+0RWp6hLFmlbk83AUx0tnNm\n2HYY95znf5KgDzquonC1VIS4j+s2SigWTjfK+xvOWtdyclavq4SempBhtZem\nfKAg6u0YNlhugt9ac+axpoflBD0Rd5vCOPnTWfvutBbuHPczlHZxwsYfHyRr\nH3KYRx32coh//j5RohZrgRaPWzhYaBKmqvxenHhnX22R9Y/Kw57tNJtl2iHa\nZZd5neUATF4L0nTO7VlmKDE/nu5QsZv/b1JTGgHonlmOB5jANOR4KiorYQKJ\nPf3HM5XnvffM5MxZ2p4lpjBfN1lyBzaLN8VfDk8MiYQk8pvF1k2xN7S4LIgR\nag6XExC1gquizlmAuyzzc+rkyu9MORwi7tVYOFmYiNCjQ33Gv2Q2Ykwfj7KO\nlgR7\r\n=qdAx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbPTKZxtoGi4fnwtw//m28fnwtwkVzRIT0vT2Wt2nMqgIhAKP9t9YBoXejH4KPP7bpP4uqlcgRk+bnhXYH4/vwgAVf"}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0-beta.8_1622309593557_0.6095174795514788"},"_hasShrinkwrap":false},"6.9.0":{"name":"storybook-facelift","description":"Themes, Theme Providers & true dark mode for Storybook","version":"6.9.0","license":"MIT","type":"commonjs","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"main":"dist/index.js","types":"dist/typings/index.d.ts","author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"publishConfig":{"access":"public"},"storybook":{"displayName":"Facelift","supportedFrameworks":["React"],"icon":"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-small.png"},"engines":{"node":">=15.14.0"},"scripts":{"dev":"tsc --watch","nodemon":"nodemon -e ts,tsx --exec \"npm run build\"","build":"npm run build:pre && tsc && npm run build:post","build:pre":"rimraf dist","build:post":"npm run copy-typings","copy-typings":"copyfiles -u 1 \"./src/typings/*.d.ts\" dist","test":"npm run test:lint && npm run test:types","test:types":"tsc --pretty --noEmit","test:lint":"eslint . --ext ts --ext tsx --ext js","test:lint-fix":"eslint --fix . --ext ts --ext tsx --ext js","github:release":"cross-env git push origin && git push origin --tags","github:commit-changelog":"git add CHANGELOG.md && git commit -m \"updated CHANGELOG.md\"","changelog:major":"npm run changelog:clean && changelog -M && npm run github:commit-changelog","changelog:minor":"npm run changelog:clean && changelog -m && npm run github:commit-changelog","changelog:patch":"npm run changelog:clean && changelog -p && npm run github:commit-changelog","changelog:clean":"rimraf CHANGELOG.md","release:major":"npm run changelog:major && npm version major && npm run github:release && npm run build && npm publish","release:minor":"npm run changelog:minor && npm version minor && npm run github:release && npm run build && npm publish","release:patch":"npm run changelog:patch && npm version patch && npm run github:release && npm run build && npm publish","release:beta":"npm run build && npm publish --tag beta"},"dependencies":{"@emotion/react":"11.4.0","@material-ui/core":"4.11.1","@material-ui/icons":"4.11.2","@storybook/addons":"6.2.9","@storybook/api":"6.2.9","@storybook/components":"6.2.9","@storybook/core-events":"6.2.9","@storybook/react":"6.2.9","@storybook/theming":"6.2.9","badger-ui":"0.12.6","jss":"10.6.0","lodash":"4.17.21","memoizerific":"1.11.3","react":"16.13.1","react-dom":"16.13.1","react-json-view":"1.21.3","styled-components":"5.3.0","ts-deepmerge":"1.0.5","uuid":"8.3.0"},"devDependencies":{"@storybook/eslint-config-storybook":"1.0.0","@types/lodash":"4.14.170","@types/node":"13.9.5","@types/react":"16.9.27","@types/react-dom":"16.9.8","@types/styled-components":"5.1.9","@types/uuid":"8.0.0","copyfiles":"2.3.0","cross-env":"7.0.2","eslint":"6.8.0","generate-changelog":"1.8.0","jest":"26.6.3","nodemon":"2.0.7","prettier":"2.0.2","rimraf":"3.0.2","typescript":"3.9.6"},"gitHead":"85030c8c2a8a5b7386a35f43f3f3048bb46cd238","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","_id":"storybook-facelift@6.9.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-hIYTUJenBv+4UXVVVGvgQkq/3h4W3Tr7NHkZ7qrWk2Ehi7F858WgDqiKY9PMBvQlSukOIYBn2Q1lNYZ6fPv3dA==","shasum":"0d0133e07d6b7679c7037087cec8821c6aa1fbb7","tarball":"https://registry.npmjs.org/storybook-facelift/-/storybook-facelift-6.9.0.tgz","fileCount":122,"unpackedSize":179377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsn1TCRA9TVsSAnZWagAAfcQP+waIuMN5LSSYOZVX9OoS\nlJwcO3TOleAwwfpHK+c64G9LXat/caj/D+I4VeY0nWe3HO1YlpGrsdGJkvM1\n/38MoMvDw391CMTbFuyARecQxkgdXQGe4G7owg2yNCpDhLcfrxsmzxFrn06c\nl8iEPFUq1xwXKCI0WDnj99Wr/EELtJwPjDoEgyIP4hHzcHxR95LTPcP87VjC\ntEIOXm8kCampwLy3pkmtgLDbgnuZhJlSDDLNHTamBaTIgw0qxeu9VJW3vHt4\nN50hbm2jKtjzCKjDwoKaJFmWESiOa2j/g0c7CATbQKVa3xMx1kWZAcKJSim4\nHERVsamtRQ7jMzxqR41evqYiWhn5NBjMQSr/8hc+sv4P5yXw8HgKVUctF9GP\ngpUNLKmBD3JaMgDiyhdcN9f6GMC/OCfQkFWiZdxTgrSFl6Bsn08VQdg0pG3a\n84EzVnus71IQbQd/MHvZL93Sq42fVVZL1Ia89YPm9y1VcrQ1zTRq4ugAe4AH\nbb/AJ3T/J7Y+jQkYos1l72ZaV/TL4WQS3rtKx9ggK2huxkczv85a+Cekd21A\nEV7lV7I8aWsk3LeQJiTpiFDISV1IYQXCsdEABhkx3vaCWp+ARmoKuPNNKdgq\n/GKRJmplhjgC5FfGgJWUjve2cPNWMp7RsHVh/QkfcItLoRksnM3wisnjDw9H\n8TJy\r\n=wqBF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIKN4k+dOO0dB0/IYElc/pBklkMKMO4V5MW2DKs68q0AiEA95199GDR88RBPvjOIN/8vJAp48OC7oq1M1exHNB2AlY="}]},"_npmUser":{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"},"directories":{},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-facelift_6.9.0_1622310226689_0.9461634039497759"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-12T12:23:57.975Z","6.0.0":"2020-08-12T12:23:58.126Z","modified":"2022-05-18T19:10:13.647Z","6.0.1":"2020-08-12T12:43:35.549Z","6.0.2":"2020-08-12T13:00:00.379Z","6.0.3":"2020-08-12T13:09:28.278Z","6.0.4":"2020-08-12T17:47:16.743Z","6.0.5":"2020-08-12T17:48:08.799Z","6.0.6":"2020-08-12T17:49:46.833Z","6.0.7":"2020-08-12T17:59:15.464Z","6.0.9":"2020-08-12T18:08:47.288Z","6.0.10":"2020-08-12T18:11:24.959Z","6.0.11":"2020-08-12T21:42:02.042Z","6.0.12":"2020-08-12T23:05:59.074Z","6.0.13":"2020-08-12T23:28:44.480Z","6.0.14":"2020-08-13T07:44:11.448Z","6.0.15":"2020-08-13T07:47:06.109Z","6.0.16":"2020-08-13T08:06:58.926Z","6.0.17":"2020-08-13T08:36:46.553Z","6.0.18":"2020-08-14T19:20:42.943Z","6.0.19":"2020-08-16T09:26:50.746Z","6.2.0":"2020-10-05T11:45:39.357Z","6.3.0":"2021-05-13T12:33:01.996Z","6.4.0":"2021-05-17T18:37:15.938Z","6.4.1":"2021-05-17T18:53:52.263Z","6.5.0-beta.0":"2021-05-22T11:55:39.192Z","6.5.1":"2021-05-22T11:57:13.301Z","6.6.0":"2021-05-22T16:45:16.368Z","6.6.1":"2021-05-22T17:34:39.931Z","6.6.2":"2021-05-22T18:17:40.977Z","6.6.3":"2021-05-22T18:23:25.029Z","6.6.4":"2021-05-22T18:28:56.449Z","6.6.5":"2021-05-22T18:39:05.614Z","6.6.6":"2021-05-22T18:41:51.130Z","6.6.7":"2021-05-22T18:45:23.752Z","6.6.11":"2021-05-22T19:03:44.629Z","6.6.12":"2021-05-22T19:09:37.001Z","6.6.13":"2021-05-23T01:09:00.147Z","6.6.14":"2021-05-23T01:19:01.887Z","6.6.15":"2021-05-23T01:20:23.248Z","6.6.16":"2021-05-23T01:29:04.125Z","6.6.17":"2021-05-23T01:30:45.863Z","6.7.0":"2021-05-23T13:37:56.283Z","6.7.1":"2021-05-23T13:43:27.115Z","6.7.2":"2021-05-23T13:48:11.143Z","6.7.3":"2021-05-23T13:51:31.355Z","6.7.4":"2021-05-23T13:56:35.693Z","6.7.5":"2021-05-23T13:59:20.369Z","6.7.6":"2021-05-23T14:01:56.127Z","6.7.7":"2021-05-23T14:04:11.662Z","6.7.8":"2021-05-23T14:22:00.187Z","6.8.0-beta.1":"2021-05-24T08:23:25.072Z","6.8.0-beta.2":"2021-05-24T09:41:37.111Z","6.8.0-beta.3":"2021-05-24T10:04:37.080Z","6.7.9":"2021-05-24T10:08:26.015Z","6.8.0-beta.4":"2021-05-24T10:15:04.200Z","6.8.0-beta.5":"2021-05-24T10:36:20.462Z","6.8.0-beta.6":"2021-05-24T10:59:59.796Z","6.8.0-beta.7":"2021-05-24T11:05:18.082Z","6.8.0-beta.8":"2021-05-24T11:15:53.590Z","6.8.0-beta.9":"2021-05-24T13:28:39.930Z","6.8.0-beta.10":"2021-05-24T13:59:06.509Z","6.8.0-beta.11":"2021-05-24T14:27:31.133Z","6.8.0-beta.12":"2021-05-24T14:36:12.523Z","6.8.0-beta.13":"2021-05-24T14:38:41.020Z","6.8.0-beta.14":"2021-05-24T14:44:08.477Z","6.8.0-beta.15":"2021-05-24T15:03:28.185Z","6.8.0-beta.16":"2021-05-24T15:05:38.446Z","6.8.0-beta.17":"2021-05-24T15:08:52.209Z","6.8.0-beta.18":"2021-05-24T15:11:48.101Z","6.8.0-beta.19":"2021-05-25T22:46:44.865Z","6.8.0-beta.20":"2021-05-26T08:26:55.111Z","6.8.0-beta.21":"2021-05-26T10:44:18.368Z","6.8.0":"2021-05-26T11:03:02.206Z","6.8.1":"2021-05-26T16:22:46.859Z","6.8.2":"2021-05-26T17:01:01.228Z","6.8.3":"2021-05-26T17:05:35.659Z","6.8.4-beta.0":"2021-05-26T17:19:32.574Z","6.8.4":"2021-05-26T17:26:15.434Z","6.8.5-beta.0":"2021-05-26T17:33:40.289Z","6.8.5":"2021-05-26T17:36:58.803Z","6.9.0-beta.0":"2021-05-26T18:45:00.791Z","6.9.0-beta.1":"2021-05-26T19:15:44.763Z","6.9.0-beta.2":"2021-05-26T19:38:58.179Z","6.9.0-beta.3":"2021-05-26T19:48:21.558Z","6.9.0-beta.4":"2021-05-26T19:51:10.486Z","6.8.6":"2021-05-26T20:34:20.781Z","6.9.0-beta.5":"2021-05-29T10:35:55.730Z","6.9.0-beta.6":"2021-05-29T17:17:07.359Z","6.9.0-beta.7":"2021-05-29T17:27:55.785Z","6.9.0-beta.8":"2021-05-29T17:33:13.752Z","6.9.0":"2021-05-29T17:43:46.975Z"},"maintainers":[{"name":"monkeyworks","email":"igor.szyporyn@gmail.com"}],"description":"Themes, Theme Providers & true dark mode for Storybook","homepage":"https://github.com/IgorSzyporyn/storybook-facelift#readme","keywords":["addon","appearance","darkmode","react","storybook","storybook-addons","theming"],"repository":{"type":"git","url":"git+https://github.com/IgorSzyporyn/storybook-facelift.git"},"author":{"name":"Igor Szyporyn","email":"igor.szyporyn@gmail.com"},"bugs":{"url":"https://github.com/IgorSzyporyn/storybook-facelift/issues"},"license":"MIT","readme":"<div>\n  <p align=\"center\">\n    <img src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/logo-large.png\" />\n  </p>\n</div>\n\n<div>\n  <p align=\"center\">\n    <img width=\"600px\" src=\"https://raw.githubusercontent.com/IgorSzyporyn/storybook-facelift/master/assets/storybook-facelift-preview.gif\" />\n  </p>\n</div>\n\n### Themes, Theme Providers & true dark mode for Storybook\n\n- [Installation](#installation)\n- [Configure Addon](#configure-addon)\n- [Configure Story](#configure-story)\n- [Parameters](#addon-parameters)\n- [Examples](#examples)\n\nStorybook Facelift is zero-config - which will just return a light/dark mode button for the native theme\n\nBut you can also\n\n- Add themes that can theme Storybook using built-in theming suppport from\n  - [Storybook theming](https://storybook.js.org/docs/react/configure/theming)\n  - [Material UI theming](https://material-ui.com/customization/theming/)\n  - Or provide a custom theme if you provide a theme converter\n- Add themes that can decorate your components with built-in theme providers from\n  - [Material UI](https://material-ui.com/customization/theming/#theme-provider)\n  - [Styled Components](https://styled-components.com/docs/advanced)\n  - [Emotion](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)\n- True dark mode\n- Unlock dark mode and column control for [@storybook/addon-docs](https://www.npmjs.com/package/@storybook/addon-docs) and more UI controls\n\n## <a name=\"installation\"></a>Installation\n\n`npm i -D storybook-facelift`\n\n## <a name=\"configure-addon\"></a>Configure Addon\n\nAdd the addon to your storybook `main.js` file (or `main.ts` - will just assume js from now on...)\n\n```js\nmodule.exports = {\n  addons: ['storybook-facelift'],\n}\n```\n\nTo get the most of the addon you may want to configure it through the parameters in `preview.js`.\n\n```js\nexport const parameters = {\n  facelift: {...},\n}\n```\n\n#### TypeScript support example\n\nStorybook Facelift supplies a custom `Parameters` type to help you get typesafety in your parameters.\n\nIt takes one generic to let you add more parameter types from other addons and retain Storybook parameter typesafety\n\n```ts\nimport type { Parameters } from 'storybook-facelift'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport const parameters: Parameters<{\n  otherAddon: OtherAddonParam,\n}> = {\n  actions: { argTypesRegex: '^on[A-Z].*' },\n  otherAddon: {...},\n  facelift: {...},\n}\n```\n\n## <a name=\"configure-story\"></a>Configure Story\n\nYou can also configure Storybook Facelift on story level, for instance to enable auto theming with a theme provider on a story level instead of on a global level, and maybe even add a special theme provider for this story\n\n```js\nimport React from 'react'\nimport { Tag } from './Tag'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    facelift: {\n      addProvider: true,\n      provider: 'styled',\n      providerTheme: 'theme-1',\n    },\n  },\n}\n\nconst Template = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n### TypeScript support example\n\nStorybook Facelift supplies a custom Meta type to help you get typesafety in your story parameters.\n\nThis type takes 2 generic arguments, the additional parameter types and Storybooks own `Args` (sadly you have to provide an empty object as first generic if you wish to apply an `Args` generic and have no additional addon parameter types to provide)\n\n```ts\nimport React from 'react'\nimport { Tag } from './Tag'\n\nimport type { Story } from '@storybook/react'\nimport type { Meta } from 'storybook-facelift'\nimport type { TagProps } from './Tag'\nimport type { OtherAddonParam } from 'other-addon'\n\nexport default {\n  title: 'UI/Tag',\n  component: Tag,\n  parameters: {\n    otherAddon: {...},\n    facelift: {...},\n  },\n} as Meta<{otherAddon: OtherAddonParam}>\n\nconst Template: Story<TagProps> = (args) => <Tag {...args} />\n\nexport const Controllable = Template.bind({})\nControllable.args = {\n  label: 'Tag',\n}\n```\n\n## <a name=\"addon-parameters\"></a>Addon Parameters\n\n```ts\n\"addProvider\"?: boolean\n\"autoThemeStory\"?: boolean // deprecated - use addProvider\n\"defaultTheme\"?: string\n\"defaultVariant\"?: \"light\" | \"dark\"\n\"docs\"?: ParamDocs\n\"enhanceUi\"?: boolean\n\"includeNative\"?: boolean\n\"native\"?: ParamNative\n\"override\"?: ThemeOptionsOverride\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\"providerTheme\"?: string\n\"themeConverters\"?: Record<string, ThemeConverterFn>\n\"themes\"?: ParamTheme[]\n\"ui\"?: ParamUi\n```\n\n#### addProvider `boolean`\n\nEnable theme provider either globally or on story level\n\n#### defaultTheme `string`\n\nThe default theme to start storybook with - the key from the theme parameter is used as reference\n\n#### defaultVariant `\"light\" | \"dark\"`\n\nThe default theme variant to use for your Storybook theme\n\n#### docs `ParamDocs`\n\nEnhanced Docs control\n\n```ts\n// Set to true to hide the column borders in docs table\n\"hidePropertyBorders\"?: boolean\n\n// Set to true to hide description column in docs table\n\"hideDescription\"?: boolean\n\n// Set to true to hide default value column in docs table\n\"hideDefaults\"?: boolean\n\n// Set to true to hide the controls column in docs\n\"hideControls\"?: boolean\n\n// Set to true to hide the sibling stories shown below property table\n\"hideStories\"?: boolean\n\n// Set to either full or simple - full is default, and simple will ONLY show docs table\n\"type\"?: \"full\" | \"simple\"\n```\n\n#### enhanceUi `boolean`\n\nFix some minor css errors, and allow usage of the `ui` parameter\n\n#### includeNative `boolean`\n\nIf custom themes are provided then set this parameter to `true` in order to include the native Storybook theme\n\n#### override `ThemeOptionsOverride`\n\nStorybook theme options object that will extend itself on to the default Storybook theme options used as defaults for all theme creation\n\nAny value added here will be in the final theme output, unless value is overwritten later (typically all are apart from `brandTitle`, `brandUrl` & `brandImage`)\n\n```ts\n\"colorPrimary\"?: string\n\"colorSecondary\"?: string\n\"appBg\"?: string\n\"appContentBg\"?: string\n\"appBorderColor\"?: string\n\"appBorderRadius\"?: number\n\"fontBase\"?: string\n\"fontCode\"?: string\n\"textColor\"?: string\n\"textInverseColor\"?: string\n\"textMutedColor\"?: string\n\"barTextColor\"?: string\n\"barSelectedColor\"?: string\n\"barBg\"?: string\n\"inputBg\"?: string\n\"inputBorder\"?: string\n\"inputTextColor\"?: string\n\"inputBorderRadius\"?: number\n\"brandTitle\"?: string\n\"brandUrl\"?: string\n\"brandImage\"?: string\n\"gridCellSize\"?: number\n```\n\n#### native `ParamNative`\n\nEasy simple courtesy parameters to tweak the native theme, as well as full control via `override`\n\n```ts\n// Title to show in the menu picker\n\"title\"?: string\n\n// Control which theme variants are available - defaults to [\"light\", \"dark\"]\n\"variants\"?: (\"light\" | \"dark\")[]\n\n// Control the usage of Storybooks theme values in the backgrounds\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// Override any default native theme options from Storybook\n\"override\"?: ThemeOptionsOverride\n```\n\n#### themeConverters `Record<string, ThemeConverterFn>`\n\nProvide custom converter functions to convert your custom themes into Storybook themes\n\nThe key of the function will make the converter accessible to themes via the `converter` option for themes\n\nGo to [examples](#examples) to see how to implement a custom theme\n\n```ts\n[key]: (props: {\n  \"override\"?: ThemeOptionsOverride\n  \"theme\": ThemeOptions\n  \"variant\": \"light\" | \"dark\"\n  \"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n  \"responsiveFontSizes\"?: boolean\n}) => {\n  \"storybook\": StorybookThemeOptions\n  \"instanciated\": ThemeInstanciated\n  \"options\": ThemeOptions\n} | null\n```\n\n#### themes `ParamTheme[]`\n\nThe theme configuration\n\n```ts\n// Unique key for this theme entry\n\"key\": string\n\n// Use the built in support of Storybook or Material UI\n// Or indicate you are providing a custom theme\n\"type\": \"native\" | \"mui\" | \"custom\"\n\n// The title used in the theme picker\n\"title\": string\n\n// The name of the converter function to use - if the theme type\n// is \"mui\" or \"native\" you do not need to set this\n\"converter\"?: string\n\n// The theme provider to use for this theme if \"addProvider\" for story is true\n\"provider\"?: \"mui\" | \"styled\" | \"emotion\"\n\n// The key of the theme to use for the theme provider if \"addProvider\" is true\n\"providerTheme\"?: string\n\n// Indicate that this theme is only to be used for theme providers - not to theme Storybook\n\"providerOnly\"?: boolean\n\n\n// These are the theme options for light and/or dark mode.\n\"variants\": {\n  \"light\"?: ThemeOptions\n  \"dark\"?: ThemeOptions\n}\n\n// Override any Storybook theme options value for this theme\n\"override\"?: ThemeOptionsOverride\n\n// Ability to configure how backgrounds are used in the Storybook theme\n// 'reverse' will swap between app and content etc..\n\"background\"?: \"normal\" | \"reverse\" | \"equal\" | \"equal-reverse\" | \"equal-app\" | \"equal-content\"\n\n// This is for typography - use responsive font sizes or not (only MUI support)\n\"resposiveFontSizes\"?: boolean\n```\n\n#### ui `ParamUi`\n\n```ts\n// How much to elevate the content panel\n\"elevation\"?: 0 | 1 | 2 | 3 | 4\n\n// Ability to override SB's own preview panel padding\n\"padding\"?: string\n\n// Ability to use a custom css box-shadow string for content elevation\n\"shadow\"?: string\n```\n\n## <a name=\"examples\"></a>Examples\n\n#### Minimal native Storybook theme with light variant only\n\n```ts\nexport const parameters = {\n  facelift: {\n    themes: [\n      {\n        key: 'native-1',\n        type: 'native',\n        title: 'Custom Storybook theme',\n        variants: {\n          light: {\n            colorPrimary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/default Material UI light & dark themes\n\nTheme Storybook with default Material UI theme, and add a Material UI theme provider with same theme for all stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themes: [\n      {\n        type: 'mui',\n        key: 'mui-1',\n        title: 'Default Material UI theme',\n        variants: {\n          light: {},\n          dark: {},\n        },\n      },\n    ],\n  },\n}\n```\n\n#### Example w/custom light theme and Styled Components theme provider\n\nThis very minimal example will theme Storybook in a minimal custom theme, and add a Style Components theme provider to the stories\n\n```ts\nexport const parameters = {\n  facelift: {\n    addProvider: true,\n    themeConverters: {\n      myCustomConverter: ({ theme, variant }) => ({\n        storybook: {\n          base: variant,\n          colorPrimary: theme.primary,\n          colorSecondary: theme.secondary,\n        },\n        options: theme,\n        instanciated: theme,\n      }),\n    },\n    themes: [\n      {\n        type: 'custom',\n        key: 'custom-1',\n        title: 'Custom UI theme',\n        converter: 'myCustomConverter',\n        provider: 'styled',\n        variants: {\n          light: {\n            primary: '#ff0000',\n            secondary: '#0000ff',\n          },\n        },\n      },\n    ],\n  },\n}\n```\n","readmeFilename":"README.md"}