@carbon/layout - npm Package Compare versions

Comparing version 11.13.0 to 11.14.0-rc.0

es/index.js

@@ -7,8 +7,16 @@ /**
  */
-var unstable_tokens = [// Spacing
-'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
-'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Containers
-'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
-'iconSize01', 'iconSize02'];
 
+var unstable_tokens = [
+// Spacing
+'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13',
+// Fluid spacing
+'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04',
+// Containers
+'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge',
+// Icon sizes
+'iconSize01', 'iconSize02',
+// Layout
+// Deprecated
+'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07'];
+
 /**
@@ -20,5 +28,7 @@ * Copyright IBM Corp. 2018, 2023
  */
+
+// Convert
 // Default, Use with em() and rem() functions
+var baseFontSize = 16;
 
-var baseFontSize = 16;
 /**
@@ -29,6 +39,6 @@ * Convert a given px unit to a rem unit
  */
-
 function rem(px) {
   return "".concat(px / baseFontSize, "rem");
 }
+
 /**
@@ -39,6 +49,6 @@ * Convert a given px unit to a em unit
  */
-
 function em(px) {
   return "".concat(px / baseFontSize, "em");
 }
+
 /**
@@ -49,8 +59,8 @@ * Convert a given px unit to its string representation
  */
-
 function px(value) {
   return "".concat(value, "px");
-} // Breakpoint
+}
+
+// Breakpoint
 // Initial map of our breakpoints and their values
-
 var breakpoints = {
@@ -91,9 +101,11 @@ sm: {
   return breakpointUp.apply(void 0, arguments);
-} // Mini-unit
+}
 
+// Mini-unit
 var miniUnit = 8;
 function miniUnits(count) {
   return rem(miniUnit * count);
-} // Spacing
+}
 
+// Spacing
 var spacing01 = miniUnits(0.25);
@@ -112,4 +124,5 @@ var spacing02 = miniUnits(0.5);
 var spacing13 = miniUnits(20);
-var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
+var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13];
 
+// Fluid spacing
 var fluidSpacing01 = 0;
@@ -119,4 +132,16 @@ var fluidSpacing02 = '2vw';
 var fluidSpacing04 = '10vw';
-var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Container
+var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04];
 
+// Layout
+// Deprecated
+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 container01 = miniUnits(3);
@@ -141,4 +166,5 @@ var container02 = miniUnits(4);
   '2XLarge': size2XLarge
-}; // Icon
+};
 
+// Icon
 var iconSize01 = '1rem';
@@ -148,2 +174,2 @@ var iconSize02 = '1.25rem';
 
-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 };
+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 };

lib/index.js

@@ -11,8 +11,16 @@ 'use strict';
  */
-var unstable_tokens = [// Spacing
-'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
-'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Containers
-'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
-'iconSize01', 'iconSize02'];
 
+var unstable_tokens = [
+// Spacing
+'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13',
+// Fluid spacing
+'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04',
+// Containers
+'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge',
+// Icon sizes
+'iconSize01', 'iconSize02',
+// Layout
+// Deprecated
+'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07'];
+
 /**
@@ -24,5 +32,7 @@ * Copyright IBM Corp. 2018, 2023
  */
+
+// Convert
 // Default, Use with em() and rem() functions
+var baseFontSize = 16;
 
-var baseFontSize = 16;
 /**
@@ -33,6 +43,6 @@ * Convert a given px unit to a rem unit
  */
-
 function rem(px) {
   return "".concat(px / baseFontSize, "rem");
 }
+
 /**
@@ -43,6 +53,6 @@ * Convert a given px unit to a em unit
  */
-
 function em(px) {
   return "".concat(px / baseFontSize, "em");
 }
+
 /**
@@ -53,8 +63,8 @@ * Convert a given px unit to its string representation
  */
-
 function px(value) {
   return "".concat(value, "px");
-} // Breakpoint
+}
+
+// Breakpoint
 // Initial map of our breakpoints and their values
-
 var breakpoints = {
@@ -95,9 +105,11 @@ sm: {
   return breakpointUp.apply(void 0, arguments);
-} // Mini-unit
+}
 
+// Mini-unit
 var miniUnit = 8;
 function miniUnits(count) {
   return rem(miniUnit * count);
-} // Spacing
+}
 
+// Spacing
 var spacing01 = miniUnits(0.25);
@@ -116,4 +128,5 @@ var spacing02 = miniUnits(0.5);
 var spacing13 = miniUnits(20);
-var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
+var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13];
 
+// Fluid spacing
 var fluidSpacing01 = 0;
@@ -123,4 +136,16 @@ var fluidSpacing02 = '2vw';
 var fluidSpacing04 = '10vw';
-var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Container
+var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04];
 
+// Layout
+// Deprecated
+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 container01 = miniUnits(3);
@@ -145,4 +170,5 @@ var container02 = miniUnits(4);
   '2XLarge': size2XLarge
-}; // Icon
+};
 
+// Icon
 var iconSize01 = '1rem';
@@ -172,2 +198,10 @@ var iconSize02 = '1.25rem';
 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;
@@ -174,0 +208,0 @@ exports.miniUnits = miniUnits;

package.json

 {
   "name": "@carbon/layout",
   "description": "Layout helpers for digital and software products using the Carbon Design System",
-  "version": "11.13.0",
+  "version": "11.14.0-rc.0",
   "license": "Apache-2.0",
@@ -31,10 +31,10 @@ "main": "lib/index.js",
   "devDependencies": {
-    "@carbon/cli": "^11.9.0",
+    "@carbon/cli": "^11.10.0-rc.0",
     "@carbon/cli-reporter": "^10.6.0",
-    "@carbon/scss-generator": "^10.16.0",
-    "@carbon/test-utils": "^10.28.0",
+    "@carbon/scss-generator": "^10.17.0-rc.0",
+    "@carbon/test-utils": "^10.29.0-rc.0",
     "core-js": "^3.16.0",
-    "rimraf": "^4.0.0"
+    "rimraf": "^5.0.0"
   },
-  "gitHead": "9d9c35494255b0ad0996bad46ffaf093cdd20012"
+  "gitHead": "64172da793195b868dd5f4cbf9f2933184ed9cac"
 }

src/index.js

@@ -134,2 +134,21 @@ /**
 
+// Layout
+// Deprecated
+export const layout01 = miniUnits(2);
+export const layout02 = miniUnits(3);
+export const layout03 = miniUnits(4);
+export const layout04 = miniUnits(6);
+export const layout05 = miniUnits(8);
+export const layout06 = miniUnits(12);
+export const layout07 = miniUnits(20);
+export const layout = [
+  layout01,
+  layout02,
+  layout03,
+  layout04,
+  layout05,
+  layout06,
+  layout07,
+];
+
 // Container
@@ -136,0 +155,0 @@ export const container01 = miniUnits(3);

src/tokens.js

@@ -46,2 +46,12 @@ /**
   'iconSize02',
+
+  // Layout
+  // Deprecated
+  'layout01',
+  'layout02',
+  'layout03',
+  'layout04',
+  'layout05',
+  'layout06',
+  'layout07',
 ];

umd/index.js

@@ -13,8 +13,16 @@ (function (global, factory) {
    */
-  var unstable_tokens = [// Spacing
-  'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
-  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Containers
-  'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
-  'iconSize01', 'iconSize02'];
 
+  var unstable_tokens = [
+  // Spacing
+  'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13',
+  // Fluid spacing
+  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04',
+  // Containers
+  'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge',
+  // Icon sizes
+  'iconSize01', 'iconSize02',
+  // Layout
+  // Deprecated
+  'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07'];
+
   /**
@@ -26,5 +34,7 @@ * Copyright IBM Corp. 2018, 2023
    */
+
+  // Convert
   // Default, Use with em() and rem() functions
+  var baseFontSize = 16;
 
-  var baseFontSize = 16;
   /**
@@ -35,6 +45,6 @@ * Convert a given px unit to a rem unit
    */
-
   function rem(px) {
     return "".concat(px / baseFontSize, "rem");
   }
+
   /**
@@ -45,6 +55,6 @@ * Convert a given px unit to a em unit
    */
-
   function em(px) {
     return "".concat(px / baseFontSize, "em");
   }
+
   /**
@@ -55,8 +65,8 @@ * Convert a given px unit to its string representation
    */
-
   function px(value) {
     return "".concat(value, "px");
-  } // Breakpoint
+  }
+
+  // Breakpoint
   // Initial map of our breakpoints and their values
-
   var breakpoints = {
@@ -97,9 +107,11 @@ sm: {
     return breakpointUp.apply(void 0, arguments);
-  } // Mini-unit
+  }
 
+  // Mini-unit
   var miniUnit = 8;
   function miniUnits(count) {
     return rem(miniUnit * count);
-  } // Spacing
+  }
 
+  // Spacing
   var spacing01 = miniUnits(0.25);
@@ -118,4 +130,5 @@ var spacing02 = miniUnits(0.5);
   var spacing13 = miniUnits(20);
-  var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
+  var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13];
 
+  // Fluid spacing
   var fluidSpacing01 = 0;
@@ -125,4 +138,16 @@ var fluidSpacing02 = '2vw';
   var fluidSpacing04 = '10vw';
-  var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Container
+  var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04];
 
+  // Layout
+  // Deprecated
+  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 container01 = miniUnits(3);
@@ -147,4 +172,5 @@ var container02 = miniUnits(4);
     '2XLarge': size2XLarge
-  }; // Icon
+  };
 
+  // Icon
   var iconSize01 = '1rem';
@@ -174,2 +200,10 @@ var iconSize02 = '1.25rem';
   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;
@@ -176,0 +210,0 @@ exports.miniUnits = miniUnits;

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

48357

increased by8.04%

Number of package files

20

increased by5.26%

Lines of code

788

increased by17.26%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes