@storybook/addon-themes 0.0.0-pr-22499-sha-edffc853 → 0.0.0-pr-24844-sha-520c653e
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +2 -2
- package/dist/preview.d.ts +2 -2
- package/dist/preview.js +1 -1
- package/dist/preview.mjs +2 -2
- package/package.json +9 -9
- package/postinstall.js +7 -14
package/README.md
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
#
|
1
|
+
# `@storybook/addon-themes
|
2
2
|
|
3
3
|
Storybook Addon Themes can be used which between multiple themes for components inside the preview in [Storybook](https://storybook.js.org).
|
4
4
|
|
5
|
-
![React Storybook Screenshot](https://user-images.githubusercontent.com/
|
5
|
+
![React Storybook Screenshot](https://user-images.githubusercontent.com/42671/98158421-dada2300-1ea8-11eb-8619-af1e7018e1ec.png)
|
6
6
|
|
7
7
|
## Usage
|
8
8
|
|
package/dist/preview.d.ts
CHANGED
package/dist/preview.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preview_exports={};__export(preview_exports,{
|
1
|
+
"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preview_exports={};__export(preview_exports,{default:()=>preview_default});module.exports=__toCommonJS(preview_exports);var PARAM_KEY="themes",ADDON_ID=`storybook/${PARAM_KEY}}`,GLOBAL_KEY="theme",THEME_SWITCHER_ID=`${ADDON_ID}/theme-switcher`;var THEMING_EVENTS={REGISTER_THEMES:`${ADDON_ID}/REGISTER_THEMES`};var preview={globals:{[GLOBAL_KEY]:""}},preview_default=preview;
|
package/dist/preview.mjs
CHANGED
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@storybook/addon-themes",
|
3
|
-
"version": "0.0.0-pr-
|
3
|
+
"version": "0.0.0-pr-24844-sha-520c653e",
|
4
4
|
"description": "Switch between multiple themes for you components in Storybook",
|
5
5
|
"keywords": [
|
6
6
|
"css",
|
@@ -74,13 +74,13 @@
|
|
74
74
|
"prep": "../../../scripts/prepare/bundle.ts"
|
75
75
|
},
|
76
76
|
"dependencies": {
|
77
|
-
"@storybook/client-logger": "0.0.0-pr-
|
78
|
-
"@storybook/components": "0.0.0-pr-
|
79
|
-
"@storybook/core-events": "0.0.0-pr-
|
80
|
-
"@storybook/manager-api": "0.0.0-pr-
|
81
|
-
"@storybook/preview-api": "0.0.0-pr-
|
82
|
-
"@storybook/theming": "0.0.0-pr-
|
83
|
-
"@storybook/types": "0.0.0-pr-
|
77
|
+
"@storybook/client-logger": "0.0.0-pr-24844-sha-520c653e",
|
78
|
+
"@storybook/components": "0.0.0-pr-24844-sha-520c653e",
|
79
|
+
"@storybook/core-events": "0.0.0-pr-24844-sha-520c653e",
|
80
|
+
"@storybook/manager-api": "0.0.0-pr-24844-sha-520c653e",
|
81
|
+
"@storybook/preview-api": "0.0.0-pr-24844-sha-520c653e",
|
82
|
+
"@storybook/theming": "0.0.0-pr-24844-sha-520c653e",
|
83
|
+
"@storybook/types": "0.0.0-pr-24844-sha-520c653e",
|
84
84
|
"ts-dedent": "^2.0.0"
|
85
85
|
},
|
86
86
|
"devDependencies": {
|
@@ -114,6 +114,6 @@
|
|
114
114
|
"unsupportedFrameworks": [
|
115
115
|
"react-native"
|
116
116
|
],
|
117
|
-
"icon": "
|
117
|
+
"icon": ""
|
118
118
|
}
|
119
119
|
}
|
package/postinstall.js
CHANGED
@@ -1,24 +1,17 @@
|
|
1
1
|
const { spawn } = require('child_process');
|
2
2
|
|
3
3
|
const PACKAGE_MANAGER_TO_COMMAND = {
|
4
|
-
npm:
|
5
|
-
|
6
|
-
|
7
|
-
|
4
|
+
npm: 'npx',
|
5
|
+
yarn1: 'npx',
|
6
|
+
yarn2: 'yarn dlx',
|
7
|
+
pnpm: 'pnpm dlx',
|
8
8
|
};
|
9
9
|
|
10
|
-
|
10
|
+
module.exports = function postinstall(options) {
|
11
|
+
const command = PACKAGE_MANAGER_TO_COMMAND[options.packageManager];
|
11
12
|
|
12
|
-
|
13
|
-
const [command, ...baseArgs] = selectPackageManagerCommand(packageManager);
|
14
|
-
|
15
|
-
await spawn(command, [...baseArgs, ...args], {
|
13
|
+
spawn(command, ['@storybook/auto-config', 'themes'], {
|
16
14
|
stdio: 'inherit',
|
17
15
|
cwd: process.cwd(),
|
18
|
-
shell: true,
|
19
16
|
});
|
20
17
|
};
|
21
|
-
|
22
|
-
module.exports = async function postinstall({ packageManager = 'npm' }) {
|
23
|
-
await spawnPackageManagerScript(packageManager, ['@storybook/auto-config', 'themes']);
|
24
|
-
};
|