Merge branch 'master' into audit-avt1-guidelines-icons-button-label

config/eslint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-carbon",
   "description": "ESLint configuration for Carbon",
-  "version": "2.2.0",
+  "version": "2.3.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

config/jest-config-carbon/package.json

@@ -2,7 +2,7 @@
   "name": "jest-config-carbon",
   "private": true,
   "description": "Jest configuration and preset for Carbon",
-  "version": "0.1.0",
+  "version": "0.2.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

config/storybook-preset-carbon/index.js

@@ -32,7 +32,7 @@ module.exports = {
     '@storybook/addon-links',
     CARBON_REACT_STORYBOOK_USE_CUSTOM_PROPERTIES === 'true' &&
       require.resolve('./dist/preset.js'),
-  ],
+  ].filter(Boolean),
 
   webpack(config) {
     const sassLoader = {

config/stylelint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stylelint-config-carbon",
   "description": "Stylelint configuration for Carbon",
-  "version": "1.3.0",
+  "version": "1.4.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

packages/cli/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/cli",
   "description": "Task automation for working with the Carbon Design System",
-  "version": "10.19.0",
+  "version": "10.20.0-rc.0",
   "license": "Apache-2.0",
   "bin": {
     "carbon-cli": "./bin/carbon-cli.js"

packages/colors/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/colors",
   "description": "Colors for digital and software products using the Carbon Design System",
-  "version": "10.20.0",
+  "version": "10.21.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,10 +35,10 @@
     "clean": "rimraf css es lib umd scss index.scss"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.19.0",
+    "@carbon/cli": "^10.20.0-rc.0",
     "@carbon/cli-reporter": "^10.4.0",
     "@carbon/scss-generator": "^10.13.0",
-    "@carbon/test-utils": "^10.14.0",
+    "@carbon/test-utils": "^10.15.0-rc.0",
     "change-case": "^4.1.1",
     "core-js": "^3.6.5",
     "fs-extra": "^8.1.0",

packages/components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "carbon-components",
   "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
-  "version": "10.28.0",
+  "version": "10.29.0-rc.0",
   "license": "Apache-2.0",
   "main": "umd/index.js",
   "module": "es/index.js",
@@ -84,11 +84,11 @@
     "@babel/preset-env": "^7.10.0",
     "@babel/preset-react": "^7.10.0",
     "@babel/runtime": "^7.10.0",
-    "@carbon/cli": "^10.19.0",
-    "@carbon/elements": "^10.27.0",
-    "@carbon/icons-handlebars": "^10.25.0",
-    "@carbon/icons-react": "^10.25.0",
-    "@carbon/test-utils": "^10.14.0",
+    "@carbon/cli": "^10.20.0-rc.0",
+    "@carbon/elements": "^10.28.0-rc.0",
+    "@carbon/icons-handlebars": "^10.26.0-rc.0",
+    "@carbon/icons-react": "^10.26.0-rc.0",
+    "@carbon/test-utils": "^10.15.0-rc.0",
     "@frctl/fractal": "^1.1.0",
     "@rollup/plugin-babel": "^5.2.2",
     "@rollup/plugin-commonjs": "^17.0.0",

packages/components/src/globals/scss/_component-tokens.scss

@@ -20,7 +20,10 @@ $enable-css-custom-properties: feature-flag-enabled(
 /// @example get-token-value($component-tokens, 'tag-background-red');
 /// @returns {String} Token value
 /// @group component-tokens
-@function get-token-value($tokens, $name) {
+@function get-token-value($tokens, $name, $force-static-values: false) {
+  $emit-as-css-custom-property: $force-static-values == false and
+    feature-flag-enabled('enable-css-custom-properties');
+
   @if map-has-key($tokens, $name) {
     $config: map-get($tokens, $name);
     $fallback: map-get($config, 'fallback');
@@ -33,15 +36,15 @@ $enable-css-custom-properties: feature-flag-enabled(
         $value: map-get($option, 'value');
 
         @return if(
-          feature-flag-enabled('enable-css-custom-properties'),
+          $emit-as-css-custom-property,
           var(--#{$custom-property-prefix}-#{$name}, #{$value}),
           $value
         );
       }
     }
 
     @return if(
-      feature-flag-enabled('enable-css-custom-properties'),
+      $emit-as-css-custom-property,
       var(--#{$custom-property-prefix}-#{$name}, #{$fallback}),
       $fallback
     );
@@ -73,6 +76,6 @@ $enable-css-custom-properties: feature-flag-enabled(
 /// @example @include emit-component-tokens($component-tokens);
 @mixin emit-component-tokens($tokens) {
   @each $key, $options in $tokens {
-    @include custom-property($key, get-token-value($tokens, $key));
+    @include custom-property($key, get-token-value($tokens, $key, true));
   }
 }

packages/elements/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/elements",
   "description": "A collection of design elements in code for the IBM Design Language",
-  "version": "10.27.0",
+  "version": "10.28.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,17 +35,17 @@
     "clean": "rimraf es lib umd && node tasks/clean.js"
   },
   "dependencies": {
-    "@carbon/colors": "^10.20.0",
-    "@carbon/grid": "^10.20.0",
-    "@carbon/icons": "^10.25.0",
+    "@carbon/colors": "^10.21.0-rc.0",
+    "@carbon/grid": "^10.21.0-rc.0",
+    "@carbon/icons": "^10.26.0-rc.0",
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.18.0",
-    "@carbon/motion": "^10.13.0",
-    "@carbon/themes": "^10.27.0",
-    "@carbon/type": "^10.21.0"
+    "@carbon/layout": "^10.19.0-rc.0",
+    "@carbon/motion": "^10.14.0-rc.0",
+    "@carbon/themes": "^10.28.0-rc.0",
+    "@carbon/type": "^10.22.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.19.0",
+    "@carbon/cli": "^10.20.0-rc.0",
     "fs-extra": "^8.1.0",
     "klaw-sync": "^6.0.0",
     "replace-in-file": "^3.4.2",

packages/grid/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/grid",
   "description": "Grid for digital and software products using the Carbon Design System",
-  "version": "10.20.0",
+  "version": "10.21.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -32,10 +32,10 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.18.0"
+    "@carbon/layout": "^10.19.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.19.0",
+    "@carbon/cli": "^10.20.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "eyeglass": {

packages/icon-build-helpers/package.json

@@ -2,7 +2,7 @@
   "name": "@carbon/icon-build-helpers",
   "private": true,
   "description": "Build helpers for the Carbon Design System icon library",
-  "version": "0.15.0",
+  "version": "0.16.0-rc.0",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "repository": {
@@ -28,7 +28,7 @@
     "@babel/preset-env": "^7.10.0",
     "@babel/preset-react": "^7.10.0",
     "@carbon/cli-reporter": "^10.4.0",
-    "@carbon/icon-helpers": "^10.13.0",
+    "@carbon/icon-helpers": "^10.14.0-rc.0",
     "@rollup/plugin-babel": "^5.2.2",
     "@rollup/plugin-replace": "^2.3.4",
     "browserslist-config-carbon": "^10.6.0",

packages/icon-helpers/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icon-helpers",
   "description": "Helpers used alongside icons for digital and software products using the Carbon Design System",
-  "version": "10.13.0",
+  "version": "10.14.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -33,7 +33,7 @@
     "clean": "rimraf es lib umd"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.19.0",
+    "@carbon/cli": "^10.20.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "sideEffects": false

packages/icons-handlebars/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-handlebars",
   "description": "Handlebars helpers for IBM Design Language icons in digital and software products using the Carbon Design System",
-  "version": "10.25.0",
+  "version": "10.26.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -26,8 +26,8 @@
     "handlebars": "^4.0.12"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.13.0",
-    "@carbon/icons": "^10.25.0"
+    "@carbon/icon-helpers": "^10.14.0-rc.0",
+    "@carbon/icons": "^10.26.0-rc.0"
   },
   "devDependencies": {
     "handlebars": "^4.0.12"

packages/icons-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-react",
   "description": "React components for icons in digital and software products using the Carbon Design System",
-  "version": "10.25.0",
+  "version": "10.26.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -36,12 +36,12 @@
     "react": ">=16"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.13.0",
+    "@carbon/icon-helpers": "^10.14.0-rc.0",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.15.0",
-    "@carbon/icons": "^10.25.0"
+    "@carbon/icon-build-helpers": "^0.16.0-rc.0",
+    "@carbon/icons": "^10.26.0-rc.0"
   },
   "sideEffects": false
 }

packages/icons-vue/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-vue",
   "description": "Vue components for icons in digital and software products using the Carbon Design System",
-  "version": "10.25.0",
+  "version": "10.26.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -28,11 +28,11 @@
     "clean": "rimraf es lib"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.13.0"
+    "@carbon/icon-helpers": "^10.14.0-rc.0"
   },
   "devDependencies": {
     "@carbon/cli-reporter": "^10.4.0",
-    "@carbon/icons": "^10.25.0",
+    "@carbon/icons": "^10.26.0-rc.0",
     "fs-extra": "^8.1.0",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.0",

packages/icons/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons",
   "description": "Icons for digital and software products using the Carbon Design System",
-  "version": "10.25.0",
+  "version": "10.26.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -38,8 +38,8 @@
     "prepublishOnly": "yarn build"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.19.0",
-    "@carbon/icon-build-helpers": "^0.15.0",
+    "@carbon/cli": "^10.20.0-rc.0",
+    "@carbon/icon-build-helpers": "^0.16.0-rc.0",
     "rimraf": "^3.0.2"
   }
 }

packages/layout/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/layout",
   "description": "Layout helpers for digital and software products using the Carbon Design System",
-  "version": "10.18.0",
+  "version": "10.19.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,10 +29,10 @@
     "clean": "rimraf es lib umd scss/generated scss/modules/generated"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.19.0",
+    "@carbon/cli": "^10.20.0-rc.0",
     "@carbon/cli-reporter": "^10.4.0",
     "@carbon/scss-generator": "^10.13.0",
-    "@carbon/test-utils": "^10.14.0",
+    "@carbon/test-utils": "^10.15.0-rc.0",
     "core-js": "^3.6.5",
     "rimraf": "^3.0.0"
   },

packages/motion/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/motion",
   "description": "Motion helpers for digital and software products using the Carbon Design System",
-  "version": "10.13.0",
+  "version": "10.14.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,7 +29,7 @@
     "clean": "rimraf es lib umd"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.19.0",
+    "@carbon/cli": "^10.20.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "eyeglass": {

packages/pictograms-react/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/pictograms-react",
   "description": "React components for pictograms in digital and software products using the Carbon Design System",
-  "version": "11.3.0",
+  "version": "11.4.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,13 +37,13 @@
     "react": ">=16"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.13.0",
+    "@carbon/icon-helpers": "^10.14.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.15.0",
-    "@carbon/pictograms": "^11.3.0"
+    "@carbon/icon-build-helpers": "^0.16.0-rc.0",
+    "@carbon/pictograms": "^11.4.0-rc.0"
   },
   "sideEffects": false
 }

packages/pictograms/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/pictograms",
   "description": "Pictograms for digital and software products using the Carbon Design System",
-  "version": "11.3.0",
+  "version": "11.4.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,7 +31,7 @@
     "prepublishOnly": "yarn build"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.15.0",
+    "@carbon/icon-build-helpers": "^0.16.0-rc.0",
     "rimraf": "^3.0.0"
   }
 }