@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 +40 -40
- package/lib/index.js +40 -40
- package/package.json +8 -4
- package/src/index.ts +40 -40
- package/umd/index.js +40 -40
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.
|
|
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.
|
|
37
|
-
"@carbon/cli-reporter": "^10.
|
|
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": "
|
|
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,
|