knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[core][s]: darkmode storybook addon

Browse Source
This commit is contained in:
Ola Rubaj 2023-08-08 20:37:59 +02:00
parent 5b03c43478
commit 049ad55362
4 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
package-lock.json generated
View File

@ -74,6 +74,7 @@
"react-test-renderer": "18.2.0", "react-test-renderer": "18.2.0",
"rehype-stringify": "^9.0.3", "rehype-stringify": "^9.0.3",
"remark": "^14.0.3", "remark": "^14.0.3",
"storybook-tailwind-dark-mode": "^1.0.22",
"swc-loader": "0.1.15", "swc-loader": "0.1.15",
"ts-jest": "^29.0.5", "ts-jest": "^29.0.5",
"ts-node": "10.9.1", "ts-node": "10.9.1",
@ -42157,6 +42158,29 @@
"url": "https://opencollective.com/storybook" "url": "https://opencollective.com/storybook"
} }
}, },
"node_modules/storybook-tailwind-dark-mode": {
"version": "1.0.22",
"resolved": "https://registry.npmjs.org/storybook-tailwind-dark-mode/-/storybook-tailwind-dark-mode-1.0.22.tgz",
"integrity": "sha512-I0HSVCuvo3OkaGDnCjLM7V1OYmQccrUCAGZ5ZaJfl9s3e93WA6DKFpQRbuoSidci+PTy+KvgrINgE08rA16bWA==",
"dev": true,
"peerDependencies": {
"@storybook/addons": "^7.0.0",
"@storybook/api": "^7.0.0",
"@storybook/components": "^7.0.0",
"@storybook/core-events": "^7.0.0",
"@storybook/theming": "^7.0.0",
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
},
"peerDependenciesMeta": {
"react": {
"optional": true
},
"react-dom": {
"optional": true
}
}
},
"node_modules/stream-shift": { "node_modules/stream-shift": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz", "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
@ -80050,6 +80074,13 @@
"@storybook/cli": "7.0.18" "@storybook/cli": "7.0.18"
} }
}, },
"storybook-tailwind-dark-mode": {
"version": "1.0.22",
"resolved": "https://registry.npmjs.org/storybook-tailwind-dark-mode/-/storybook-tailwind-dark-mode-1.0.22.tgz",
"integrity": "sha512-I0HSVCuvo3OkaGDnCjLM7V1OYmQccrUCAGZ5ZaJfl9s3e93WA6DKFpQRbuoSidci+PTy+KvgrINgE08rA16bWA==",
"dev": true,
"requires": {}
},
"stream-shift": { "stream-shift": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz", "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",

1
package.json
View File

@ -69,6 +69,7 @@
"react-test-renderer": "18.2.0", "react-test-renderer": "18.2.0",
"rehype-stringify": "^9.0.3", "rehype-stringify": "^9.0.3",
"remark": "^14.0.3", "remark": "^14.0.3",
"storybook-tailwind-dark-mode": "^1.0.22",
"swc-loader": "0.1.15", "swc-loader": "0.1.15",
"ts-jest": "^29.0.5", "ts-jest": "^29.0.5",
"ts-node": "10.9.1", "ts-node": "10.9.1",

1
packages/core/.storybook/main.ts
View File

@ -6,6 +6,7 @@ const config: StorybookConfig = {
'@storybook/addon-essentials', '@storybook/addon-essentials',
'@storybook/addon-interactions', '@storybook/addon-interactions',
'@nrwl/react/plugins/storybook', '@nrwl/react/plugins/storybook',
'storybook-tailwind-dark-mode'
], ],
framework: { framework: {
name: '@storybook/react-webpack5', name: '@storybook/react-webpack5',

13
packages/core/.storybook/preview.ts
View File

@ -1 +1,14 @@
import './tailwind-imports.css'; import './tailwind-imports.css';
const preview = {
globalTypes: {
darkMode: {
defaultValue: false, // Enable dark mode by default on all stories
},
className: {
defaultValue: 'dark', // Set your custom dark mode class name
},
},
};
export default preview;