@carbon/layout 10.21.0 → 10.23.0

package/es/index.js

@@ -5,8 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 var unstable_tokens = [// Spacing
-'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', // Fluid spacing
+'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
 'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
+// Deprecated -- Remove in v11
 'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
 'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
 'iconSize01', 'iconSize02'];
@@ -103,13 +104,15 @@ var spacing09 = miniUnits(6);
 var spacing10 = miniUnits(8);
 var spacing11 = miniUnits(10);
 var spacing12 = miniUnits(12);
-var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12]; // Fluid spacing
+var spacing13 = miniUnits(20);
+var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
 
 var fluidSpacing01 = 0;
 var fluidSpacing02 = '2vw';
 var fluidSpacing03 = '5vw';
 var fluidSpacing04 = '10vw';
 var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Layout
+// Deprecated -- Remove in v11
 
 var layout01 = miniUnits(2);
 var layout02 = miniUnits(3);
@@ -131,4 +134,4 @@ var iconSize01 = '1rem';
 var iconSize02 = '1.25rem';
 var iconSize = [iconSize01, iconSize02];
 
-export { baseFontSize, breakpoint, breakpointDown, breakpointUp, breakpoints, container, container01, container02, container03, container04, container05, em, fluidSpacing, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize, iconSize01, iconSize02, layout, layout01, layout02, layout03, layout04, layout05, layout06, layout07, miniUnit, miniUnits, px, rem, spacing, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, unstable_tokens };
+export { baseFontSize, breakpoint, breakpointDown, breakpointUp, breakpoints, container, container01, container02, container03, container04, container05, em, fluidSpacing, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize, iconSize01, iconSize02, layout, layout01, layout02, layout03, layout04, layout05, layout06, layout07, miniUnit, miniUnits, px, rem, spacing, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, unstable_tokens };

package/lib/index.js

@@ -9,8 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * LICENSE file in the root directory of this source tree.
  */
 var unstable_tokens = [// Spacing
-'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', // Fluid spacing
+'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
 'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
+// Deprecated -- Remove in v11
 'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
 'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
 'iconSize01', 'iconSize02'];
@@ -107,13 +108,15 @@ var spacing09 = miniUnits(6);
 var spacing10 = miniUnits(8);
 var spacing11 = miniUnits(10);
 var spacing12 = miniUnits(12);
-var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12]; // Fluid spacing
+var spacing13 = miniUnits(20);
+var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
 
 var fluidSpacing01 = 0;
 var fluidSpacing02 = '2vw';
 var fluidSpacing03 = '5vw';
 var fluidSpacing04 = '10vw';
 var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Layout
+// Deprecated -- Remove in v11
 
 var layout01 = miniUnits(2);
 var layout02 = miniUnits(3);
@@ -180,4 +183,5 @@ exports.spacing09 = spacing09;
 exports.spacing10 = spacing10;
 exports.spacing11 = spacing11;
 exports.spacing12 = spacing12;
+exports.spacing13 = spacing13;
 exports.unstable_tokens = unstable_tokens;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/layout",
   "description": "Layout helpers for digital and software products using the Carbon Design System",
-  "version": "10.21.0",
+  "version": "10.23.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,7 +29,7 @@
     "clean": "rimraf es lib umd scss/generated scss/modules/generated"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.21.0",
+    "@carbon/cli": "^10.22.0",
     "@carbon/cli-reporter": "^10.4.0",
     "@carbon/scss-generator": "^10.13.0",
     "@carbon/test-utils": "^10.15.0",
@@ -42,5 +42,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "9d5ddba624d9cc7afe54717fd430228349c043e3"
+  "gitHead": "05909da32a2ee6aa2fb1965eb57871ea77c81c0e"
 }

package/scss/_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/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/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/src/index.js

@@ -102,6 +102,7 @@ export const spacing09 = miniUnits(6);
 export const spacing10 = miniUnits(8);
 export const spacing11 = miniUnits(10);
 export const spacing12 = miniUnits(12);
+export const spacing13 = miniUnits(20);
 export const spacing = [
   spacing01,
   spacing02,
@@ -115,6 +116,7 @@ export const spacing = [
   spacing10,
   spacing11,
   spacing12,
+  spacing13,
 ];
 
 // Fluid spacing
@@ -130,6 +132,7 @@ export const fluidSpacing = [
 ];
 
 // Layout
+// Deprecated -- Remove in v11
 export const layout01 = miniUnits(2);
 export const layout02 = miniUnits(3);
 export const layout03 = miniUnits(4);

package/src/tokens.js

@@ -19,6 +19,7 @@ export const unstable_tokens = [
   'spacing10',
   'spacing11',
   'spacing12',
+  'spacing13',
 
   // Fluid spacing
   'fluidSpacing01',
@@ -27,6 +28,7 @@ export const unstable_tokens = [
   'fluidSpacing04',
 
   // Layout
+  // Deprecated -- Remove in v11
   'layout01',
   'layout02',
   'layout03',

package/umd/index.js

@@ -11,8 +11,9 @@
    * LICENSE file in the root directory of this source tree.
    */
   var unstable_tokens = [// Spacing
-  'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', // Fluid spacing
+  'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
   'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
+  // Deprecated -- Remove in v11
   'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
   'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
   'iconSize01', 'iconSize02'];
@@ -109,13 +110,15 @@
   var spacing10 = miniUnits(8);
   var spacing11 = miniUnits(10);
   var spacing12 = miniUnits(12);
-  var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12]; // Fluid spacing
+  var spacing13 = miniUnits(20);
+  var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
 
   var fluidSpacing01 = 0;
   var fluidSpacing02 = '2vw';
   var fluidSpacing03 = '5vw';
   var fluidSpacing04 = '10vw';
   var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Layout
+  // Deprecated -- Remove in v11
 
   var layout01 = miniUnits(2);
   var layout02 = miniUnits(3);
@@ -182,6 +185,7 @@
   exports.spacing10 = spacing10;
   exports.spacing11 = spacing11;
   exports.spacing12 = spacing12;
+  exports.spacing13 = spacing13;
   exports.unstable_tokens = unstable_tokens;
 
   Object.defineProperty(exports, '__esModule', { value: true });