@carbon/storybook-addon-theme 0.22.32 → 0.22.34
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -1
- 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
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ npm install @carbon/storybook-addon-theme
|
|
|
24
24
|
We are always looking for contributors to help us fix bugs, build new features,
|
|
25
25
|
or help us improve the project documentation. If you're interested, definitely
|
|
26
26
|
check out our
|
|
27
|
-
[Contributing Guide](https://github.com/carbon-design-system/ibm-
|
|
27
|
+
[Contributing Guide](https://github.com/carbon-design-system/ibm-products/blob/master/.github/CONTRIBUTING.md)
|
|
28
28
|
and
|
|
29
29
|
[Carbon's Developer Handbook](https://github.com/carbon-design-system/carbon/blob/master/docs/developer-handbook.md)!
|
|
30
30
|
👀
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","createElement","Field","label","Select","name","value","onChange","ev","target","size","map","option","key","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,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,EAAEC,aAAa,QAAQ,wBAAwB;AAEnE,SACEC,oBAAoB,EACpBC,aAAa,EACbC,oBAAoB,EACpBC,kBAAkB,EAClBC,WAAW,QACN,WAAW;;AAElB;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,MAAM;EAAEC;AAAQ,CAAC,KAAK;EAC7D,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAACO,oBAAoB,CAAC;EACxD,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAGjB,QAAQ,CAACM,aAAa,CAAC;EAEnDP,SAAS,CAAC,MAAM;IACd;IACA,MAAMmB,iBAAiB,GAAGA,CAAA,KAAM;MAC9B,MAAMC,SAAS,GAAGR,GAAG,CAACS,mBAAmB,CAAC,CAAC;MAE3C,IAAIC,MAAM,GAAGF,SAAS,GAClBA,SAAS,CAACG,UAAU,GAClBH,SAAS,CAACG,UAAU,CAACd,kBAAkB,CAAC,GACxC,CAAC,CAAC,GACJ,CAAC,CAAC;MAENa,MAAM,GAAGZ,WAAW,CAACY,MAAM,CAAC;MAE5BN,QAAQ,CAACM,MAAM,CAACP,KAAK,CAAC;MACtBG,SAAS,CAACI,MAAM,CAACL,MAAM,CAAC;IAC1B,CAAC;IAEDL,GAAG,CAACY,EAAE,CAACpB,WAAW,EAAEe,iBAAiB,CAAC;IACtCP,GAAG,CAACY,EAAE,CAACnB,aAAa,EAAEc,iBAAiB,CAAC;IAExC,OAAO,MAAM;MACXP,GAAG,CAACa,GAAG,CAACrB,WAAW,EAAEe,iBAAiB,CAAC;MACvCP,GAAG,CAACa,GAAG,CAACpB,aAAa,EAAEc,iBAAiB,CAAC;IAC3C,CAAC;EACH,CAAC,EAAE,CAACP,GAAG,CAAC,CAAC;EAETZ,SAAS,CAAC,MAAM;IACdc,OAAO,CAACY,IAAI,CAACpB,oBAAoB,EAAES,KAAK,CAAC;EAC3C,CAAC,EAAE,CAACA,KAAK,EAAED,OAAO,CAAC,CAAC;EAEpB,IAAI,CAACD,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEd,KAAA,CAAA4B,aAAA,CAACxB,IAAI,qBACHJ,KAAA,CAAA4B,aAAA,CAACxB,IAAI,CAACyB,KAAK;IAACC,KAAK,EAAC;EAAsB,gBACtC9B,KAAA,CAAA4B,aAAA,CAACxB,IAAI,CAAC2B,MAAM;IACVC,IAAI,EAAC,cAAc;IACnBC,KAAK,EAAEjB,KAAM;IACbkB,QAAQ,EAAGC,EAAE,IAAKlB,QAAQ,CAACkB,EAAE,CAACC,MAAM,CAACH,KAAK,CAAE;IAC5CI,IAAI,EAAC;EAAM,GAEVnB,MAAM,CAACoB,GAAG,CAAEC,MAAM,iBACjBvC,KAAA,CAAA4B,aAAA;IAAQY,GAAG,EAAED,MAAO;IAACN,KAAK,EAAEM;EAAO,GAChCA,MACK,CACT,CACU,CACH,CACR,CAAC;AAEX,CAAC;AAED3B,iBAAiB,CAAC6B,SAAS,GAAG;EAC5B;AACF;AACA;EACE3B,MAAM,EAAEX,SAAS,CAACuC,IAAI,CAACC,UAAU;EACjC;AACF;AACA;EACE9B,GAAG,EAAEV,SAAS,CAACyC,GAAG;EAClB;AACF;AACA;EACE7B,OAAO,EAAEZ,SAAS,CAAC0C;AACrB,CAAC"}
|
package/dist/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,MAAM,IAAIC,aAAa,QAAQ,mBAAmB;AACzD,SACEC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;AAEjB,MAAMC,OAAO,
|
|
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,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,MAAM,IAAIC,aAAa,QAAQ,mBAAmB;AACzD,SACEC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;AAEjB,MAAMC,OAAO,GAAGA,CAACC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,KAAK;EACjD,MAAMC,OAAO,GAAGT,MAAM,CAACU,UAAU,CAAC,CAAC;EACnC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGb,QAAQ,CAACc,SAAS,CAAC;EAEzD,MAAMC,wBAAwB,GAAIC,KAAK,IAAK;IAC1CC,QAAQ,CAACC,eAAe,CAACC,YAAY,CAAC,wBAAwB,EAAEH,KAAK,CAAC;IACtEH,cAAc,CAACG,KAAK,CAAC;EACvB,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACdW,OAAO,CAACU,EAAE,CAACjB,oBAAoB,EAAEY,wBAAwB,CAAC;IAC1DF,cAAc,CAACD,WAAW,IAAIH,UAAU,CAACY,KAAK,CAAC;IAE/C,OAAO,MAAM;MACXX,OAAO,CAACY,cAAc,CAACnB,oBAAoB,EAAEY,wBAAwB,CAAC;IACxE,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOR,QAAQ,CAACC,OAAO,CAAC;AAC1B,CAAC;AAED,OAAO,MAAMe,eAAe,GAAGrB,aAAa,CAAC;EAC3CsB,IAAI,EAAEnB,iBAAiB;EACvBoB,aAAa,EAAErB,kBAAkB;EACjCsB,OAAO,EAAEpB;AACX,CAAC,CAAC"}
|
package/dist/register.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,iBAAiB,CAAC,8BAA8B,oBAAoB;AAC7E,SAASC,sBAAsB,EAAEC,qBAAqB,QAAQ,UAAU;AAExEH,MAAM,CAACI,QAAQ,CAACF,sBAAsB,EAAGG,GAAG,IAAK;EAC/C,MAAMC,OAAO,GAAGN,MAAM,CAACO,UAAU,
|
|
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","createElement"],"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,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,iBAAiB,CAAC,8BAA8B,oBAAoB;AAC7E,SAASC,sBAAsB,EAAEC,qBAAqB,QAAQ,UAAU;AAExEH,MAAM,CAACI,QAAQ,CAACF,sBAAsB,EAAGG,GAAG,IAAK;EAC/C,MAAMC,OAAO,GAAGN,MAAM,CAACO,UAAU,CAAC,CAAC;EACnCP,MAAM,CAACQ,QAAQ,CAACL,qBAAqB,EAAE;IACrCM,KAAK,EAAE,cAAc;IACrBC,MAAM,EAAEA,CAAC;MAAEC,MAAM;MAAEC;IAAI,CAAC,kBACtBb,KAAA,CAAAc,aAAA,CAACZ,iBAAiB;MAAOI,GAAG;MAAEM,MAAM;MAAEC,GAAG;MAAEN;IAAO,CAAK;EAE3D,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/shared.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;AACrE,OAAO,MAAMC,iBAAiB,GAAG,iBAAiB;AAClD,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C,OAAO,MAAMC,oBAAoB,GAAG,OAAO;AAE3C,OAAO,MAAMC,sBAAsB,GAAG,cAAc;AACpD,OAAO,MAAMC,YAAY,GAAI,sCAAqC;AAClE,OAAO,MAAMC,oBAAoB,GAAI,GAAEF,sBAAuB,UAAS;AACvE,OAAO,MAAMG,qBAAqB,GAAI,GAAEH,sBAAuB,QAAO;AAEtE,MAAMI,cAAc,GAAG;EACrBC,KAAK,EAAET,aAAa,CAAC,CAAC,CAAC;EACvBU,MAAM,EAAEV;AACV,CAAC;AAED,OAAO,MAAMW,WAAW,GAAIC,MAAM,IAAK;EACrC,MAAMC,OAAO,GAAG;IAAEH,MAAM,EAAE,EAAE;IAAE,GAAGE;EAAO,CAAC;EAEzC,IAAIC,OAAO,CAACH,MAAM,CAACI,MAAM,EAAE;IACzB;IACAD,OAAO,CAACH,MAAM,GAAGF,cAAc,CAACE,MAAM,CAACK,MAAM,CAC1CC,MAAM,IAAKH,OAAO,CAACH,MAAM,CAACO,OAAO,CAACD,MAAM,CAAC,GAAG,CAAC,CAAC
|
|
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,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;AACrE,OAAO,MAAMC,iBAAiB,GAAG,iBAAiB;AAClD,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C,OAAO,MAAMC,oBAAoB,GAAG,OAAO;AAE3C,OAAO,MAAMC,sBAAsB,GAAG,cAAc;AACpD,OAAO,MAAMC,YAAY,GAAI,sCAAqC;AAClE,OAAO,MAAMC,oBAAoB,GAAI,GAAEF,sBAAuB,UAAS;AACvE,OAAO,MAAMG,qBAAqB,GAAI,GAAEH,sBAAuB,QAAO;AAEtE,MAAMI,cAAc,GAAG;EACrBC,KAAK,EAAET,aAAa,CAAC,CAAC,CAAC;EACvBU,MAAM,EAAEV;AACV,CAAC;AAED,OAAO,MAAMW,WAAW,GAAIC,MAAM,IAAK;EACrC,MAAMC,OAAO,GAAG;IAAEH,MAAM,EAAE,EAAE;IAAE,GAAGE;EAAO,CAAC;EAEzC,IAAIC,OAAO,CAACH,MAAM,CAACI,MAAM,EAAE;IACzB;IACAD,OAAO,CAACH,MAAM,GAAGF,cAAc,CAACE,MAAM,CAACK,MAAM,CAC1CC,MAAM,IAAKH,OAAO,CAACH,MAAM,CAACO,OAAO,CAACD,MAAM,CAAC,GAAG,CAAC,CAChD,CAAC;EACH;;EAEA;EACA,IAAIH,OAAO,CAACH,MAAM,CAACI,MAAM,KAAK,CAAC,EAAE;IAC/BD,OAAO,CAACH,MAAM,GAAGF,cAAc,CAACE,MAAM,CAACQ,KAAK,CAAC,CAAC,CAAC;EACjD;EAEA,IAAI,CAACL,OAAO,CAACJ,KAAK,EAAE;IAClBI,OAAO,CAACJ,KAAK,GAAGD,cAAc,CAACC,KAAK;EACtC;EAEA,IAAII,OAAO,CAACH,MAAM,CAACO,OAAO,CAACJ,OAAO,CAACJ,KAAK,CAAC,GAAG,CAAC,EAAE;IAC7C;IACA,MAAMU,iBAAiB,GAAGN,OAAO,CAACH,MAAM,CAACO,OAAO,CAACT,cAAc,CAACC,KAAK,CAAC;IACtEI,OAAO,CAACJ,KAAK,GACXU,iBAAiB,GAAG,CAAC,GACjBN,OAAO,CAACH,MAAM,CAACS,iBAAiB,CAAC,GACjCN,OAAO,CAACH,MAAM,CAAC,CAAC,CAAC;EACzB;EAEA,OAAOG,OAAO;AAChB,CAAC"}
|
package/dist/vue.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,MAAM,IAAIC,aAAa,QAAQ,mBAAmB;AACzD,SACEC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;AAEjB,MAAMC,OAAO,
|
|
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,MAAM,IAAIC,aAAa,QAAQ,mBAAmB;AACzD,SACEC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;AAEjB,MAAMC,OAAO,GAAGA,CAACC,QAAQ,EAAEC,OAAO,EAAE;EAAEC;AAAW,CAAC,KAAK;EACrD,MAAMC,OAAO,GAAGT,MAAM,CAACU,UAAU,CAAC,CAAC;EAEnC,MAAMC,cAAc,GAAIC,KAAK,IAAK;IAChCC,QAAQ,CAACC,eAAe,CAACC,YAAY,CAAC,wBAAwB,EAAEH,KAAK,CAAC;EACxE,CAAC;EAED,OAAO;IACLI,QAAQ,EAAG,UAAS;IACpBC,OAAOA,CAAA,EAAG;MACRR,OAAO,CAACS,EAAE,CAAChB,oBAAoB,EAAES,cAAc,CAAC;MAChDA,cAAc,CAACH,UAAU,CAACW,KAAK,CAAC;IAClC;EACF,CAAC;AACH,CAAC;;AAED;AACA,OAAO,MAAMC,eAAe,GAAGnB,aAAa,CAAC;EAC3CoB,IAAI,EAAEjB,iBAAiB;EACvBkB,aAAa,EAAEnB,kBAAkB;EACjCoB,OAAO,EAAElB;AACX,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
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.34",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/react.js",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
|
-
"url": "https://github.com/carbon-design-system/ibm-
|
|
9
|
+
"url": "https://github.com/carbon-design-system/ibm-products.git",
|
|
10
10
|
"directory": "packages/storybook-addon-carbon-theme"
|
|
11
11
|
},
|
|
12
|
-
"bugs": "https://github.com/carbon-design-system/ibm-
|
|
12
|
+
"bugs": "https://github.com/carbon-design-system/ibm-products/issues",
|
|
13
13
|
"homepage": "https://github.com/storybookjs/storybook#readme",
|
|
14
14
|
"files": [
|
|
15
15
|
"dist/**/*",
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
"@babel/cli": "^7.20.7",
|
|
57
57
|
"@babel/core": "^7.20.12",
|
|
58
58
|
"@babel/preset-react": "^7.18.6",
|
|
59
|
-
"npm-check-updates": "^16.
|
|
59
|
+
"npm-check-updates": "^16.10.12",
|
|
60
60
|
"npm-run-all": "^4.1.5",
|
|
61
|
-
"rimraf": "
|
|
61
|
+
"rimraf": "^5.0.0"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "b98a2a91a534773bc2fe59baaad9e47b5dbc2ef2"
|
|
64
64
|
}
|