@carbon/elements 10.30.0 → 10.32.0

package/lib/index.js

@@ -10,14 +10,6 @@ var motion = require('@carbon/motion');
 
 
 
-Object.keys(themes).forEach(function (k) {
-  if (k !== 'default') Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () {
-      return themes[k];
-    }
-  });
-});
 Object.defineProperty(exports, 'black', {
   enumerable: true,
   get: function () {
@@ -966,3 +958,11 @@ Object.defineProperty(exports, 'slow02', {
     return motion.slow02;
   }
 });
+Object.keys(themes).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () {
+      return themes[k];
+    }
+  });
+});

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.30.0",
+  "version": "10.32.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,21 +35,21 @@
     "clean": "rimraf es lib umd && node tasks/clean.js"
   },
   "dependencies": {
-    "@carbon/colors": "^10.22.0",
-    "@carbon/grid": "^10.23.0",
-    "@carbon/icons": "^10.28.0",
+    "@carbon/colors": "^10.23.0",
+    "@carbon/grid": "^10.25.0",
+    "@carbon/icons": "^10.30.0",
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.21.0",
-    "@carbon/motion": "^10.15.0",
-    "@carbon/themes": "^10.30.0",
-    "@carbon/type": "^10.24.0"
+    "@carbon/layout": "^10.23.0",
+    "@carbon/motion": "^10.16.0",
+    "@carbon/themes": "^10.32.0",
+    "@carbon/type": "^10.26.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.21.0",
+    "@carbon/cli": "^10.22.0",
     "fs-extra": "^8.1.0",
     "klaw-sync": "^6.0.0",
     "replace-in-file": "^3.4.2",
     "rimraf": "^3.0.0"
   },
-  "gitHead": "9d5ddba624d9cc7afe54717fd430228349c043e3"
+  "gitHead": "05909da32a2ee6aa2fb1965eb57871ea77c81c0e"
 }

package/scss/grid/_inlined/_mixins.scss

@@ -243,6 +243,8 @@ $carbon--aspect-ratios: (
   (1, 2),
   (4, 3),
   (3, 4),
+  (3, 2),
+  (2, 3),
   (1, 1)
 );
 

package/scss/grid/_mixins.scss

@@ -243,6 +243,8 @@ $carbon--aspect-ratios: (
   (1, 2),
   (4, 3),
   (3, 4),
+  (3, 2),
+  (2, 3),
   (1, 1)
 );
 

package/scss/grid/modules/_css-grid.scss

@@ -98,7 +98,7 @@
   }
 }
 
-.#{$prefix}--css-grid--narrow > [class*='#{$prefix}--col'] {
+.#{$prefix}--css-grid--narrow > [class*='col'] {
   margin-left: calc(var(--cds-grid-gutter) / 2 * -1);
 }
 

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

@@ -196,8 +196,16 @@ $carbon--grid-breakpoints: (
   $max: if($is-number-upper, $upper, map-get($breakpoints, $upper));
 
   @if $min and $max {
-    $min-width: if(not $is-number-lower and $min, map-get($min, width), $min);
-    $max-width: if(not $is-number-upper and $max, map-get($max, width), $max);
+    $min-width: if(
+      not $is-number-lower and $min,
+      map-get($min, width + 0.02),
+      $min
+    );
+    $max-width: if(
+      not $is-number-upper and $max,
+      map-get($max, width - 0.02),
+      $max
+    );
     @media (min-width: $min-width) and (max-width: $max-width) {
       @content;
     }

package/scss/grid/vendor/@carbon/layout/generated/_spacing.scss

@@ -66,6 +66,11 @@ $carbon--spacing-11: 5rem !default;
 /// @group @carbon/layout
 $carbon--spacing-12: 6rem !default;
 
+/// @type Number
+/// @access public
+/// @group @carbon/layout
+$carbon--spacing-13: 10rem !default;
+
 /// @type List
 /// @access public
 /// @group @carbon/layout
@@ -81,7 +86,8 @@ $carbon--spacing: (
   $carbon--spacing-09,
   $carbon--spacing-10,
   $carbon--spacing-11,
-  $carbon--spacing-12
+  $carbon--spacing-12,
+  $carbon--spacing-13
 );
 
 /// @type Number
@@ -155,3 +161,9 @@ $spacing-11: $carbon--spacing-11 !default;
 /// @group @carbon/layout
 /// @alias carbon--spacing-12
 $spacing-12: $carbon--spacing-12 !default;
+
+/// @type Number
+/// @access public
+/// @group @carbon/layout
+/// @alias carbon--spacing-13
+$spacing-13: $carbon--spacing-13 !default;

package/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss

@@ -66,6 +66,11 @@ $spacing-11: 5rem !default;
 /// @group @carbon/layout
 $spacing-12: 6rem !default;
 
+/// @type Number
+/// @access public
+/// @group @carbon/layout
+$spacing-13: 10rem !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/layout
@@ -82,4 +87,5 @@ $spacing: (
   spacing-10: $spacing-10,
   spacing-11: $spacing-11,
   spacing-12: $spacing-12,
+  spacing-13: $spacing-13,
 );

package/scss/layout/_breakpoint.scss

@@ -196,8 +196,16 @@ $carbon--grid-breakpoints: (
   $max: if($is-number-upper, $upper, map-get($breakpoints, $upper));
 
   @if $min and $max {
-    $min-width: if(not $is-number-lower and $min, map-get($min, width), $min);
-    $max-width: if(not $is-number-upper and $max, map-get($max, width), $max);
+    $min-width: if(
+      not $is-number-lower and $min,
+      map-get($min, width + 0.02),
+      $min
+    );
+    $max-width: if(
+      not $is-number-upper and $max,
+      map-get($max, width - 0.02),
+      $max
+    );
     @media (min-width: $min-width) and (max-width: $max-width) {
       @content;
     }

package/scss/layout/generated/_spacing.scss

@@ -66,6 +66,11 @@ $carbon--spacing-11: 5rem !default;
 /// @group @carbon/layout
 $carbon--spacing-12: 6rem !default;
 
+/// @type Number
+/// @access public
+/// @group @carbon/layout
+$carbon--spacing-13: 10rem !default;
+
 /// @type List
 /// @access public
 /// @group @carbon/layout
@@ -81,7 +86,8 @@ $carbon--spacing: (
   $carbon--spacing-09,
   $carbon--spacing-10,
   $carbon--spacing-11,
-  $carbon--spacing-12
+  $carbon--spacing-12,
+  $carbon--spacing-13
 );
 
 /// @type Number
@@ -155,3 +161,9 @@ $spacing-11: $carbon--spacing-11 !default;
 /// @group @carbon/layout
 /// @alias carbon--spacing-12
 $spacing-12: $carbon--spacing-12 !default;
+
+/// @type Number
+/// @access public
+/// @group @carbon/layout
+/// @alias carbon--spacing-13
+$spacing-13: $carbon--spacing-13 !default;

package/scss/layout/modules/generated/_spacing.scss

@@ -66,6 +66,11 @@ $spacing-11: 5rem !default;
 /// @group @carbon/layout
 $spacing-12: 6rem !default;
 
+/// @type Number
+/// @access public
+/// @group @carbon/layout
+$spacing-13: 10rem !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/layout
@@ -82,4 +87,5 @@ $spacing: (
   spacing-10: $spacing-10,
   spacing-11: $spacing-11,
   spacing-12: $spacing-12,
+  spacing-13: $spacing-13,
 );