1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00

storybook UI theme toggling

This commit is contained in:
Matthias Kretschmann 2022-09-28 11:32:19 +01:00
parent 4ef734891a
commit 543c775d71
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 47 additions and 1 deletions

View File

@ -3,7 +3,7 @@ const webpack = require('webpack')
module.exports = { module.exports = {
core: { builder: 'webpack5' }, core: { builder: 'webpack5' },
stories: ['../src/**/*.stories.tsx'], stories: ['../src/**/*.stories.tsx'],
addons: ['@storybook/addon-essentials'], addons: ['@storybook/addon-essentials', 'storybook-dark-mode/register'],
framework: '@storybook/react', framework: '@storybook/react',
webpackFinal: async (config) => { webpackFinal: async (config) => {
config.resolve.plugins = [ config.resolve.plugins = [

45
package-lock.json generated
View File

@ -95,6 +95,7 @@
"pretty-quick": "^3.1.3", "pretty-quick": "^3.1.3",
"process": "^0.11.10", "process": "^0.11.10",
"serve": "^14.0.1", "serve": "^14.0.1",
"storybook-dark-mode": "^1.1.2",
"stream-http": "^3.2.0", "stream-http": "^3.2.0",
"tsconfig-paths-webpack-plugin": "^4.0.0", "tsconfig-paths-webpack-plugin": "^4.0.0",
"typescript": "^4.8.3" "typescript": "^4.8.3"
@ -37496,6 +37497,34 @@
"integrity": "sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==", "integrity": "sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==",
"dev": true "dev": true
}, },
"node_modules/storybook-dark-mode": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-1.1.2.tgz",
"integrity": "sha512-L5QjJN49bl+ktprM6faMkTeW+LCvuMYWQaRo8/JGSMmzomIjLT7Yo20UiTsnMgMYyYWYF5O4EK/F3OvjDNp8tQ==",
"dev": true,
"dependencies": {
"@storybook/addons": "^6.0.0",
"@storybook/api": "^6.0.0",
"@storybook/components": "^6.0.0",
"@storybook/core-events": "^6.0.0",
"@storybook/theming": "^6.0.0",
"fast-deep-equal": "^3.0.0",
"global": "^4.4.0",
"memoizerific": "^1.11.3"
},
"peerDependencies": {
"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-browserify": { "node_modules/stream-browserify": {
"version": "2.0.2", "version": "2.0.2",
"resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz", "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
@ -70519,6 +70548,22 @@
"integrity": "sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==", "integrity": "sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==",
"dev": true "dev": true
}, },
"storybook-dark-mode": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/storybook-dark-mode/-/storybook-dark-mode-1.1.2.tgz",
"integrity": "sha512-L5QjJN49bl+ktprM6faMkTeW+LCvuMYWQaRo8/JGSMmzomIjLT7Yo20UiTsnMgMYyYWYF5O4EK/F3OvjDNp8tQ==",
"dev": true,
"requires": {
"@storybook/addons": "^6.0.0",
"@storybook/api": "^6.0.0",
"@storybook/components": "^6.0.0",
"@storybook/core-events": "^6.0.0",
"@storybook/theming": "^6.0.0",
"fast-deep-equal": "^3.0.0",
"global": "^4.4.0",
"memoizerific": "^1.11.3"
}
},
"stream-browserify": { "stream-browserify": {
"version": "2.0.2", "version": "2.0.2",
"resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz", "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",

View File

@ -108,6 +108,7 @@
"pretty-quick": "^3.1.3", "pretty-quick": "^3.1.3",
"process": "^0.11.10", "process": "^0.11.10",
"serve": "^14.0.1", "serve": "^14.0.1",
"storybook-dark-mode": "^1.1.2",
"stream-http": "^3.2.0", "stream-http": "^3.2.0",
"tsconfig-paths-webpack-plugin": "^4.0.0", "tsconfig-paths-webpack-plugin": "^4.0.0",
"typescript": "^4.8.3" "typescript": "^4.8.3"