@carbon/storybook-addon-theme 0.22.16 → 0.22.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Panel.js.map +1 -1
- package/dist/react.js.map +1 -1
- package/dist/register.js.map +1 -1
- package/dist/shared.js.map +1 -1
- package/dist/vue.js.map +1 -1
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Panel.js","names":["React","useEffect","useState","PropTypes","Form","SET_STORIES","STORY_CHANGED","CARBON_CURRENT_THEME","CARBON_THEMES","CARBON_THEME_DEFAULT","CARBON_THEME_PARAM","mergeParams","CarbonThemesPanel","api","active","channel","theme","setTheme","themes","setThemes","handleStoryChange","storyData","getCurrentStoryData","params","parameters","on","off","emit","ev","target","value","map","option","propTypes","bool","isRequired","any","object"],"sources":["../../src/components/Panel.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n/**\n * Copyright IBM Corp. 2016, 2018\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Form } from '@storybook/components';\nimport { SET_STORIES, STORY_CHANGED } from '@storybook/core-events';\n\nimport {\n CARBON_CURRENT_THEME,\n CARBON_THEMES,\n CARBON_THEME_DEFAULT,\n CARBON_THEME_PARAM,\n mergeParams,\n} from '../shared';\n\n/**\n * Storybook add-on panel for Carbon theme switcher.\n */\nexport const CarbonThemesPanel = ({ api, active, channel }) => {\n const [theme, setTheme] = useState(CARBON_THEME_DEFAULT);\n const [themes, setThemes] = useState(CARBON_THEMES);\n\n useEffect(() => {\n // on mount sort out initial state\n const handleStoryChange = () => {\n const storyData = api.getCurrentStoryData();\n\n let params = storyData\n ? storyData.parameters\n ? storyData.parameters[CARBON_THEME_PARAM]\n : {}\n : {};\n\n params = mergeParams(params);\n\n setTheme(params.theme);\n setThemes(params.themes);\n };\n\n api.on(SET_STORIES, handleStoryChange);\n api.on(STORY_CHANGED, handleStoryChange);\n\n return () => {\n api.off(SET_STORIES, handleStoryChange);\n api.off(STORY_CHANGED, handleStoryChange);\n };\n }, [api]);\n\n useEffect(() => {\n channel.emit(CARBON_CURRENT_THEME, theme);\n }, [theme, channel]);\n\n if (!active) {\n return null;\n }\n\n return (\n <Form>\n <Form.Field label=\"Select Carbon theme:\">\n <Form.Select\n name=\"carbon-theme\"\n value={theme}\n onChange={(ev) => setTheme(ev.target.value)}\n size=\"flex\"\n >\n {themes.map((option) => (\n <option key={option} value={option}>\n {option}\n </option>\n ))}\n </Form.Select>\n </Form.Field>\n </Form>\n );\n};\n\nCarbonThemesPanel.propTypes = {\n /**\n * `true` if this Storybook add-on panel is active.\n */\n active: PropTypes.bool.isRequired,\n /**\n * The Storybook API object.\n */\n api: PropTypes.any,\n /**\n * channel\n */\n channel: PropTypes.object,\n};\n"],"mappings":"AAAA;;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,wBAA3C;AAEA,SACEC,oBADF,EAEEC,aAFF,EAGEC,oBAHF,EAIEC,kBAJF,EAKEC,WALF,QAMO,WANP;AAQA;AACA;AACA;;AACA,OAAO,MAAMC,iBAAiB,GAAG,CAAC;EAAEC,GAAF;EAAOC,MAAP;EAAeC;AAAf,CAAD,KAA8B;EAC7D,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBf,QAAQ,CAACO,oBAAD,CAAlC;EACA,MAAM,CAACS,MAAD,EAASC,SAAT,IAAsBjB,QAAQ,CAACM,aAAD,CAApC;EAEAP,SAAS,CAAC,MAAM;IACd;IACA,MAAMmB,iBAAiB,GAAG,MAAM;MAC9B,MAAMC,SAAS,GAAGR,GAAG,CAACS,mBAAJ,EAAlB;MAEA,IAAIC,MAAM,GAAGF,SAAS,GAClBA,SAAS,CAACG,UAAV,GACEH,SAAS,CAACG,UAAV,CAAqBd,kBAArB,CADF,GAEE,EAHgB,GAIlB,EAJJ;MAMAa,MAAM,GAAGZ,WAAW,CAACY,MAAD,CAApB;MAEAN,QAAQ,CAACM,MAAM,CAACP,KAAR,CAAR;MACAG,SAAS,CAACI,MAAM,CAACL,MAAR,CAAT;IACD,CAbD;;IAeAL,GAAG,CAACY,EAAJ,CAAOpB,WAAP,EAAoBe,iBAApB;IACAP,GAAG,CAACY,EAAJ,CAAOnB,aAAP,EAAsBc,iBAAtB;IAEA,OAAO,MAAM;MACXP,GAAG,CAACa,GAAJ,CAAQrB,WAAR,EAAqBe,iBAArB;MACAP,GAAG,CAACa,GAAJ,CAAQpB,aAAR,EAAuBc,iBAAvB;IACD,CAHD;EAID,CAxBQ,EAwBN,CAACP,GAAD,CAxBM,CAAT;EA0BAZ,SAAS,CAAC,MAAM;IACdc,OAAO,CAACY,IAAR,CAAapB,oBAAb,EAAmCS,KAAnC;EACD,CAFQ,EAEN,CAACA,KAAD,EAAQD,OAAR,CAFM,CAAT;;EAIA,IAAI,CAACD,MAAL,EAAa;IACX,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD,CAAM,KAAN;IAAY,KAAK,EAAC;EAAlB,gBACE,oBAAC,IAAD,CAAM,MAAN;IACE,IAAI,EAAC,cADP;IAEE,KAAK,EAAEE,KAFT;IAGE,QAAQ,EAAGY,EAAD,IAAQX,QAAQ,CAACW,EAAE,CAACC,MAAH,CAAUC,KAAX,CAH5B;IAIE,IAAI,EAAC;EAJP,GAMGZ,MAAM,CAACa,GAAP,CAAYC,MAAD,iBACV;IAAQ,GAAG,EAAEA,MAAb;IAAqB,KAAK,EAAEA;EAA5B,GACGA,MADH,CADD,CANH,CADF,CADF,CADF;AAkBD,CAxDM;AA0DPpB,iBAAiB,CAACqB,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEnB,MAAM,EAAEX,SAAS,CAAC+B,IAAV,CAAeC,UAJK;;EAK5B;AACF;AACA;EACEtB,GAAG,EAAEV,SAAS,CAACiC,GARa;;EAS5B;AACF;AACA;EACErB,OAAO,EAAEZ,SAAS,CAACkC;AAZS,CAA9B"}
|
package/dist/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"react.js","names":["useEffect","useState","addons","makeDecorator","CARBON_CURRENT_THEME","CARBON_THEME_PARAM","WITH_CARBON_THEME","Wrapper","getStory","context","parameters","channel","getChannel","carbonTheme","setCarbonTheme","undefined","handleCarbonCurrentTheme","theme","document","documentElement","setAttribute","on","value","removeListener","withCarbonTheme","name","parameterName","wrapper"],"sources":["../src/react.js"],"sourcesContent":["/**\n * Copyright IBM Corp. 2016, 2018\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { useEffect, useState } from 'react';\nimport addons, { makeDecorator } from '@storybook/addons';\nimport {\n CARBON_CURRENT_THEME,\n CARBON_THEME_PARAM,\n WITH_CARBON_THEME,\n} from './shared';\n\nconst Wrapper = (getStory, context, parameters) => {\n const channel = addons.getChannel();\n const [carbonTheme, setCarbonTheme] = useState(undefined);\n\n const handleCarbonCurrentTheme = (theme) => {\n document.documentElement.setAttribute('storybook-carbon-theme', theme);\n setCarbonTheme(theme);\n };\n\n useEffect(() => {\n channel.on(CARBON_CURRENT_THEME, handleCarbonCurrentTheme);\n setCarbonTheme(carbonTheme || parameters.value);\n\n return () => {\n channel.removeListener(CARBON_CURRENT_THEME, handleCarbonCurrentTheme);\n }; // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return getStory(context);\n};\n\nexport const withCarbonTheme = makeDecorator({\n name: WITH_CARBON_THEME,\n parameterName: CARBON_THEME_PARAM,\n wrapper: Wrapper,\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,OAAOC,MAAP,IAAiBC,aAAjB,QAAsC,mBAAtC;AACA,SACEC,oBADF,EAEEC,kBAFF,EAGEC,iBAHF,QAIO,UAJP;;AAMA,MAAMC,OAAO,GAAG,CAACC,QAAD,EAAWC,OAAX,EAAoBC,UAApB,KAAmC;EACjD,MAAMC,OAAO,GAAGT,MAAM,CAACU,UAAP,EAAhB;EACA,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCb,QAAQ,CAACc,SAAD,CAA9C;;EAEA,MAAMC,wBAAwB,GAAIC,KAAD,IAAW;IAC1CC,QAAQ,CAACC,eAAT,CAAyBC,YAAzB,CAAsC,wBAAtC,EAAgEH,KAAhE;IACAH,cAAc,CAACG,KAAD,CAAd;EACD,CAHD;;EAKAjB,SAAS,CAAC,MAAM;IACdW,OAAO,CAACU,EAAR,CAAWjB,oBAAX,EAAiCY,wBAAjC;IACAF,cAAc,CAACD,WAAW,IAAIH,UAAU,CAACY,KAA3B,CAAd;IAEA,OAAO,MAAM;MACXX,OAAO,CAACY,cAAR,CAAuBnB,oBAAvB,EAA6CY,wBAA7C;IACD,CAFD,CAJc,CAMX;EACJ,CAPQ,EAON,EAPM,CAAT;EASA,OAAOR,QAAQ,CAACC,OAAD,CAAf;AACD,CAnBD;;AAqBA,OAAO,MAAMe,eAAe,GAAGrB,aAAa,CAAC;EAC3CsB,IAAI,EAAEnB,iBADqC;EAE3CoB,aAAa,EAAErB,kBAF4B;EAG3CsB,OAAO,EAAEpB;AAHkC,CAAD,CAArC"}
|
package/dist/register.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"register.js","names":["React","addons","CarbonThemesPanel","CARBON_THEMES_ADDON_ID","CARBON_THEME_PANEL_ID","register","api","channel","getChannel","addPanel","title","render","active","key"],"sources":["../src/register.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n/**\n * Copyright IBM Corp. 2016, 2018\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React from 'react';\nimport { addons } from '@storybook/addons';\nimport { CarbonThemesPanel /*, CarbonTypePanel */ } from './components/Panel';\nimport { CARBON_THEMES_ADDON_ID, CARBON_THEME_PANEL_ID } from './shared';\n\naddons.register(CARBON_THEMES_ADDON_ID, (api) => {\n const channel = addons.getChannel();\n addons.addPanel(CARBON_THEME_PANEL_ID, {\n title: 'Carbon theme',\n render: ({ active, key }) => (\n <CarbonThemesPanel {...{ api, active, key, channel }} />\n ),\n });\n});\n"],"mappings":"AAAA;;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC;AAAkB;AAA3B,OAAyD,oBAAzD;AACA,SAASC,sBAAT,EAAiCC,qBAAjC,QAA8D,UAA9D;AAEAH,MAAM,CAACI,QAAP,CAAgBF,sBAAhB,EAAyCG,GAAD,IAAS;EAC/C,MAAMC,OAAO,GAAGN,MAAM,CAACO,UAAP,EAAhB;EACAP,MAAM,CAACQ,QAAP,CAAgBL,qBAAhB,EAAuC;IACrCM,KAAK,EAAE,cAD8B;IAErCC,MAAM,EAAE,CAAC;MAAEC,MAAF;MAAUC;IAAV,CAAD,kBACN,oBAAC,iBAAD;MAAyBP,GAAzB;MAA8BM,MAA9B;MAAsCC,GAAtC;MAA2CN;IAA3C;EAHmC,CAAvC;AAMD,CARD"}
|
package/dist/shared.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"shared.js","names":["CARBON_THEMES","WITH_CARBON_THEME","CARBON_THEME_PARAM","CARBON_THEME_DEFAULT","CARBON_THEMES_ADDON_ID","CARBON_THEME","CARBON_CURRENT_THEME","CARBON_THEME_PANEL_ID","defaultOptions","theme","themes","mergeParams","params","options","length","filter","option","indexOf","slice","defaultThemeIndex"],"sources":["../src/shared.js"],"sourcesContent":["/**\n * Copyright IBM Corp. 2016, 2021\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport const CARBON_THEMES = ['white', 'g10', 'g90', 'g100', 'debug'];\nexport const WITH_CARBON_THEME = 'withCarbonTheme';\nexport const CARBON_THEME_PARAM = 'carbonTheme';\nexport const CARBON_THEME_DEFAULT = 'white';\n\nexport const CARBON_THEMES_ADDON_ID = 'carbon-theme';\nexport const CARBON_THEME = `£{CARBON_THEME_PANEL_ID}/carbonTheme`;\nexport const CARBON_CURRENT_THEME = `${CARBON_THEMES_ADDON_ID}/current`;\nexport const CARBON_THEME_PANEL_ID = `${CARBON_THEMES_ADDON_ID}/panel`;\n\nconst defaultOptions = {\n theme: CARBON_THEMES[0],\n themes: CARBON_THEMES,\n};\n\nexport const mergeParams = (params) => {\n const options = { themes: [], ...params };\n\n if (options.themes.length) {\n // filter to params.themes\n options.themes = defaultOptions.themes.filter(\n (option) => options.themes.indexOf(option) > -1\n );\n }\n\n // check not empty\n if (options.themes.length === 0) {\n options.themes = defaultOptions.themes.slice(0);\n }\n\n if (!options.theme) {\n options.theme = defaultOptions.theme;\n }\n\n if (options.themes.indexOf(options.theme) < 0) {\n // default theme to one that exists\n const defaultThemeIndex = options.themes.indexOf(defaultOptions.theme);\n options.theme =\n defaultThemeIndex > 0\n ? options.themes[defaultThemeIndex]\n : options.themes[0];\n }\n\n return options;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AAEA,OAAO,MAAMA,aAAa,GAAG,CAAC,OAAD,EAAU,KAAV,EAAiB,KAAjB,EAAwB,MAAxB,EAAgC,OAAhC,CAAtB;AACP,OAAO,MAAMC,iBAAiB,GAAG,iBAA1B;AACP,OAAO,MAAMC,kBAAkB,GAAG,aAA3B;AACP,OAAO,MAAMC,oBAAoB,GAAG,OAA7B;AAEP,OAAO,MAAMC,sBAAsB,GAAG,cAA/B;AACP,OAAO,MAAMC,YAAY,GAAI,sCAAtB;AACP,OAAO,MAAMC,oBAAoB,GAAI,GAAEF,sBAAuB,UAAvD;AACP,OAAO,MAAMG,qBAAqB,GAAI,GAAEH,sBAAuB,QAAxD;AAEP,MAAMI,cAAc,GAAG;EACrBC,KAAK,EAAET,aAAa,CAAC,CAAD,CADC;EAErBU,MAAM,EAAEV;AAFa,CAAvB;AAKA,OAAO,MAAMW,WAAW,GAAIC,MAAD,IAAY;EACrC,MAAMC,OAAO,GAAG;IAAEH,MAAM,EAAE,EAAV;IAAc,GAAGE;EAAjB,CAAhB;;EAEA,IAAIC,OAAO,CAACH,MAAR,CAAeI,MAAnB,EAA2B;IACzB;IACAD,OAAO,CAACH,MAAR,GAAiBF,cAAc,CAACE,MAAf,CAAsBK,MAAtB,CACdC,MAAD,IAAYH,OAAO,CAACH,MAAR,CAAeO,OAAf,CAAuBD,MAAvB,IAAiC,CAAC,CAD/B,CAAjB;EAGD,CARoC,CAUrC;;;EACA,IAAIH,OAAO,CAACH,MAAR,CAAeI,MAAf,KAA0B,CAA9B,EAAiC;IAC/BD,OAAO,CAACH,MAAR,GAAiBF,cAAc,CAACE,MAAf,CAAsBQ,KAAtB,CAA4B,CAA5B,CAAjB;EACD;;EAED,IAAI,CAACL,OAAO,CAACJ,KAAb,EAAoB;IAClBI,OAAO,CAACJ,KAAR,GAAgBD,cAAc,CAACC,KAA/B;EACD;;EAED,IAAII,OAAO,CAACH,MAAR,CAAeO,OAAf,CAAuBJ,OAAO,CAACJ,KAA/B,IAAwC,CAA5C,EAA+C;IAC7C;IACA,MAAMU,iBAAiB,GAAGN,OAAO,CAACH,MAAR,CAAeO,OAAf,CAAuBT,cAAc,CAACC,KAAtC,CAA1B;IACAI,OAAO,CAACJ,KAAR,GACEU,iBAAiB,GAAG,CAApB,GACIN,OAAO,CAACH,MAAR,CAAeS,iBAAf,CADJ,GAEIN,OAAO,CAACH,MAAR,CAAe,CAAf,CAHN;EAID;;EAED,OAAOG,OAAP;AACD,CA7BM"}
|
package/dist/vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"vue.js","names":["addons","makeDecorator","CARBON_CURRENT_THEME","CARBON_THEME_PARAM","WITH_CARBON_THEME","Wrapper","getStory","context","parameters","channel","getChannel","setCarbonTheme","theme","document","documentElement","setAttribute","template","mounted","on","value","withCarbonTheme","name","parameterName","wrapper"],"sources":["../src/vue.js"],"sourcesContent":["/**\n * Copyright IBM Corp. 2016, 2018\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport addons, { makeDecorator } from '@storybook/addons';\nimport {\n CARBON_CURRENT_THEME,\n CARBON_THEME_PARAM,\n WITH_CARBON_THEME,\n} from './shared';\n\nconst Wrapper = (getStory, context, { parameters }) => {\n const channel = addons.getChannel();\n\n const setCarbonTheme = (theme) => {\n document.documentElement.setAttribute('storybook-carbon-theme', theme);\n };\n\n return {\n template: `<story/>`,\n mounted() {\n channel.on(CARBON_CURRENT_THEME, setCarbonTheme);\n setCarbonTheme(parameters.value);\n },\n };\n};\n\n// export decorator\nexport const withCarbonTheme = makeDecorator({\n name: WITH_CARBON_THEME,\n parameterName: CARBON_THEME_PARAM,\n wrapper: Wrapper,\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,MAAP,IAAiBC,aAAjB,QAAsC,mBAAtC;AACA,SACEC,oBADF,EAEEC,kBAFF,EAGEC,iBAHF,QAIO,UAJP;;AAMA,MAAMC,OAAO,GAAG,CAACC,QAAD,EAAWC,OAAX,EAAoB;EAAEC;AAAF,CAApB,KAAuC;EACrD,MAAMC,OAAO,GAAGT,MAAM,CAACU,UAAP,EAAhB;;EAEA,MAAMC,cAAc,GAAIC,KAAD,IAAW;IAChCC,QAAQ,CAACC,eAAT,CAAyBC,YAAzB,CAAsC,wBAAtC,EAAgEH,KAAhE;EACD,CAFD;;EAIA,OAAO;IACLI,QAAQ,EAAG,UADN;;IAELC,OAAO,GAAG;MACRR,OAAO,CAACS,EAAR,CAAWhB,oBAAX,EAAiCS,cAAjC;MACAA,cAAc,CAACH,UAAU,CAACW,KAAZ,CAAd;IACD;;EALI,CAAP;AAOD,CAdD,C,CAgBA;;;AACA,OAAO,MAAMC,eAAe,GAAGnB,aAAa,CAAC;EAC3CoB,IAAI,EAAEjB,iBADqC;EAE3CkB,aAAa,EAAEnB,kBAF4B;EAG3CoB,OAAO,EAAElB;AAHkC,CAAD,CAArC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/storybook-addon-theme",
|
|
3
3
|
"description": "Carbon theme switcher for Storybook",
|
|
4
|
-
"version": "0.22.
|
|
4
|
+
"version": "0.22.19",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/react.js",
|
|
7
7
|
"repository": {
|
|
@@ -49,16 +49,16 @@
|
|
|
49
49
|
"@storybook/components": "6.4.22",
|
|
50
50
|
"@storybook/core-events": "6.4.22",
|
|
51
51
|
"@storybook/theming": "6.4.22",
|
|
52
|
-
"core-js": "^3.22.
|
|
52
|
+
"core-js": "^3.22.5",
|
|
53
53
|
"global": "^4.4.0"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@babel/cli": "^7.17.
|
|
57
|
-
"@babel/core": "^7.17.
|
|
56
|
+
"@babel/cli": "^7.17.10",
|
|
57
|
+
"@babel/core": "^7.17.10",
|
|
58
58
|
"@babel/preset-react": "^7.16.7",
|
|
59
|
-
"npm-check-updates": "^12.5.
|
|
59
|
+
"npm-check-updates": "^12.5.11",
|
|
60
60
|
"npm-run-all": "^4.1.5",
|
|
61
61
|
"rimraf": "^3.0.2"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "af43f7248a6bf9c65da17758b2345aad9808c317"
|
|
64
64
|
}
|