@carbon/elements 10.10.0 → 10.10.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/elements",
   "description": "A collection of design elements in code for the IBM Design Language",
-  "version": "10.10.0",
+  "version": "10.10.2",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,14 +31,14 @@
     "clean": "rimraf es lib umd && node tasks/clean.js"
   },
   "dependencies": {
-    "@carbon/colors": "^10.8.0",
-    "@carbon/grid": "^10.9.0",
-    "@carbon/icons": "^10.9.0",
+    "@carbon/colors": "^10.8.1",
+    "@carbon/grid": "^10.9.2",
+    "@carbon/icons": "^10.9.2",
     "@carbon/import-once": "^10.3.0",
-    "@carbon/layout": "^10.8.0",
+    "@carbon/layout": "^10.8.2",
     "@carbon/motion": "^10.6.0",
-    "@carbon/themes": "^10.10.0",
-    "@carbon/type": "^10.9.0"
+    "@carbon/themes": "^10.10.2",
+    "@carbon/type": "^10.9.2"
   },
   "devDependencies": {
     "@carbon/bundler": "^10.6.0",
@@ -47,5 +47,5 @@
     "replace-in-file": "^3.4.2",
     "rimraf": "^3.0.0"
   },
-  "gitHead": "fc828fed0fc6410f0612d14f4190c65e66e56053"
+  "gitHead": "319eca70647f2534a48f65cabf3c569b26b3eb51"
 }

package/scss/grid/_inlined/_mixins.scss

@@ -87,7 +87,7 @@
   $gutter: $carbon--grid-gutter
 ) {
   .#{$prefix}--col {
-    @include carbon--make-col-ready();
+    @include carbon--make-col-ready($gutter);
   }
 
   @each $breakpoint in map-keys($breakpoints) {
@@ -97,13 +97,13 @@
     // Allow columns to stretch full width below their breakpoints
     @for $i from 0 through $columns {
       .#{$prefix}--col#{$infix}-#{$i} {
-        @include carbon--make-col-ready();
+        @include carbon--make-col-ready($gutter);
       }
     }
 
     .#{$prefix}--col#{$infix},
     .#{$prefix}--col#{$infix}--auto {
-      @include carbon--make-col-ready();
+      @include carbon--make-col-ready($gutter);
     }
 
     @include carbon--breakpoint($breakpoint, $breakpoints) {

package/scss/grid/_mixins.scss

@@ -87,7 +87,7 @@
   $gutter: $carbon--grid-gutter
 ) {
   .#{$prefix}--col {
-    @include carbon--make-col-ready();
+    @include carbon--make-col-ready($gutter);
   }
 
   @each $breakpoint in map-keys($breakpoints) {
@@ -97,13 +97,13 @@
     // Allow columns to stretch full width below their breakpoints
     @for $i from 0 through $columns {
       .#{$prefix}--col#{$infix}-#{$i} {
-        @include carbon--make-col-ready();
+        @include carbon--make-col-ready($gutter);
       }
     }
 
     .#{$prefix}--col#{$infix},
     .#{$prefix}--col#{$infix}--auto {
-      @include carbon--make-col-ready();
+      @include carbon--make-col-ready($gutter);
     }
 
     @include carbon--breakpoint($breakpoint, $breakpoints) {

package/scss/grid/vendor/@carbon/layout/_breakpoint.scss

@@ -165,12 +165,8 @@ $carbon--grid-breakpoints: (
   } @else if map-has-key($breakpoints, $name) {
     $breakpoint: map-get($breakpoints, $name);
     $width: map-get($breakpoint, width);
-    @if carbon--is-smallest-breakpoint($name, $breakpoints) {
+    @media (max-width: $width) {
       @content;
-    } @else {
-      @media (max-width: $width) {
-        @content;
-      }
     }
   } @else {
     @error 'Unable to find a breakpoint with name `#{$name}`. Expected one of: (#{map-keys($breakpoints)})';

package/scss/layout/_breakpoint.scss

@@ -165,12 +165,8 @@ $carbon--grid-breakpoints: (
   } @else if map-has-key($breakpoints, $name) {
     $breakpoint: map-get($breakpoints, $name);
     $width: map-get($breakpoint, width);
-    @if carbon--is-smallest-breakpoint($name, $breakpoints) {
+    @media (max-width: $width) {
       @content;
-    } @else {
-      @media (max-width: $width) {
-        @content;
-      }
     }
   } @else {
     @error 'Unable to find a breakpoint with name `#{$name}`. Expected one of: (#{map-keys($breakpoints)})';

package/scss/themes/generated/_themes.scss

@@ -556,6 +556,7 @@ $carbon--theme--g90: map-merge(
     visited-link: #be95ff,
     disabled-01: #393939,
     disabled-02: #6f6f6f,
+    disabled-03: #a8a8a8,
     highlight: #0043ce,
     skeleton-01: #353535,
     skeleton-02: #525252,
@@ -618,7 +619,6 @@ $carbon--theme--g100: map-merge(
     visited-link: #be95ff,
     disabled-01: #262626,
     disabled-02: #525252,
-    disabled-03: #6f6f6f,
     highlight: #002d9c,
     skeleton-01: #353535,
     skeleton-02: #393939,

package/scss/type/_inlined/_reset.scss

@@ -10,18 +10,18 @@
 @import 'styles';
 
 /// Include a type reset for a given body and mono font family
-/// @param {Number} $base-font-size [$carbon--base-font-size] - The base font size for your document
 /// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element
 /// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
 /// @access public
 /// @group @carbon/type
 @mixin carbon--type-reset(
-  $base-font-size: $carbon--base-font-size,
+  // TODO: remove in next major release. This has been replaced with 100%
+    $base-font-size: $carbon--base-font-size,
   $body-font-family: carbon--font-family('sans'),
   $mono-font-family: carbon--font-family('mono')
 ) {
   html {
-    font-size: $base-font-size;
+    font-size: 100%;
   }
 
   body {

package/scss/type/_reset.scss

@@ -10,18 +10,18 @@
 @import 'styles';
 
 /// Include a type reset for a given body and mono font family
-/// @param {Number} $base-font-size [$carbon--base-font-size] - The base font size for your document
 /// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element
 /// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
 /// @access public
 /// @group @carbon/type
 @mixin carbon--type-reset(
-  $base-font-size: $carbon--base-font-size,
+  // TODO: remove in next major release. This has been replaced with 100%
+    $base-font-size: $carbon--base-font-size,
   $body-font-family: carbon--font-family('sans'),
   $mono-font-family: carbon--font-family('mono')
 ) {
   html {
-    font-size: $base-font-size;
+    font-size: 100%;
   }
 
   body {

package/scss/type/vendor/@carbon/layout/_breakpoint.scss

@@ -165,12 +165,8 @@ $carbon--grid-breakpoints: (
   } @else if map-has-key($breakpoints, $name) {
     $breakpoint: map-get($breakpoints, $name);
     $width: map-get($breakpoint, width);
-    @if carbon--is-smallest-breakpoint($name, $breakpoints) {
+    @media (max-width: $width) {
       @content;
-    } @else {
-      @media (max-width: $width) {
-        @content;
-      }
     }
   } @else {
     @error 'Unable to find a breakpoint with name `#{$name}`. Expected one of: (#{map-keys($breakpoints)})';