Merge branch 'master' into refactor/update-sass-module-entrypoints

carbon-design-system · Jan 25, 2021 · b03b0b1 · b03b0b1
2 parents 26587dc + 9e4485a
commit b03b0b1
Show file tree

Hide file tree

Showing 51 changed files with 1,243 additions and 486 deletions.
diff --git a/.yarn/cache/@rollup-plugin-replace-npm-2.3.4-2b255f0126-97ae11600a.zip b/.yarn/cache/@rollup-plugin-replace-npm-2.3.4-2b255f0126-97ae11600a.zip
diff --git a/.yarn/cache/estree-walker-npm-0.3.1-eafc7846cc-20a1a9833e.zip b/.yarn/cache/estree-walker-npm-0.3.1-eafc7846cc-20a1a9833e.zip
diff --git a/.yarn/cache/magic-string-npm-0.19.1-0dffe528c9-eabaf9b175.zip b/.yarn/cache/magic-string-npm-0.19.1-0dffe528c9-eabaf9b175.zip
diff --git a/.yarn/cache/rollup-plugin-strip-banner-npm-0.2.0-0aa46b3887-ba6dab339b.zip b/.yarn/cache/rollup-plugin-strip-banner-npm-0.2.0-0aa46b3887-ba6dab339b.zip
diff --git a/.yarn/cache/rollup-pluginutils-npm-2.0.1-cb018e5ebc-40f9e1af99.zip b/.yarn/cache/rollup-pluginutils-npm-2.0.1-cb018e5ebc-40f9e1af99.zip
diff --git a/.yarn/cache/vlq-npm-0.2.3-292fe9aaa1-48055a9675.zip b/.yarn/cache/vlq-npm-0.2.3-292fe9aaa1-48055a9675.zip
diff --git a/config/jest-config-carbon/package.json b/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-rc.0",
+  "version": "0.1.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

diff --git a/config/prettier-config-carbon/package.json b/config/prettier-config-carbon/package.json
@@ -1,7 +1,7 @@
 {
   "name": "prettier-config-carbon",
   "description": "Prettier config for the Carbon Design System",
-  "version": "0.6.0-rc.0",
+  "version": "0.6.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/cli",
   "description": "Task automation for working with the Carbon Design System",
-  "version": "10.18.0-rc.0",
+  "version": "10.18.0",
   "license": "Apache-2.0",
   "bin": {
     "carbon-cli": "./bin/carbon-cli.js"
@@ -42,7 +42,7 @@
     "lodash.template": "^4.5.0",
     "markdown-toc": "^1.2.0",
     "prettier": "^2.2.1",
-    "prettier-config-carbon": "^0.6.0-rc.0",
+    "prettier-config-carbon": "^0.6.0",
     "progress-estimator": "^0.2.2",
     "remark": "^10.0.1",
     "replace-in-file": "^6.1.0",

diff --git a/packages/colors/package.json b/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.19.0-rc.0",
+  "version": "10.19.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.18.0-rc.0",
+    "@carbon/cli": "^10.18.0",
     "@carbon/cli-reporter": "^10.4.0",
-    "@carbon/scss-generator": "^10.12.0-rc.0",
-    "@carbon/test-utils": "^10.14.0-rc.0",
+    "@carbon/scss-generator": "^10.12.0",
+    "@carbon/test-utils": "^10.14.0",
     "change-case": "^4.1.1",
     "core-js": "^3.6.5",
     "fs-extra": "^8.1.0",

diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md
@@ -9580,6 +9580,7 @@ $field-01: if(
 - **Used by**:
   - [carbon--theme [mixin]](#carbon--theme-mixin)
   - [snippet [mixin]](#snippet-mixin)
+  - [bx--snippet [mixin]](#bx--snippet-mixin)
   - [date-picker [mixin]](#date-picker-mixin)
   - [dropdown [mixin]](#dropdown-mixin)
   - [file-uploader [mixin]](#file-uploader-mixin)
@@ -17777,13 +17778,15 @@ Code snippet base styles
   position: relative;
   width: 100%;
   max-width: rem(600px);
-  background-color: $snippet-background-color;
+  background-color: $field-01;
 }
 ```
 
 </details>
 
 - **Group**: [code-snippet](#code-snippet)
+- **Requires**:
+  - [field-01 [variable]](#field-01-variable)
 - **Used by**:
   - [snippet [mixin]](#snippet-mixin)
 
@@ -23194,6 +23197,12 @@ Inline notification styles
     @include carbon--breakpoint(max) {
       max-width: rem(832px);
     }
+
+    // Firefox HCM fix
+    @media screen and (prefers-contrast) {
+      outline-width: 1px;
+      outline-style: solid;
+    }
   }
 
   .#{$prefix}--inline-notification:not(.#{$prefix}--inline-notification--low-contrast)
@@ -23581,6 +23590,12 @@ Toast notification styles
     @include carbon--breakpoint(max) {
       width: rem(352px);
     }
+
+    // Firefox HCM fix
+    @media screen and (prefers-contrast) {
+      outline-width: 1px;
+      outline-style: solid;
+    }
   }
 
   .#{$prefix}--toast-notification:not(.#{$prefix}--toast-notification--low-contrast)

diff --git a/packages/components/package.json b/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.27.0-rc.0",
+  "version": "10.27.0",
   "license": "Apache-2.0",
   "main": "umd/index.js",
   "module": "es/index.js",
@@ -85,11 +85,11 @@
     "@babel/preset-env": "^7.10.0",
     "@babel/preset-react": "^7.10.0",
     "@babel/runtime": "^7.10.0",
-    "@carbon/cli": "^10.18.0-rc.0",
-    "@carbon/elements": "^10.26.0-rc.0",
-    "@carbon/icons-handlebars": "^10.24.0-rc.0",
-    "@carbon/icons-react": "^10.24.0-rc.0",
-    "@carbon/test-utils": "^10.14.0-rc.0",
+    "@carbon/cli": "^10.18.0",
+    "@carbon/elements": "^10.26.0",
+    "@carbon/icons-handlebars": "^10.24.0",
+    "@carbon/icons-react": "^10.24.0",
+    "@carbon/test-utils": "^10.14.0",
     "@frctl/fractal": "^1.1.0",
     "adaro": "1.0.4",
     "autoprefixer": "^9.7.4",

diff --git a/packages/components/src/components/code-snippet/_mixins.scss b/packages/components/src/components/code-snippet/_mixins.scss
@@ -16,5 +16,5 @@
   position: relative;
   width: 100%;
   max-width: rem(600px);
-  background-color: $snippet-background-color;
+  background-color: $field-01;
 }
diff --git a/packages/components/src/components/notification/_inline-notification.scss b/packages/components/src/components/notification/_inline-notification.scss
@@ -47,6 +47,12 @@
     @include carbon--breakpoint(max) {
       max-width: rem(832px);
     }
+
+    // Firefox HCM fix
+    @media screen and (prefers-contrast) {
+      outline-width: 1px;
+      outline-style: solid;
+    }
   }
 
   .#{$prefix}--inline-notification:not(.#{$prefix}--inline-notification--low-contrast)

diff --git a/packages/components/src/components/notification/_toast-notification.scss b/packages/components/src/components/notification/_toast-notification.scss
@@ -40,6 +40,12 @@
     @include carbon--breakpoint(max) {
       width: rem(352px);
     }
+
+    // Firefox HCM fix
+    @media screen and (prefers-contrast) {
+      outline-width: 1px;
+      outline-style: solid;
+    }
   }
 
   .#{$prefix}--toast-notification:not(.#{$prefix}--toast-notification--low-contrast)

diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss
@@ -190,6 +190,7 @@ $checkbox-border-width: 2px !default;
 /// @type Color
 /// @access public
 /// @group code-snippet
+/// @deprecated
 $snippet-background-color: $field-01 !default;
 
 /// @type Color

diff --git a/packages/elements/package.json b/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.26.0-rc.0",
+  "version": "10.26.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.19.0-rc.0",
-    "@carbon/grid": "^10.19.0-rc.0",
-    "@carbon/icons": "^10.24.0-rc.0",
-    "@carbon/import-once": "^10.5.0-rc.0",
-    "@carbon/layout": "^10.17.0-rc.0",
-    "@carbon/motion": "^10.12.0-rc.0",
-    "@carbon/themes": "^10.26.0-rc.0",
-    "@carbon/type": "^10.20.0-rc.0"
+    "@carbon/colors": "^10.19.0",
+    "@carbon/grid": "^10.19.0",
+    "@carbon/icons": "^10.24.0",
+    "@carbon/import-once": "^10.5.0",
+    "@carbon/layout": "^10.17.0",
+    "@carbon/motion": "^10.12.0",
+    "@carbon/themes": "^10.26.0",
+    "@carbon/type": "^10.20.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.18.0-rc.0",
+    "@carbon/cli": "^10.18.0",
     "fs-extra": "^8.1.0",
     "klaw-sync": "^6.0.0",
     "replace-in-file": "^3.4.2",

diff --git a/packages/elements/src/__tests__/PublicAPI-test.js b/packages/elements/src/__tests__/PublicAPI-test.js
@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2018, 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 * as CarbonElements from '../';
+
+test('Public API should only change with a semver change', () => {
+  expect(Object.keys(CarbonElements).sort()).toMatchSnapshot();
+});