Merge branch 'master' into patch-6

carbon-design-system · Jan 25, 2021 · 7fbc316 · 7fbc316
2 parents ace7410 + d699bc5
commit 7fbc316
Show file tree

Hide file tree

Showing 38 changed files with 768 additions and 220 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/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-rc.4",
   "license": "Apache-2.0",
   "main": "umd/index.js",
   "module": "es/index.js",
@@ -57,6 +57,7 @@
     "dev": "gulp serve",
     "docs": "carbon-cli sassdoc \"scss{/components,/globals/grid,/globals/scss/vendor/@carbon/elements}/**/*.scss\" -i \"scss/globals/scss/vendor/@carbon/elements/**/{_inlined,vendor}/**\"",
     "format:check": "prettier --check \"**/*.{css,js,md,scss}\"",
+    "postinstall": "carbon-telemetry collect --install",
     "prebuild": "gulp clean",
     "prepublishOnly": "yarn build",
     "start": "node server.js",
@@ -70,6 +71,7 @@
     "freshy": ">= 1.0.3"
   },
   "dependencies": {
+    "@carbon/telemetry": "0.0.0-alpha.6",
     "flatpickr": "4.6.1",
     "lodash.debounce": "^4.0.8",
     "warning": "^3.0.0"
@@ -84,9 +86,9 @@
     "@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/elements": "^10.26.0-rc.4",
+    "@carbon/icons-handlebars": "^10.24.0-rc.1",
+    "@carbon/icons-react": "^10.24.0-rc.1",
     "@carbon/test-utils": "^10.14.0-rc.0",
     "@frctl/fractal": "^1.1.0",
     "adaro": "1.0.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-rc.4",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,12 +37,12 @@
   "dependencies": {
     "@carbon/colors": "^10.19.0-rc.0",
     "@carbon/grid": "^10.19.0-rc.0",
-    "@carbon/icons": "^10.24.0-rc.0",
+    "@carbon/icons": "^10.24.0-rc.1",
     "@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/themes": "^10.26.0-rc.1",
+    "@carbon/type": "^10.20.0-rc.1"
   },
   "devDependencies": {
     "@carbon/cli": "^10.18.0-rc.0",

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();
+});