@carbon/layout 10.23.0 → 10.25.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 +17 -3
  2. package/index.scss +1 -0
  3. package/lib/index.js +23 -2
  4. package/package.json +4 -4
  5. package/scss/generated/_size.scss +17 -0
  6. package/src/index.js +14 -0
  7. package/src/tokens.js +6 -0
  8. package/umd/index.js +23 -2
package/es/index.js CHANGED
@@ -9,7 +9,7 @@ var unstable_tokens = [// Spacing
9
9
  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
10
10
  // Deprecated -- Remove in v11
11
11
  'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
12
- 'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
12
+ 'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
13
13
  'iconSize01', 'iconSize02'];
14
14
 
15
15
  /**
@@ -128,10 +128,24 @@ var container02 = miniUnits(4);
128
128
  var container03 = miniUnits(5);
129
129
  var container04 = miniUnits(6);
130
130
  var container05 = miniUnits(8);
131
- var container = [container01, container02, container03, container04, container05]; // Icon
131
+ var container = [container01, container02, container03, container04, container05];
132
+ var sizeXSmall = rem(24);
133
+ var sizeSmall = rem(32);
134
+ var sizeMedium = rem(40);
135
+ var sizeLarge = rem(48);
136
+ var sizeXLarge = rem(64);
137
+ var size2XLarge = rem(80);
138
+ var sizes = {
139
+ XSmall: sizeXSmall,
140
+ Small: sizeSmall,
141
+ Medium: sizeMedium,
142
+ Large: sizeLarge,
143
+ XLarge: sizeXLarge,
144
+ '2XLarge': size2XLarge
145
+ }; // Icon
132
146
 
133
147
  var iconSize01 = '1rem';
134
148
  var iconSize02 = '1.25rem';
135
149
  var iconSize = [iconSize01, iconSize02];
136
150
 
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 };
151
+ 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 };
package/index.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
+ @forward 'scss/modules/breakpoint';
8
9
  @forward 'scss/modules/convert';
9
10
  @forward 'scss/modules/spacing';
10
11
  // TODO: should these be public?
package/lib/index.js CHANGED
@@ -13,7 +13,7 @@ var unstable_tokens = [// Spacing
13
13
  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
14
14
  // Deprecated -- Remove in v11
15
15
  'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
16
- 'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
16
+ 'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
17
17
  'iconSize01', 'iconSize02'];
18
18
 
19
19
  /**
@@ -132,7 +132,21 @@ var container02 = miniUnits(4);
132
132
  var container03 = miniUnits(5);
133
133
  var container04 = miniUnits(6);
134
134
  var container05 = miniUnits(8);
135
- var container = [container01, container02, container03, container04, container05]; // Icon
135
+ var container = [container01, container02, container03, container04, container05];
136
+ var sizeXSmall = rem(24);
137
+ var sizeSmall = rem(32);
138
+ var sizeMedium = rem(40);
139
+ var sizeLarge = rem(48);
140
+ var sizeXLarge = rem(64);
141
+ var size2XLarge = rem(80);
142
+ var sizes = {
143
+ XSmall: sizeXSmall,
144
+ Small: sizeSmall,
145
+ Medium: sizeMedium,
146
+ Large: sizeLarge,
147
+ XLarge: sizeXLarge,
148
+ '2XLarge': size2XLarge
149
+ }; // Icon
136
150
 
137
151
  var iconSize01 = '1rem';
138
152
  var iconSize02 = '1.25rem';
@@ -170,6 +184,13 @@ exports.miniUnit = miniUnit;
170
184
  exports.miniUnits = miniUnits;
171
185
  exports.px = px;
172
186
  exports.rem = rem;
187
+ exports.size2XLarge = size2XLarge;
188
+ exports.sizeLarge = sizeLarge;
189
+ exports.sizeMedium = sizeMedium;
190
+ exports.sizeSmall = sizeSmall;
191
+ exports.sizeXLarge = sizeXLarge;
192
+ exports.sizeXSmall = sizeXSmall;
193
+ exports.sizes = sizes;
173
194
  exports.spacing = spacing;
174
195
  exports.spacing01 = spacing01;
175
196
  exports.spacing02 = spacing02;
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.23.0",
4
+ "version": "10.25.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -29,10 +29,10 @@
29
29
  "clean": "rimraf es lib umd scss/generated scss/modules/generated"
30
30
  },
31
31
  "devDependencies": {
32
- "@carbon/cli": "^10.22.0",
32
+ "@carbon/cli": "^10.24.0",
33
33
  "@carbon/cli-reporter": "^10.4.0",
34
34
  "@carbon/scss-generator": "^10.13.0",
35
- "@carbon/test-utils": "^10.15.0",
35
+ "@carbon/test-utils": "^10.16.0",
36
36
  "core-js": "^3.6.5",
37
37
  "rimraf": "^3.0.0"
38
38
  },
@@ -42,5 +42,5 @@
42
42
  "sassDir": "scss",
43
43
  "needs": "^1.3.0"
44
44
  },
45
- "gitHead": "05909da32a2ee6aa2fb1965eb57871ea77c81c0e"
45
+ "gitHead": "d02eacdefc2c94da1b7619a20df441e264bf884c"
46
46
  }
package/scss/generated/_size.scss ADDED
@@ -0,0 +1,17 @@
1
+ // Code generated by @carbon/layout. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2018, 2019
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ /// @type Number
10
+ /// @access public
11
+ /// @group @carbon/layout
12
+ $size-xs: 1.5rem;
13
+ $size-sm: 2rem;
14
+ $size-md: 2.5rem;
15
+ $size-lg: 3rem;
16
+ $size-xl: 4rem;
17
+ $size-2xl: 5rem;
package/src/index.js CHANGED
@@ -163,6 +163,20 @@ export const container = [
163
163
  container04,
164
164
  container05,
165
165
  ];
166
+ export const sizeXSmall = rem(24);
167
+ export const sizeSmall = rem(32);
168
+ export const sizeMedium = rem(40);
169
+ export const sizeLarge = rem(48);
170
+ export const sizeXLarge = rem(64);
171
+ export const size2XLarge = rem(80);
172
+ export const sizes = {
173
+ XSmall: sizeXSmall,
174
+ Small: sizeSmall,
175
+ Medium: sizeMedium,
176
+ Large: sizeLarge,
177
+ XLarge: sizeXLarge,
178
+ '2XLarge': size2XLarge,
179
+ };
166
180
 
167
181
  // Icon
168
182
  export const iconSize01 = '1rem';
package/src/tokens.js CHANGED
@@ -43,6 +43,12 @@ export const unstable_tokens = [
43
43
  'container03',
44
44
  'container04',
45
45
  'container05',
46
+ 'sizeXSmall',
47
+ 'sizeSmall',
48
+ 'sizeMedium',
49
+ 'sizeLarge',
50
+ 'sizeXLarge',
51
+ 'size2XLarge',
46
52
 
47
53
  // Icon sizes
48
54
  'iconSize01',
package/umd/index.js CHANGED
@@ -15,7 +15,7 @@
15
15
  'fluidSpacing01', 'fluidSpacing02', 'fluidSpacing03', 'fluidSpacing04', // Layout
16
16
  // Deprecated -- Remove in v11
17
17
  'layout01', 'layout02', 'layout03', 'layout04', 'layout05', 'layout06', 'layout07', // Containers
18
- 'container01', 'container02', 'container03', 'container04', 'container05', // Icon sizes
18
+ 'container01', 'container02', 'container03', 'container04', 'container05', 'sizeXSmall', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'sizeXLarge', 'size2XLarge', // Icon sizes
19
19
  'iconSize01', 'iconSize02'];
20
20
 
21
21
  /**
@@ -134,7 +134,21 @@
134
134
  var container03 = miniUnits(5);
135
135
  var container04 = miniUnits(6);
136
136
  var container05 = miniUnits(8);
137
- var container = [container01, container02, container03, container04, container05]; // Icon
137
+ var container = [container01, container02, container03, container04, container05];
138
+ var sizeXSmall = rem(24);
139
+ var sizeSmall = rem(32);
140
+ var sizeMedium = rem(40);
141
+ var sizeLarge = rem(48);
142
+ var sizeXLarge = rem(64);
143
+ var size2XLarge = rem(80);
144
+ var sizes = {
145
+ XSmall: sizeXSmall,
146
+ Small: sizeSmall,
147
+ Medium: sizeMedium,
148
+ Large: sizeLarge,
149
+ XLarge: sizeXLarge,
150
+ '2XLarge': size2XLarge
151
+ }; // Icon
138
152
 
139
153
  var iconSize01 = '1rem';
140
154
  var iconSize02 = '1.25rem';
@@ -172,6 +186,13 @@
172
186
  exports.miniUnits = miniUnits;
173
187
  exports.px = px;
174
188
  exports.rem = rem;
189
+ exports.size2XLarge = size2XLarge;
190
+ exports.sizeLarge = sizeLarge;
191
+ exports.sizeMedium = sizeMedium;
192
+ exports.sizeSmall = sizeSmall;
193
+ exports.sizeXLarge = sizeXLarge;
194
+ exports.sizeXSmall = sizeXSmall;
195
+ exports.sizes = sizes;
175
196
  exports.spacing = spacing;
176
197
  exports.spacing01 = spacing01;
177
198
  exports.spacing02 = spacing02;