@carbon/layout 11.56.0 → 11.57.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.
package/es/index.js CHANGED
@@ -64,29 +64,29 @@ const px = (value) => {
64
64
  };
65
65
  const breakpoints = {
66
66
  sm: {
67
- width: rem(320),
67
+ width: /*#__PURE__*/ rem(320),
68
68
  columns: 4,
69
69
  margin: "0"
70
70
  },
71
71
  md: {
72
- width: rem(672),
72
+ width: /*#__PURE__*/ rem(672),
73
73
  columns: 8,
74
- margin: rem(16)
74
+ margin: /*#__PURE__*/ rem(16)
75
75
  },
76
76
  lg: {
77
- width: rem(1056),
77
+ width: /*#__PURE__*/ rem(1056),
78
78
  columns: 16,
79
- margin: rem(16)
79
+ margin: /*#__PURE__*/ rem(16)
80
80
  },
81
81
  xlg: {
82
- width: rem(1312),
82
+ width: /*#__PURE__*/ rem(1312),
83
83
  columns: 16,
84
- margin: rem(16)
84
+ margin: /*#__PURE__*/ rem(16)
85
85
  },
86
86
  max: {
87
- width: rem(1584),
87
+ width: /*#__PURE__*/ rem(1584),
88
88
  columns: 16,
89
- margin: rem(24)
89
+ margin: /*#__PURE__*/ rem(24)
90
90
  }
91
91
  };
92
92
  const breakpointUp = (name) => {
@@ -100,19 +100,19 @@ const miniUnit = 8;
100
100
  const miniUnits = (count) => {
101
101
  return rem(8 * count);
102
102
  };
103
- const spacing01 = miniUnits(.25);
104
- const spacing02 = miniUnits(.5);
105
- const spacing03 = miniUnits(1);
106
- const spacing04 = miniUnits(1.5);
107
- const spacing05 = miniUnits(2);
108
- const spacing06 = miniUnits(3);
109
- const spacing07 = miniUnits(4);
110
- const spacing08 = miniUnits(5);
111
- const spacing09 = miniUnits(6);
112
- const spacing10 = miniUnits(8);
113
- const spacing11 = miniUnits(10);
114
- const spacing12 = miniUnits(12);
115
- const spacing13 = miniUnits(20);
103
+ const spacing01 = /*#__PURE__*/ miniUnits(.25);
104
+ const spacing02 = /*#__PURE__*/ miniUnits(.5);
105
+ const spacing03 = /*#__PURE__*/ miniUnits(1);
106
+ const spacing04 = /*#__PURE__*/ miniUnits(1.5);
107
+ const spacing05 = /*#__PURE__*/ miniUnits(2);
108
+ const spacing06 = /*#__PURE__*/ miniUnits(3);
109
+ const spacing07 = /*#__PURE__*/ miniUnits(4);
110
+ const spacing08 = /*#__PURE__*/ miniUnits(5);
111
+ const spacing09 = /*#__PURE__*/ miniUnits(6);
112
+ const spacing10 = /*#__PURE__*/ miniUnits(8);
113
+ const spacing11 = /*#__PURE__*/ miniUnits(10);
114
+ const spacing12 = /*#__PURE__*/ miniUnits(12);
115
+ const spacing13 = /*#__PURE__*/ miniUnits(20);
116
116
  const spacing = [
117
117
  spacing01,
118
118
  spacing02,
@@ -138,13 +138,13 @@ const fluidSpacing = [
138
138
  "5vw",
139
139
  fluidSpacing04
140
140
  ];
141
- const layout01 = miniUnits(2);
142
- const layout02 = miniUnits(3);
143
- const layout03 = miniUnits(4);
144
- const layout04 = miniUnits(6);
145
- const layout05 = miniUnits(8);
146
- const layout06 = miniUnits(12);
147
- const layout07 = miniUnits(20);
141
+ const layout01 = /*#__PURE__*/ miniUnits(2);
142
+ const layout02 = /*#__PURE__*/ miniUnits(3);
143
+ const layout03 = /*#__PURE__*/ miniUnits(4);
144
+ const layout04 = /*#__PURE__*/ miniUnits(6);
145
+ const layout05 = /*#__PURE__*/ miniUnits(8);
146
+ const layout06 = /*#__PURE__*/ miniUnits(12);
147
+ const layout07 = /*#__PURE__*/ miniUnits(20);
148
148
  const layout = [
149
149
  layout01,
150
150
  layout02,
@@ -154,11 +154,11 @@ const layout = [
154
154
  layout06,
155
155
  layout07
156
156
  ];
157
- const container01 = miniUnits(3);
158
- const container02 = miniUnits(4);
159
- const container03 = miniUnits(5);
160
- const container04 = miniUnits(6);
161
- const container05 = miniUnits(8);
157
+ const container01 = /*#__PURE__*/ miniUnits(3);
158
+ const container02 = /*#__PURE__*/ miniUnits(4);
159
+ const container03 = /*#__PURE__*/ miniUnits(5);
160
+ const container04 = /*#__PURE__*/ miniUnits(6);
161
+ const container05 = /*#__PURE__*/ miniUnits(8);
162
162
  const container = [
163
163
  container01,
164
164
  container02,
@@ -166,12 +166,12 @@ const container = [
166
166
  container04,
167
167
  container05
168
168
  ];
169
- const sizeXSmall = rem(24);
170
- const sizeSmall = rem(32);
171
- const sizeMedium = rem(40);
172
- const sizeLarge = rem(48);
173
- const sizeXLarge = rem(64);
174
- const size2XLarge = rem(80);
169
+ const sizeXSmall = /*#__PURE__*/ rem(24);
170
+ const sizeSmall = /*#__PURE__*/ rem(32);
171
+ const sizeMedium = /*#__PURE__*/ rem(40);
172
+ const sizeLarge = /*#__PURE__*/ rem(48);
173
+ const sizeXLarge = /*#__PURE__*/ rem(64);
174
+ const size2XLarge = /*#__PURE__*/ rem(80);
175
175
  const sizes = {
176
176
  XSmall: sizeXSmall,
177
177
  Small: sizeSmall,
package/lib/index.js CHANGED
@@ -65,29 +65,29 @@ const px = (value) => {
65
65
  };
66
66
  const breakpoints = {
67
67
  sm: {
68
- width: rem(320),
68
+ width: /*#__PURE__*/ rem(320),
69
69
  columns: 4,
70
70
  margin: "0"
71
71
  },
72
72
  md: {
73
- width: rem(672),
73
+ width: /*#__PURE__*/ rem(672),
74
74
  columns: 8,
75
- margin: rem(16)
75
+ margin: /*#__PURE__*/ rem(16)
76
76
  },
77
77
  lg: {
78
- width: rem(1056),
78
+ width: /*#__PURE__*/ rem(1056),
79
79
  columns: 16,
80
- margin: rem(16)
80
+ margin: /*#__PURE__*/ rem(16)
81
81
  },
82
82
  xlg: {
83
- width: rem(1312),
83
+ width: /*#__PURE__*/ rem(1312),
84
84
  columns: 16,
85
- margin: rem(16)
85
+ margin: /*#__PURE__*/ rem(16)
86
86
  },
87
87
  max: {
88
- width: rem(1584),
88
+ width: /*#__PURE__*/ rem(1584),
89
89
  columns: 16,
90
- margin: rem(24)
90
+ margin: /*#__PURE__*/ rem(24)
91
91
  }
92
92
  };
93
93
  const breakpointUp = (name) => {
@@ -101,19 +101,19 @@ const miniUnit = 8;
101
101
  const miniUnits = (count) => {
102
102
  return rem(8 * count);
103
103
  };
104
- const spacing01 = miniUnits(.25);
105
- const spacing02 = miniUnits(.5);
106
- const spacing03 = miniUnits(1);
107
- const spacing04 = miniUnits(1.5);
108
- const spacing05 = miniUnits(2);
109
- const spacing06 = miniUnits(3);
110
- const spacing07 = miniUnits(4);
111
- const spacing08 = miniUnits(5);
112
- const spacing09 = miniUnits(6);
113
- const spacing10 = miniUnits(8);
114
- const spacing11 = miniUnits(10);
115
- const spacing12 = miniUnits(12);
116
- const spacing13 = miniUnits(20);
104
+ const spacing01 = /*#__PURE__*/ miniUnits(.25);
105
+ const spacing02 = /*#__PURE__*/ miniUnits(.5);
106
+ const spacing03 = /*#__PURE__*/ miniUnits(1);
107
+ const spacing04 = /*#__PURE__*/ miniUnits(1.5);
108
+ const spacing05 = /*#__PURE__*/ miniUnits(2);
109
+ const spacing06 = /*#__PURE__*/ miniUnits(3);
110
+ const spacing07 = /*#__PURE__*/ miniUnits(4);
111
+ const spacing08 = /*#__PURE__*/ miniUnits(5);
112
+ const spacing09 = /*#__PURE__*/ miniUnits(6);
113
+ const spacing10 = /*#__PURE__*/ miniUnits(8);
114
+ const spacing11 = /*#__PURE__*/ miniUnits(10);
115
+ const spacing12 = /*#__PURE__*/ miniUnits(12);
116
+ const spacing13 = /*#__PURE__*/ miniUnits(20);
117
117
  const spacing = [
118
118
  spacing01,
119
119
  spacing02,
@@ -139,13 +139,13 @@ const fluidSpacing = [
139
139
  "5vw",
140
140
  fluidSpacing04
141
141
  ];
142
- const layout01 = miniUnits(2);
143
- const layout02 = miniUnits(3);
144
- const layout03 = miniUnits(4);
145
- const layout04 = miniUnits(6);
146
- const layout05 = miniUnits(8);
147
- const layout06 = miniUnits(12);
148
- const layout07 = miniUnits(20);
142
+ const layout01 = /*#__PURE__*/ miniUnits(2);
143
+ const layout02 = /*#__PURE__*/ miniUnits(3);
144
+ const layout03 = /*#__PURE__*/ miniUnits(4);
145
+ const layout04 = /*#__PURE__*/ miniUnits(6);
146
+ const layout05 = /*#__PURE__*/ miniUnits(8);
147
+ const layout06 = /*#__PURE__*/ miniUnits(12);
148
+ const layout07 = /*#__PURE__*/ miniUnits(20);
149
149
  const layout = [
150
150
  layout01,
151
151
  layout02,
@@ -155,11 +155,11 @@ const layout = [
155
155
  layout06,
156
156
  layout07
157
157
  ];
158
- const container01 = miniUnits(3);
159
- const container02 = miniUnits(4);
160
- const container03 = miniUnits(5);
161
- const container04 = miniUnits(6);
162
- const container05 = miniUnits(8);
158
+ const container01 = /*#__PURE__*/ miniUnits(3);
159
+ const container02 = /*#__PURE__*/ miniUnits(4);
160
+ const container03 = /*#__PURE__*/ miniUnits(5);
161
+ const container04 = /*#__PURE__*/ miniUnits(6);
162
+ const container05 = /*#__PURE__*/ miniUnits(8);
163
163
  const container = [
164
164
  container01,
165
165
  container02,
@@ -167,12 +167,12 @@ const container = [
167
167
  container04,
168
168
  container05
169
169
  ];
170
- const sizeXSmall = rem(24);
171
- const sizeSmall = rem(32);
172
- const sizeMedium = rem(40);
173
- const sizeLarge = rem(48);
174
- const sizeXLarge = rem(64);
175
- const size2XLarge = rem(80);
170
+ const sizeXSmall = /*#__PURE__*/ rem(24);
171
+ const sizeSmall = /*#__PURE__*/ rem(32);
172
+ const sizeMedium = /*#__PURE__*/ rem(40);
173
+ const sizeLarge = /*#__PURE__*/ rem(48);
174
+ const sizeXLarge = /*#__PURE__*/ rem(64);
175
+ const size2XLarge = /*#__PURE__*/ rem(80);
176
176
  const sizes = {
177
177
  XSmall: sizeXSmall,
178
178
  Small: sizeSmall,
package/package.json CHANGED
@@ -1,8 +1,12 @@
1
1
  {
2
2
  "name": "@carbon/layout",
3
3
  "description": "Layout helpers for digital and software products using the Carbon Design System",
4
- "version": "11.56.0",
4
+ "version": "11.57.0",
5
5
  "license": "Apache-2.0",
6
+ "sideEffects": [
7
+ "index.scss",
8
+ "scss/**/*.scss"
9
+ ],
6
10
  "main": "lib/index.js",
7
11
  "types": "lib/index.d.ts",
8
12
  "module": "es/index.js",
@@ -33,8 +37,8 @@
33
37
  "postinstall": "ibmtelemetry --config=telemetry.yml"
34
38
  },
35
39
  "devDependencies": {
36
- "@carbon/cli": "^11.47.0",
37
- "@carbon/cli-reporter": "^10.8.0",
40
+ "@carbon/cli": "^11.48.0",
41
+ "@carbon/cli-reporter": "^10.9.0",
38
42
  "@carbon/scss-generator": "^10.20.0",
39
43
  "@carbon/test-utils": "^10.41.0",
40
44
  "core-js": "^3.16.0",
@@ -45,5 +49,5 @@
45
49
  "dependencies": {
46
50
  "@ibm/telemetry-js": "^1.5.0"
47
51
  },
48
- "gitHead": "a57cf8a896fe3fe09c5ab27648cd58947f37360a"
52
+ "gitHead": "188d23202ec1092322dee92cf0df9d9958224ae4"
49
53
  }
package/src/index.ts CHANGED
@@ -43,29 +43,29 @@ export const px = (value: number) => {
43
43
  // Initial map of our breakpoints and their values
44
44
  export const breakpoints: Record<BreakpointName, Breakpoint> = {
45
45
  sm: {
46
- width: rem(320),
46
+ width: /*#__PURE__*/ rem(320),
47
47
  columns: 4,
48
48
  margin: '0',
49
49
  },
50
50
  md: {
51
- width: rem(672),
51
+ width: /*#__PURE__*/ rem(672),
52
52
  columns: 8,
53
- margin: rem(16),
53
+ margin: /*#__PURE__*/ rem(16),
54
54
  },
55
55
  lg: {
56
- width: rem(1056),
56
+ width: /*#__PURE__*/ rem(1056),
57
57
  columns: 16,
58
- margin: rem(16),
58
+ margin: /*#__PURE__*/ rem(16),
59
59
  },
60
60
  xlg: {
61
- width: rem(1312),
61
+ width: /*#__PURE__*/ rem(1312),
62
62
  columns: 16,
63
- margin: rem(16),
63
+ margin: /*#__PURE__*/ rem(16),
64
64
  },
65
65
  max: {
66
- width: rem(1584),
66
+ width: /*#__PURE__*/ rem(1584),
67
67
  columns: 16,
68
- margin: rem(24),
68
+ margin: /*#__PURE__*/ rem(24),
69
69
  },
70
70
  };
71
71
 
@@ -87,19 +87,19 @@ export const miniUnits = (count: number) => {
87
87
  };
88
88
 
89
89
  // Spacing
90
- export const spacing01 = miniUnits(0.25);
91
- export const spacing02 = miniUnits(0.5);
92
- export const spacing03 = miniUnits(1);
93
- export const spacing04 = miniUnits(1.5);
94
- export const spacing05 = miniUnits(2);
95
- export const spacing06 = miniUnits(3);
96
- export const spacing07 = miniUnits(4);
97
- export const spacing08 = miniUnits(5);
98
- export const spacing09 = miniUnits(6);
99
- export const spacing10 = miniUnits(8);
100
- export const spacing11 = miniUnits(10);
101
- export const spacing12 = miniUnits(12);
102
- export const spacing13 = miniUnits(20);
90
+ export const spacing01 = /*#__PURE__*/ miniUnits(0.25);
91
+ export const spacing02 = /*#__PURE__*/ miniUnits(0.5);
92
+ export const spacing03 = /*#__PURE__*/ miniUnits(1);
93
+ export const spacing04 = /*#__PURE__*/ miniUnits(1.5);
94
+ export const spacing05 = /*#__PURE__*/ miniUnits(2);
95
+ export const spacing06 = /*#__PURE__*/ miniUnits(3);
96
+ export const spacing07 = /*#__PURE__*/ miniUnits(4);
97
+ export const spacing08 = /*#__PURE__*/ miniUnits(5);
98
+ export const spacing09 = /*#__PURE__*/ miniUnits(6);
99
+ export const spacing10 = /*#__PURE__*/ miniUnits(8);
100
+ export const spacing11 = /*#__PURE__*/ miniUnits(10);
101
+ export const spacing12 = /*#__PURE__*/ miniUnits(12);
102
+ export const spacing13 = /*#__PURE__*/ miniUnits(20);
103
103
  export const spacing = [
104
104
  spacing01,
105
105
  spacing02,
@@ -130,13 +130,13 @@ export const fluidSpacing = [
130
130
 
131
131
  // Layout
132
132
  // Deprecated
133
- export const layout01 = miniUnits(2);
134
- export const layout02 = miniUnits(3);
135
- export const layout03 = miniUnits(4);
136
- export const layout04 = miniUnits(6);
137
- export const layout05 = miniUnits(8);
138
- export const layout06 = miniUnits(12);
139
- export const layout07 = miniUnits(20);
133
+ export const layout01 = /*#__PURE__*/ miniUnits(2);
134
+ export const layout02 = /*#__PURE__*/ miniUnits(3);
135
+ export const layout03 = /*#__PURE__*/ miniUnits(4);
136
+ export const layout04 = /*#__PURE__*/ miniUnits(6);
137
+ export const layout05 = /*#__PURE__*/ miniUnits(8);
138
+ export const layout06 = /*#__PURE__*/ miniUnits(12);
139
+ export const layout07 = /*#__PURE__*/ miniUnits(20);
140
140
  export const layout = [
141
141
  layout01,
142
142
  layout02,
@@ -148,11 +148,11 @@ export const layout = [
148
148
  ];
149
149
 
150
150
  // Container
151
- export const container01 = miniUnits(3);
152
- export const container02 = miniUnits(4);
153
- export const container03 = miniUnits(5);
154
- export const container04 = miniUnits(6);
155
- export const container05 = miniUnits(8);
151
+ export const container01 = /*#__PURE__*/ miniUnits(3);
152
+ export const container02 = /*#__PURE__*/ miniUnits(4);
153
+ export const container03 = /*#__PURE__*/ miniUnits(5);
154
+ export const container04 = /*#__PURE__*/ miniUnits(6);
155
+ export const container05 = /*#__PURE__*/ miniUnits(8);
156
156
  export const container = [
157
157
  container01,
158
158
  container02,
@@ -160,12 +160,12 @@ export const container = [
160
160
  container04,
161
161
  container05,
162
162
  ];
163
- export const sizeXSmall = rem(24);
164
- export const sizeSmall = rem(32);
165
- export const sizeMedium = rem(40);
166
- export const sizeLarge = rem(48);
167
- export const sizeXLarge = rem(64);
168
- export const size2XLarge = rem(80);
163
+ export const sizeXSmall = /*#__PURE__*/ rem(24);
164
+ export const sizeSmall = /*#__PURE__*/ rem(32);
165
+ export const sizeMedium = /*#__PURE__*/ rem(40);
166
+ export const sizeLarge = /*#__PURE__*/ rem(48);
167
+ export const sizeXLarge = /*#__PURE__*/ rem(64);
168
+ export const size2XLarge = /*#__PURE__*/ rem(80);
169
169
  export const sizes: Record<SizeName, string> = {
170
170
  XSmall: sizeXSmall,
171
171
  Small: sizeSmall,
package/umd/index.js CHANGED
@@ -68,29 +68,29 @@
68
68
  };
69
69
  const breakpoints = {
70
70
  sm: {
71
- width: rem(320),
71
+ width: /*#__PURE__*/ rem(320),
72
72
  columns: 4,
73
73
  margin: "0"
74
74
  },
75
75
  md: {
76
- width: rem(672),
76
+ width: /*#__PURE__*/ rem(672),
77
77
  columns: 8,
78
- margin: rem(16)
78
+ margin: /*#__PURE__*/ rem(16)
79
79
  },
80
80
  lg: {
81
- width: rem(1056),
81
+ width: /*#__PURE__*/ rem(1056),
82
82
  columns: 16,
83
- margin: rem(16)
83
+ margin: /*#__PURE__*/ rem(16)
84
84
  },
85
85
  xlg: {
86
- width: rem(1312),
86
+ width: /*#__PURE__*/ rem(1312),
87
87
  columns: 16,
88
- margin: rem(16)
88
+ margin: /*#__PURE__*/ rem(16)
89
89
  },
90
90
  max: {
91
- width: rem(1584),
91
+ width: /*#__PURE__*/ rem(1584),
92
92
  columns: 16,
93
- margin: rem(24)
93
+ margin: /*#__PURE__*/ rem(24)
94
94
  }
95
95
  };
96
96
  const breakpointUp = (name) => {
@@ -104,19 +104,19 @@
104
104
  const miniUnits = (count) => {
105
105
  return rem(8 * count);
106
106
  };
107
- const spacing01 = miniUnits(.25);
108
- const spacing02 = miniUnits(.5);
109
- const spacing03 = miniUnits(1);
110
- const spacing04 = miniUnits(1.5);
111
- const spacing05 = miniUnits(2);
112
- const spacing06 = miniUnits(3);
113
- const spacing07 = miniUnits(4);
114
- const spacing08 = miniUnits(5);
115
- const spacing09 = miniUnits(6);
116
- const spacing10 = miniUnits(8);
117
- const spacing11 = miniUnits(10);
118
- const spacing12 = miniUnits(12);
119
- const spacing13 = miniUnits(20);
107
+ const spacing01 = /*#__PURE__*/ miniUnits(.25);
108
+ const spacing02 = /*#__PURE__*/ miniUnits(.5);
109
+ const spacing03 = /*#__PURE__*/ miniUnits(1);
110
+ const spacing04 = /*#__PURE__*/ miniUnits(1.5);
111
+ const spacing05 = /*#__PURE__*/ miniUnits(2);
112
+ const spacing06 = /*#__PURE__*/ miniUnits(3);
113
+ const spacing07 = /*#__PURE__*/ miniUnits(4);
114
+ const spacing08 = /*#__PURE__*/ miniUnits(5);
115
+ const spacing09 = /*#__PURE__*/ miniUnits(6);
116
+ const spacing10 = /*#__PURE__*/ miniUnits(8);
117
+ const spacing11 = /*#__PURE__*/ miniUnits(10);
118
+ const spacing12 = /*#__PURE__*/ miniUnits(12);
119
+ const spacing13 = /*#__PURE__*/ miniUnits(20);
120
120
  const spacing = [
121
121
  spacing01,
122
122
  spacing02,
@@ -142,13 +142,13 @@
142
142
  "5vw",
143
143
  fluidSpacing04
144
144
  ];
145
- const layout01 = miniUnits(2);
146
- const layout02 = miniUnits(3);
147
- const layout03 = miniUnits(4);
148
- const layout04 = miniUnits(6);
149
- const layout05 = miniUnits(8);
150
- const layout06 = miniUnits(12);
151
- const layout07 = miniUnits(20);
145
+ const layout01 = /*#__PURE__*/ miniUnits(2);
146
+ const layout02 = /*#__PURE__*/ miniUnits(3);
147
+ const layout03 = /*#__PURE__*/ miniUnits(4);
148
+ const layout04 = /*#__PURE__*/ miniUnits(6);
149
+ const layout05 = /*#__PURE__*/ miniUnits(8);
150
+ const layout06 = /*#__PURE__*/ miniUnits(12);
151
+ const layout07 = /*#__PURE__*/ miniUnits(20);
152
152
  const layout = [
153
153
  layout01,
154
154
  layout02,
@@ -158,11 +158,11 @@
158
158
  layout06,
159
159
  layout07
160
160
  ];
161
- const container01 = miniUnits(3);
162
- const container02 = miniUnits(4);
163
- const container03 = miniUnits(5);
164
- const container04 = miniUnits(6);
165
- const container05 = miniUnits(8);
161
+ const container01 = /*#__PURE__*/ miniUnits(3);
162
+ const container02 = /*#__PURE__*/ miniUnits(4);
163
+ const container03 = /*#__PURE__*/ miniUnits(5);
164
+ const container04 = /*#__PURE__*/ miniUnits(6);
165
+ const container05 = /*#__PURE__*/ miniUnits(8);
166
166
  const container = [
167
167
  container01,
168
168
  container02,
@@ -170,12 +170,12 @@
170
170
  container04,
171
171
  container05
172
172
  ];
173
- const sizeXSmall = rem(24);
174
- const sizeSmall = rem(32);
175
- const sizeMedium = rem(40);
176
- const sizeLarge = rem(48);
177
- const sizeXLarge = rem(64);
178
- const size2XLarge = rem(80);
173
+ const sizeXSmall = /*#__PURE__*/ rem(24);
174
+ const sizeSmall = /*#__PURE__*/ rem(32);
175
+ const sizeMedium = /*#__PURE__*/ rem(40);
176
+ const sizeLarge = /*#__PURE__*/ rem(48);
177
+ const sizeXLarge = /*#__PURE__*/ rem(64);
178
+ const size2XLarge = /*#__PURE__*/ rem(80);
179
179
  const sizes = {
180
180
  XSmall: sizeXSmall,
181
181
  Small: sizeSmall,