@carbon/layout 10.37.1 → 11.0.0-rc.0

package/es/index.js

@@ -6,9 +6,7 @@
  */
 var unstable_tokens = [// 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
+'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Containers
 'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
 'iconSize01', 'iconSize02'];
 
@@ -111,17 +109,7 @@ 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);
-var layout03 = miniUnits(4);
-var layout04 = miniUnits(6);
-var layout05 = miniUnits(8);
-var layout06 = miniUnits(12);
-var layout07 = miniUnits(20);
-var layout = [layout01, layout02, layout03, layout04, layout05, layout06, layout07]; // Container
+var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Container
 
 var container01 = miniUnits(3);
 var container02 = miniUnits(4);
@@ -148,4 +136,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, size2XLarge, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, sizes, spacing, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, unstable_tokens };
+export { baseFontSize, breakpoint, breakpointDown, breakpointUp, breakpoints, container, container01, container02, container03, container04, container05, em, fluidSpacing, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize, iconSize01, iconSize02, miniUnit, miniUnits, px, rem, size2XLarge, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, sizes, spacing, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, unstable_tokens };

package/index.scss

@@ -5,5 +5,8 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@forward 'scss/modules/convert';
-@forward 'scss/modules/spacing';
+@forward 'scss/convert';
+@forward 'scss/spacing';
+@forward 'scss/generated/container';
+@forward 'scss/generated/icon-size';
+@forward 'scss/generated/size';

package/lib/index.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
  */
 var unstable_tokens = [// 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
+'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Containers
 'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
 'iconSize01', 'iconSize02'];
 
@@ -115,17 +113,7 @@ 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);
-var layout03 = miniUnits(4);
-var layout04 = miniUnits(6);
-var layout05 = miniUnits(8);
-var layout06 = miniUnits(12);
-var layout07 = miniUnits(20);
-var layout = [layout01, layout02, layout03, layout04, layout05, layout06, layout07]; // Container
+var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Container
 
 var container01 = miniUnits(3);
 var container02 = miniUnits(4);
@@ -172,14 +160,6 @@ exports.fluidSpacing04 = fluidSpacing04;
 exports.iconSize = iconSize;
 exports.iconSize01 = iconSize01;
 exports.iconSize02 = iconSize02;
-exports.layout = layout;
-exports.layout01 = layout01;
-exports.layout02 = layout02;
-exports.layout03 = layout03;
-exports.layout04 = layout04;
-exports.layout05 = layout05;
-exports.layout06 = layout06;
-exports.layout07 = layout07;
 exports.miniUnit = miniUnit;
 exports.miniUnits = miniUnits;
 exports.px = px;

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.37.1",
+  "version": "11.0.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -12,7 +12,6 @@
   },
   "bugs": "https://github.com/carbon-design-system/carbon/issues",
   "keywords": [
-    "eyeglass-module",
     "ibm",
     "elements",
     "carbon",
@@ -26,21 +25,15 @@
   },
   "scripts": {
     "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonLayout && node tasks/build.js",
-    "clean": "rimraf es lib umd scss/generated scss/modules/generated"
+    "clean": "rimraf es lib umd scss/generated"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.34.0",
+    "@carbon/cli": "^11.0.0-rc.0",
     "@carbon/cli-reporter": "^10.5.0",
     "@carbon/scss-generator": "^10.13.0",
-    "@carbon/test-utils": "^10.21.1",
+    "@carbon/test-utils": "^10.22.0-rc.0",
     "core-js": "^3.16.0",
     "rimraf": "^3.0.0"
   },
-  "eyeglass": {
-    "exports": false,
-    "name": "@carbon/layout",
-    "sassDir": "scss",
-    "needs": "^1.3.0"
-  },
-  "gitHead": "9b11eecab91c41ae4ffda711c5e1f631f2fb33db"
+  "gitHead": "e4894776a4996c10bfc8f9a724532a25966aa622"
 }

package/scss/_convert.import.scss

@@ -35,8 +35,7 @@ $carbon--base-font-size: 16px !default;
 /// @group @carbon/layout
 @function carbon--rem($px) {
   @if unit($px) != 'px' {
-    // TODO: update to @error in v11
-    @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
   @if meta.function-exists('div', 'math') {
@@ -53,8 +52,7 @@ $carbon--base-font-size: 16px !default;
 /// @group @carbon/layout
 @function carbon--em($px) {
   @if unit($px) != 'px' {
-    // TODO: update to @error in v11
-    @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
   @if meta.function-exists('div', 'math') {

package/scss/_convert.scss

@@ -4,39 +4,31 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
-//-------------------------------------------
-// Compatibility notes
-// ------------------------------------------
-//
-// This file is intended to be consumed and processed with node-sass/libsass.
-// Sass language features only available in dart-sass, such as `math.div`,
-// should not be used.
-//
-// The `.import` suffixed version of this file eg. `_filename.import.scss`
-// is intended to be compatible with dart-sass.
-//
-// Styles authored within this file must be duplicated to the corresponding
-// compatibility file to ensure we continue to support node-sass and dart-sass
-// in v10.
+
+@use 'sass:meta';
+@use 'sass:math';
 
 /// Default font size
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--base-font-size: 16px !default;
+$base-font-size: 16px !default;
 
 /// Convert a given px unit to a rem unit
 /// @param {Number} $px - Number with px unit
 /// @return {Number} Number with rem unit
 /// @access public
 /// @group @carbon/layout
-@function carbon--rem($px) {
+@function rem($px) {
   @if unit($px) != 'px' {
-    // TODO: update to @error in v11
-    @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return ($px / $carbon--base-font-size) * 1rem;
+  @if meta.function-exists('div', 'math') {
+    @return math.div($px, $base-font-size) * 1rem;
+  } @else {
+    @return ($px / $base-font-size) * 1rem;
+  }
 }
 
 /// Convert a given px unit to a em unit
@@ -44,11 +36,14 @@ $carbon--base-font-size: 16px !default;
 /// @return {Number} Number with em unit
 /// @access public
 /// @group @carbon/layout
-@function carbon--em($px) {
+@function em($px) {
   @if unit($px) != 'px' {
-    // TODO: update to @error in v11
-    @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
+    @error "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return ($px / $carbon--base-font-size) * 1em;
+  @if meta.function-exists('div', 'math') {
+    @return math.div($px, $base-font-size) * 1em;
+  } @else {
+    @return ($px / $base-font-size) * 1em;
+  }
 }

package/scss/_spacing.scss

@@ -5,8 +5,5 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@import './generated/spacing';
-@import './generated/layout';
-@import './generated/fluid-spacing';
-@import './generated/container';
-@import './generated/icon-size';
+@forward './generated/fluid-spacing';
+@forward './generated/spacing';

package/scss/_utilities.scss

@@ -14,7 +14,7 @@
 /// @group @carbon/layout
 @function map-deep-get($map, $keys...) {
   @each $key in $keys {
-    $map: map-get($map, $key);
+    $map: map.get($map, $key);
   }
   @return $map;
 }
@@ -25,8 +25,8 @@
 /// @param {Integer} $index - Key chain
 /// @return {String} Desired value
 /// @group @carbon/layout
-@function carbon--key-by-index($map, $index) {
-  $keys: map-keys($map);
+@function key-by-index($map, $index) {
+  $keys: map.keys($map);
   @return nth($keys, $index);
 }
 
@@ -36,6 +36,6 @@
 /// @return {*} Desired value
 /// @group @carbon/layout
 @function last-map-item($map) {
-  $total-length: length($map);
+  $total-length: list.length($map);
   @return map-get($map, carbon--key-by-index($map, $total-length));
 }

package/scss/generated/_container.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/layout. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2019
+// Copyright IBM Corp. 2018, 2021
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -9,65 +9,35 @@
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--container-01: 1.5rem !default;
+$container-01: 1.5rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--container-02: 2rem !default;
+$container-02: 2rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--container-03: 2.5rem !default;
+$container-03: 2.5rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--container-04: 3rem !default;
+$container-04: 3rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--container-05: 4rem !default;
+$container-05: 4rem !default;
 
-/// @type List
+/// @type Map
 /// @access public
 /// @group @carbon/layout
-$carbon--container: (
-  $carbon--container-01,
-  $carbon--container-02,
-  $carbon--container-03,
-  $carbon--container-04,
-  $carbon--container-05
+$container: (
+  container-01: $container-01,
+  container-02: $container-02,
+  container-03: $container-03,
+  container-04: $container-04,
+  container-05: $container-05,
 );
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--container-01
-$container-01: $carbon--container-01 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--container-02
-$container-02: $carbon--container-02 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--container-03
-$container-03: $carbon--container-03 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--container-04
-$container-04: $carbon--container-04 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--container-05
-$container-05: $carbon--container-05 !default;

package/scss/generated/_fluid-spacing.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/layout. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2019
+// Copyright IBM Corp. 2018, 2021
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -9,53 +9,29 @@
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--fluid-spacing-01: 0 !default;
+$fluid-spacing-01: 0 !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--fluid-spacing-02: 2vw !default;
+$fluid-spacing-02: 2vw !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--fluid-spacing-03: 5vw !default;
+$fluid-spacing-03: 5vw !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--fluid-spacing-04: 10vw !default;
+$fluid-spacing-04: 10vw !default;
 
-/// @type List
+/// @type Map
 /// @access public
 /// @group @carbon/layout
-$carbon--fluid-spacing: (
-  $carbon--fluid-spacing-01,
-  $carbon--fluid-spacing-02,
-  $carbon--fluid-spacing-03,
-  $carbon--fluid-spacing-04
+$fluid-spacing: (
+  fluid-spacing-01: $fluid-spacing-01,
+  fluid-spacing-02: $fluid-spacing-02,
+  fluid-spacing-03: $fluid-spacing-03,
+  fluid-spacing-04: $fluid-spacing-04,
 );
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--fluid-spacing-01
-$fluid-spacing-01: $carbon--fluid-spacing-01 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--fluid-spacing-02
-$fluid-spacing-02: $carbon--fluid-spacing-02 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--fluid-spacing-03
-$fluid-spacing-03: $carbon--fluid-spacing-03 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--fluid-spacing-04
-$fluid-spacing-04: $carbon--fluid-spacing-04 !default;

package/scss/generated/_icon-size.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/layout. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2019
+// Copyright IBM Corp. 2018, 2021
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -9,26 +9,17 @@
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--icon-size-01: 1rem !default;
+$icon-size-01: 1rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--icon-size-02: 1.25rem !default;
+$icon-size-02: 1.25rem !default;
 
-/// @type List
+/// @type Map
 /// @access public
 /// @group @carbon/layout
-$carbon--icon-size: ($carbon--icon-size-01, $carbon--icon-size-02);
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--icon-size-01
-$icon-size-01: $carbon--icon-size-01 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--icon-size-02
-$icon-size-02: $carbon--icon-size-02 !default;
+$icon-size: (
+  icon-size-01: $icon-size-01,
+  icon-size-02: $icon-size-02,
+);

package/scss/generated/_size.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/layout. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2019
+// Copyright IBM Corp. 2018, 2021
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/generated/_spacing.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/layout. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2019
+// Copyright IBM Corp. 2018, 2021
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -9,161 +9,83 @@
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-01: 0.125rem !default;
+$spacing-01: 0.125rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-02: 0.25rem !default;
+$spacing-02: 0.25rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-03: 0.5rem !default;
+$spacing-03: 0.5rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-04: 0.75rem !default;
+$spacing-04: 0.75rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-05: 1rem !default;
+$spacing-05: 1rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-06: 1.5rem !default;
+$spacing-06: 1.5rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-07: 2rem !default;
+$spacing-07: 2rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-08: 2.5rem !default;
+$spacing-08: 2.5rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-09: 3rem !default;
+$spacing-09: 3rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-10: 4rem !default;
+$spacing-10: 4rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-11: 5rem !default;
+$spacing-11: 5rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-12: 6rem !default;
+$spacing-12: 6rem !default;
 
 /// @type Number
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing-13: 10rem !default;
+$spacing-13: 10rem !default;
 
-/// @type List
+/// @type Map
 /// @access public
 /// @group @carbon/layout
-$carbon--spacing: (
-  $carbon--spacing-01,
-  $carbon--spacing-02,
-  $carbon--spacing-03,
-  $carbon--spacing-04,
-  $carbon--spacing-05,
-  $carbon--spacing-06,
-  $carbon--spacing-07,
-  $carbon--spacing-08,
-  $carbon--spacing-09,
-  $carbon--spacing-10,
-  $carbon--spacing-11,
-  $carbon--spacing-12,
-  $carbon--spacing-13
+$spacing: (
+  spacing-01: $spacing-01,
+  spacing-02: $spacing-02,
+  spacing-03: $spacing-03,
+  spacing-04: $spacing-04,
+  spacing-05: $spacing-05,
+  spacing-06: $spacing-06,
+  spacing-07: $spacing-07,
+  spacing-08: $spacing-08,
+  spacing-09: $spacing-09,
+  spacing-10: $spacing-10,
+  spacing-11: $spacing-11,
+  spacing-12: $spacing-12,
+  spacing-13: $spacing-13,
 );
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-01
-$spacing-01: $carbon--spacing-01 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-02
-$spacing-02: $carbon--spacing-02 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-03
-$spacing-03: $carbon--spacing-03 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-04
-$spacing-04: $carbon--spacing-04 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-05
-$spacing-05: $carbon--spacing-05 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-06
-$spacing-06: $carbon--spacing-06 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-07
-$spacing-07: $carbon--spacing-07 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-08
-$spacing-08: $carbon--spacing-08 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-09
-$spacing-09: $carbon--spacing-09 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-10
-$spacing-10: $carbon--spacing-10 !default;
-
-/// @type Number
-/// @access public
-/// @group @carbon/layout
-/// @alias carbon--spacing-11
-$spacing-11: $carbon--spacing-11 !default;
-
-/// @type Number
-/// @access public
-/// @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;