diff --git a/packages/carbon-react/.storybook/preview.js b/packages/carbon-react/.storybook/preview.js index 6cd8052c77ac..a20fefbd66e1 100644 --- a/packages/carbon-react/.storybook/preview.js +++ b/packages/carbon-react/.storybook/preview.js @@ -11,6 +11,9 @@ import { configureActions } from '@storybook/addon-actions'; import { white, g10, g90, g100 } from '@carbon/themes'; import React from 'react'; import { breakpoints } from '@carbon/layout'; +import { settings } from 'carbon-components'; + +settings.prefix = 'cds'; export const globalTypes = { locale: { diff --git a/packages/carbon-react/package.json b/packages/carbon-react/package.json index b6b7f699f93f..d4050627e85d 100644 --- a/packages/carbon-react/package.json +++ b/packages/carbon-react/package.json @@ -92,6 +92,8 @@ }, "sideEffects": [ "es/feature-flags.js", - "lib/feature-flags.js" + "lib/feature-flags.js", + "es/prefix.js", + "lib/prefix.js" ] } diff --git a/packages/carbon-react/src/index.js b/packages/carbon-react/src/index.js index 718b6e0bf44a..f86f2c9987de 100644 --- a/packages/carbon-react/src/index.js +++ b/packages/carbon-react/src/index.js @@ -5,6 +5,7 @@ * LICENSE file in the root directory of this source tree. */ +import './prefix'; import './feature-flags'; export { diff --git a/packages/carbon-react/src/prefix.js b/packages/carbon-react/src/prefix.js new file mode 100644 index 000000000000..fb6b4e004d99 --- /dev/null +++ b/packages/carbon-react/src/prefix.js @@ -0,0 +1,10 @@ +/** + * Copyright IBM Corp. 2016, 2018 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +import { settings } from 'carbon-components'; + +settings.prefix = 'cds'; diff --git a/packages/carbon-react/tasks/build.js b/packages/carbon-react/tasks/build.js index 9ec7a7d85109..9cf03409be9a 100644 --- a/packages/carbon-react/tasks/build.js +++ b/packages/carbon-react/tasks/build.js @@ -109,6 +109,12 @@ function getRollupConfig(input) { moduleSideEffects: true, }; } + + if (id === path.join(__dirname, '..', 'src', 'prefix.js')) { + return { + moduleSideEffects: true, + }; + } }, }, ], diff --git a/packages/styles/scss/__tests__/__snapshots__/config-test.js.snap b/packages/styles/scss/__tests__/__snapshots__/config-test.js.snap index 28ae508307db..9cce668861f9 100644 --- a/packages/styles/scss/__tests__/__snapshots__/config-test.js.snap +++ b/packages/styles/scss/__tests__/__snapshots__/config-test.js.snap @@ -6,6 +6,6 @@ Object { "css--font-face": true, "css--plex-arabic": false, "css--reset": true, - "prefix": "bx", + "prefix": "cds", } `; diff --git a/packages/styles/scss/_config.scss b/packages/styles/scss/_config.scss index 6aef735107fd..67382ec501cc 100644 --- a/packages/styles/scss/_config.scss +++ b/packages/styles/scss/_config.scss @@ -10,7 +10,7 @@ /// @access public /// @type String /// @group config -$prefix: 'bx' !default; +$prefix: 'cds' !default; /// If true, includes font face mixins in `_css--font-face.scss` depending on the `css--plex` feature flag /// @access public