@carbon/layout 10.20.0-rc.0 → 10.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/es/index.js +6 -3
  2. package/lib/index.js +6 -2
  3. package/package.json +3 -3
  4. package/scss/generated/_spacing.scss +13 -1
  5. package/scss/modules/generated/_spacing.scss +6 -0
  6. package/src/index.js +3 -0
  7. package/src/tokens.js +2 -0
  8. package/umd/index.js +6 -2
package/es/index.js CHANGED
@@ -5,8 +5,9 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  var unstable_tokens = [// Spacing
8
- 'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', // Fluid spacing
8
+ 'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
9
9
  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
10
+ // Deprecated -- Remove in v11
10
11
  'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
11
12
  'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
12
13
  'iconSize01', 'iconSize02'];
@@ -103,13 +104,15 @@ var spacing09 = miniUnits(6);
103
104
  var spacing10 = miniUnits(8);
104
105
  var spacing11 = miniUnits(10);
105
106
  var spacing12 = miniUnits(12);
106
- var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12]; // Fluid spacing
107
+ var spacing13 = miniUnits(20);
108
+ var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
107
109
 
108
110
  var fluidSpacing01 = 0;
109
111
  var fluidSpacing02 = '2vw';
110
112
  var fluidSpacing03 = '5vw';
111
113
  var fluidSpacing04 = '10vw';
112
114
  var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Layout
115
+ // Deprecated -- Remove in v11
113
116
 
114
117
  var layout01 = miniUnits(2);
115
118
  var layout02 = miniUnits(3);
@@ -131,4 +134,4 @@ var iconSize01 = '1rem';
131
134
  var iconSize02 = '1.25rem';
132
135
  var iconSize = [iconSize01, iconSize02];
133
136
 
134
- 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 };
137
+ 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 CHANGED
@@ -9,8 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  * LICENSE file in the root directory of this source tree.
10
10
  */
11
11
  var unstable_tokens = [// Spacing
12
- 'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', // Fluid spacing
12
+ 'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
13
13
  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
14
+ // Deprecated -- Remove in v11
14
15
  'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
15
16
  'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
16
17
  'iconSize01', 'iconSize02'];
@@ -107,13 +108,15 @@ var spacing09 = miniUnits(6);
107
108
  var spacing10 = miniUnits(8);
108
109
  var spacing11 = miniUnits(10);
109
110
  var spacing12 = miniUnits(12);
110
- var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12]; // Fluid spacing
111
+ var spacing13 = miniUnits(20);
112
+ var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
111
113
 
112
114
  var fluidSpacing01 = 0;
113
115
  var fluidSpacing02 = '2vw';
114
116
  var fluidSpacing03 = '5vw';
115
117
  var fluidSpacing04 = '10vw';
116
118
  var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Layout
119
+ // Deprecated -- Remove in v11
117
120
 
118
121
  var layout01 = miniUnits(2);
119
122
  var layout02 = miniUnits(3);
@@ -180,4 +183,5 @@ exports.spacing09 = spacing09;
180
183
  exports.spacing10 = spacing10;
181
184
  exports.spacing11 = spacing11;
182
185
  exports.spacing12 = spacing12;
186
+ exports.spacing13 = spacing13;
183
187
  exports.unstable_tokens = unstable_tokens;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/layout",
3
3
  "description": "Layout helpers for digital and software products using the Carbon Design System",
4
- "version": "10.20.0-rc.0",
4
+ "version": "10.22.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -29,7 +29,7 @@
29
29
  "clean": "rimraf es lib umd scss/generated scss/modules/generated"
30
30
  },
31
31
  "devDependencies": {
32
- "@carbon/cli": "^10.20.0",
32
+ "@carbon/cli": "^10.21.0",
33
33
  "@carbon/cli-reporter": "^10.4.0",
34
34
  "@carbon/scss-generator": "^10.13.0",
35
35
  "@carbon/test-utils": "^10.15.0",
@@ -42,5 +42,5 @@
42
42
  "sassDir": "scss",
43
43
  "needs": "^1.3.0"
44
44
  },
45
- "gitHead": "8b207f14f9f994d661241deb60a6c44ae5e3c77a"
45
+ "gitHead": "8b9c3660aa5b585052b2aa88079a039697ef276f"
46
46
  }
package/scss/generated/_spacing.scss CHANGED
@@ -66,6 +66,11 @@ $carbon--spacing-11: 5rem !default;
66
66
  /// @group @carbon/layout
67
67
  $carbon--spacing-12: 6rem !default;
68
68
 
69
+ /// @type Number
70
+ /// @access public
71
+ /// @group @carbon/layout
72
+ $carbon--spacing-13: 10rem !default;
73
+
69
74
  /// @type List
70
75
  /// @access public
71
76
  /// @group @carbon/layout
@@ -81,7 +86,8 @@ $carbon--spacing: (
81
86
  $carbon--spacing-09,
82
87
  $carbon--spacing-10,
83
88
  $carbon--spacing-11,
84
- $carbon--spacing-12
89
+ $carbon--spacing-12,
90
+ $carbon--spacing-13
85
91
  );
86
92
 
87
93
  /// @type Number
@@ -155,3 +161,9 @@ $spacing-11: $carbon--spacing-11 !default;
155
161
  /// @group @carbon/layout
156
162
  /// @alias carbon--spacing-12
157
163
  $spacing-12: $carbon--spacing-12 !default;
164
+
165
+ /// @type Number
166
+ /// @access public
167
+ /// @group @carbon/layout
168
+ /// @alias carbon--spacing-13
169
+ $spacing-13: $carbon--spacing-13 !default;
package/scss/modules/generated/_spacing.scss CHANGED
@@ -66,6 +66,11 @@ $spacing-11: 5rem !default;
66
66
  /// @group @carbon/layout
67
67
  $spacing-12: 6rem !default;
68
68
 
69
+ /// @type Number
70
+ /// @access public
71
+ /// @group @carbon/layout
72
+ $spacing-13: 10rem !default;
73
+
69
74
  /// @type Map
70
75
  /// @access public
71
76
  /// @group @carbon/layout
@@ -82,4 +87,5 @@ $spacing: (
82
87
  spacing-10: $spacing-10,
83
88
  spacing-11: $spacing-11,
84
89
  spacing-12: $spacing-12,
90
+ spacing-13: $spacing-13,
85
91
  );
package/src/index.js CHANGED
@@ -102,6 +102,7 @@ export const spacing09 = miniUnits(6);
102
102
  export const spacing10 = miniUnits(8);
103
103
  export const spacing11 = miniUnits(10);
104
104
  export const spacing12 = miniUnits(12);
105
+ export const spacing13 = miniUnits(20);
105
106
  export const spacing = [
106
107
  spacing01,
107
108
  spacing02,
@@ -115,6 +116,7 @@ export const spacing = [
115
116
  spacing10,
116
117
  spacing11,
117
118
  spacing12,
119
+ spacing13,
118
120
  ];
119
121
 
120
122
  // Fluid spacing
@@ -130,6 +132,7 @@ export const fluidSpacing = [
130
132
  ];
131
133
 
132
134
  // Layout
135
+ // Deprecated -- Remove in v11
133
136
  export const layout01 = miniUnits(2);
134
137
  export const layout02 = miniUnits(3);
135
138
  export const layout03 = miniUnits(4);
package/src/tokens.js CHANGED
@@ -19,6 +19,7 @@ export const unstable_tokens = [
19
19
  'spacing10',
20
20
  'spacing11',
21
21
  'spacing12',
22
+ 'spacing13',
22
23
 
23
24
  // Fluid spacing
24
25
  'fluidSpacing01',
@@ -27,6 +28,7 @@ export const unstable_tokens = [
27
28
  'fluidSpacing04',
28
29
 
29
30
  // Layout
31
+ // Deprecated -- Remove in v11
30
32
  'layout01',
31
33
  'layout02',
32
34
  'layout03',
package/umd/index.js CHANGED
@@ -11,8 +11,9 @@
11
11
  * LICENSE file in the root directory of this source tree.
12
12
  */
13
13
  var unstable_tokens = [// Spacing
14
- 'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', // Fluid spacing
14
+ 'spacing01', 'spacing02', 'spacing03', 'spacing04', 'spacing05', 'spacing06', 'spacing07', 'spacing08', 'spacing09', 'spacing10', 'spacing11', 'spacing12', 'spacing13', // Fluid spacing
15
15
  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
16
+ // Deprecated -- Remove in v11
16
17
  'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
17
18
  'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
18
19
  'iconSize01', 'iconSize02'];
@@ -109,13 +110,15 @@
109
110
  var spacing10 = miniUnits(8);
110
111
  var spacing11 = miniUnits(10);
111
112
  var spacing12 = miniUnits(12);
112
- var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12]; // Fluid spacing
113
+ var spacing13 = miniUnits(20);
114
+ var spacing = [spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13]; // Fluid spacing
113
115
 
114
116
  var fluidSpacing01 = 0;
115
117
  var fluidSpacing02 = '2vw';
116
118
  var fluidSpacing03 = '5vw';
117
119
  var fluidSpacing04 = '10vw';
118
120
  var fluidSpacing = [fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04]; // Layout
121
+ // Deprecated -- Remove in v11
119
122
 
120
123
  var layout01 = miniUnits(2);
121
124
  var layout02 = miniUnits(3);
@@ -182,6 +185,7 @@
182
185
  exports.spacing10 = spacing10;
183
186
  exports.spacing11 = spacing11;
184
187
  exports.spacing12 = spacing12;
188
+ exports.spacing13 = spacing13;
185
189
  exports.unstable_tokens = unstable_tokens;
186
190
 
187
191
  Object.defineProperty(exports, '__esModule', { value: true });