{"_id":"@akadop/storybook-sc-themes","_rev":"2-27a6531f9cf1ee1f3c3d9f13d4f8c9d2","name":"@akadop/storybook-sc-themes","dist-tags":{"latest":"1.2.0"},"versions":{"1.2.0":{"name":"@akadop/storybook-sc-themes","version":"1.2.0","description":"storybook addon with styled-components theme","main":"dist/src/index.js","types":"dist/src/index.d.ts","scripts":{"serve":"start-storybook -p 6006","clean":"rimraf dist","build":"npm run clean && tsc -p .","build:watch":"npm run clean && tsc -p . -w","pretest":"tslint -p .","test":"rimraf dist && jest","prepare":"npm run build"},"license":"MIT","dependencies":{"immutable":"^3.8.2","recompose":"^0.27.1"},"devDependencies":{"@storybook/addons":"^5.0.0","@storybook/react":"^5.0.0","@types/enzyme":"^3.1.13","@types/jest":"^23.3.2","@types/node":"^10.3.3","@types/react":"^16.3.17","@types/recompose":"^0.26.1","@types/sinon":"^5.0.2","awesome-typescript-loader":"^5.2.1","babel-core":"^6.26.3","babel-loader":"7.1.5","enzyme":"^3.6.0","enzyme-adapter-react-16":"^1.5.0","enzyme-to-json":"^3.3.4","jest":"23.4.2","react":"^16.3.0","react-dom":"^16.5.0","rimraf":"^2.6.2","sinon":"^6.2.0","styled-components":"4.0.0","ts-jest":"^23.1.4","tslint":"^5.11.0","typescript":"^2.9.2"},"peerDependencies":{"@storybook/addons":"^5.0.0","@storybook/react":"^5.0.0","react":"^16.0.0","styled-components":"^4.0.0"},"keywords":["storybook","styled-component","addon","theme","react","typescript"],"gitHead":"15b299a0d41ea660c12491cd8679807ec4548a52","_id":"@akadop/storybook-sc-themes@1.2.0","_nodeVersion":"11.13.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-BSLoGhzUx60HLpu6NkQpeWlqy58RaJoC0vRYAEd5UiOby4xwE5b2znLAjQBhwEDpk/MgTEpRtiFSedjiVZ7G7Q==","shasum":"fb3480502af536c155e3b70b5064efea1ab50c02","tarball":"https://registry.npmjs.org/@akadop/storybook-sc-themes/-/storybook-sc-themes-1.2.0.tgz","fileCount":22,"unpackedSize":19835,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcqvvACRA9TVsSAnZWagAAE/8QAI1Rz85inWl9kLy7pjOi\noK/OBsOgrhP7p6V384UsOobE+GfZIHK2MJr+xirz0qRcLYka7UHdOyAAxAQd\nIifzg1glz/1VGlhEssV9dTX6MChqPYzGAYNQiY8G9c265MmV31jHX2D9U2pV\nFKR/DkTkIxCPe6+UPemwpkmnDmJTMdUNy+kJoUQYJ3PR2W+GK1PPmlG/x4HL\n2Un3TpE1alqcIDmx9ekSbS1KUsNgh3dtIT9KSRw+H1dGop4M+W8BWvnC+OOG\nt8zM6z9HFQmyF4Bw1QzXUHS5TXia+X8wGyDTf3cNGWj/Om0gHBkmTKKaG+yQ\nEOWZAEWLKiIwRMrtjt7N0i5S7K7lNO9aLuMCx+Lowpm08synVHXs5c6pPwlq\nuGYx6dOCvT1BGs/W4WxwZtBiISMuXRHmRzSL/jq73WjTNVtDJNxKh80X5tQM\n/Kb2dSAmE30sZ/0ExDB+zHIhetsEEnIdpj0gAEjR1xLUkw+5GqJlJjq7oM1d\n0AzVXGAoit1wICrtCHNpT+mWAOh8g8iupP8y3rzCB0IZ/XibkcOvoSs3ozfB\nGz7YTQcBgDniBH5PmK+QjDBViCNkyuAvtnnJqhv/vKUwxAOSFyoht5SZRM//\nVEdsDwVPFh/fMYokyDz67mStsSrXaob/CoXV9iib+3I3NAKX3BmA2yTwoPWE\nFloF\r\n=WCCN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHPJkEk6mzFGV66cwHIOIdvXoNPwlVCwOkX+H+DoUCnAIhALojiTDDjEDG8fkAvVR2k3JUeTKZX7IuZJna8lhP+8ey"}]},"maintainers":[{"name":"aalahmady","email":"akagameac@gmail.com"}],"_npmUser":{"name":"aalahmady","email":"akagameac@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/storybook-sc-themes_1.2.0_1554709439257_0.11290710537176896"},"_hasShrinkwrap":false}},"time":{"created":"2019-04-08T07:43:59.094Z","1.2.0":"2019-04-08T07:43:59.485Z","modified":"2022-04-04T12:27:31.533Z"},"maintainers":[],"description":"storybook addon with styled-components theme","keywords":["storybook","styled-component","addon","theme","react","typescript"],"license":"MIT","readme":"[![npm version](https://badge.fury.io/js/storybook-addon-styled-component-theme.svg)](https://badge.fury.io/js/storybook-addon-styled-component-theme)\r\n[![build status](https://travis-ci.org/echoulen/storybook-addon-styled-component-theme.svg?branch=master)](https://travis-ci.org/echoulen/storybook-addon-styled-component-theme)\r\n[![codecov](https://codecov.io/gh/echoulen/storybook-addon-styled-component-theme/branch/master/graph/badge.svg)](https://codecov.io/gh/echoulen/storybook-addon-styled-component-theme)\r\n\r\n![](https://media.giphy.com/media/FfFvOA9C0h9bhfCuNX/giphy.gif)\r\n\r\n#### Notice\r\nOnly support storybook 4 and newer\r\n\r\n\r\n#### Installation\r\n```bash\r\nyarn add storybook-addon-styled-component-theme --dev\r\n```\r\n\r\n\r\n#### Add to .storybook/addons.js \r\n\r\n```javascript\r\nimport 'storybook-addon-styled-component-theme/dist/src/register'; // v1.1.0^\r\n\r\nimport 'storybook-addon-styled-component-theme/dist/register'; // v1.0.7\r\n```\r\n\r\n#### addDecorator to .storybook/config.js\r\n```javascript\r\nimport {addDecorator} from '@storybook/react';\r\nimport {withThemesProvider} from 'storybook-addon-styled-component-theme';\r\n\r\nconst themes = [theme1, theme2];\r\naddDecorator(withThemesProvider(themes));\r\n```\r\n\r\n> or\r\n\r\n#### addDecorator to stories \r\n\r\n```javascript\r\nimport {withThemesProvider} from 'storybook-addon-styled-component-theme';\r\n\r\nconst themes = [theme1, theme2];\r\n\r\nstoriesOf(\"demo\", module)\r\n  .addDecorator(withThemesProvider(themes))\r\n  .add(\"demo div\", () => <div>DEMO</div>);\r\n```\r\n\r\n#### Remind\r\nMake sure every theme with `name` property\r\n\r\n\r\n#### Contributing\r\n\r\n`yarn`\r\n\r\n`yarn build:watch`\r\n\r\n`yarn serve`\r\n","readmeFilename":"README.md"}