Merge branch 'main' into 9459-display-name

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: {

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"
   ]
 }

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 {

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';

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,
+            };
+          }
         },
       },
     ],

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",
 }
 `;

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