From c3771b25afbca73012d151300152b54b61988743 Mon Sep 17 00:00:00 2001 From: Josh Black Date: Thu, 27 Jan 2022 18:21:39 -0600 Subject: [PATCH] refactor(storybook): use STORYBOOK_* env variables (#10546) Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- packages/react/.storybook/addon-theme/register.js | 2 +- packages/react/.storybook/main.js | 14 +++++++------- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/react/.storybook/addon-theme/register.js b/packages/react/.storybook/addon-theme/register.js index 892398c2617b..c31deb013960 100644 --- a/packages/react/.storybook/addon-theme/register.js +++ b/packages/react/.storybook/addon-theme/register.js @@ -15,7 +15,7 @@ import { CARBON_TYPE_PANEL_ID, } from './shared'; -if (process.env.CARBON_REACT_STORYBOOK_USE_CUSTOM_PROPERTIES === 'true') { +if (process.env.STORYBOOK_USE_CUSTOM_PROPERTIES === 'true') { // Disabling because storybook addons doesn't provide proptypes or display names for these panels /* eslint-disable react/display-name, react/prop-types */ addons.register(CARBON_THEMES_ADDON_ID, (api) => { diff --git a/packages/react/.storybook/main.js b/packages/react/.storybook/main.js index c435267dd6a8..03345560c0ad 100644 --- a/packages/react/.storybook/main.js +++ b/packages/react/.storybook/main.js @@ -14,15 +14,15 @@ const customProperties = require('postcss-custom-properties'); const rtlcss = require('rtlcss'); const { - CARBON_REACT_STORYBOOK_USE_CUSTOM_PROPERTIES = 'false', - CARBON_REACT_STORYBOOK_USE_RTL, - CARBON_REACT_STORYBOOK_USE_SASS_LOADER, + STORYBOOK_USE_CUSTOM_PROPERTIES = 'false', + STORYBOOK_USE_RTL, + STORYBOOK_USE_SASS_LOADER, NODE_ENV = 'development', } = process.env; -const useSassLoader = CARBON_REACT_STORYBOOK_USE_SASS_LOADER === 'true'; +const useSassLoader = STORYBOOK_USE_SASS_LOADER === 'true'; const useExternalCss = NODE_ENV === 'production'; -const useRtl = CARBON_REACT_STORYBOOK_USE_RTL === 'true'; +const useRtl = STORYBOOK_USE_RTL === 'true'; module.exports = { addons: [ @@ -89,7 +89,7 @@ module.exports = { return ` $feature-flags: ( ui-shell: true, - enable-css-custom-properties: ${CARBON_REACT_STORYBOOK_USE_CUSTOM_PROPERTIES}, + enable-css-custom-properties: ${STORYBOOK_USE_CUSTOM_PROPERTIES}, ); ${content} `; @@ -108,7 +108,7 @@ module.exports = { data: ` $feature-flags: ( ui-shell: true, - enable-css-custom-properties: ${CARBON_REACT_STORYBOOK_USE_CUSTOM_PROPERTIES}, + enable-css-custom-properties: ${STORYBOOK_USE_CUSTOM_PROPERTIES}, ); `, implementation: require('sass'),