@carbon/type 10.0.0-rc.0 → 10.2.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/CHANGELOG.md +525 -0
- package/LICENSE +2 -2
- package/README.md +25 -21
- package/es/index.js +26 -38
- package/lib/index.js +31 -37
- package/package.json +7 -7
- package/scss/_classes.scss +3 -0
- package/scss/_font-family.scss +17 -4
- package/scss/_inlined/_classes.scss +41 -0
- package/scss/_inlined/_font-family.scss +70 -0
- package/scss/_inlined/_prefix.scss +11 -0
- package/scss/_inlined/_reset.scss +43 -0
- package/scss/_inlined/_scale.scss +59 -0
- package/scss/_inlined/_styles.scss +673 -0
- package/scss/_inlined/font-face/_mono.scss +430 -0
- package/scss/_inlined/font-face/_sans.scss +497 -0
- package/scss/_inlined/font-face/_serif.scss +430 -0
- package/scss/_inlined/font-face/_settings.scss +12 -0
- package/scss/_prefix.scss +3 -0
- package/scss/_reset.scss +20 -7
- package/scss/_scale.scss +16 -5
- package/scss/_styles.scss +145 -49
- package/scss/font-face/_mono.scss +41 -0
- package/scss/font-face/_sans.scss +144 -36
- package/scss/font-face/_serif.scss +77 -36
- package/scss/font-face/_settings.scss +12 -0
- package/scss/index.scss +11 -0
- package/scss/type.scss +4 -4
- package/scss/vendor/@carbon/import-once/import-once.scss +27 -0
- package/scss/vendor/@carbon/import-once/index.scss +8 -0
- package/scss/vendor/@carbon/layout/_breakpoint.scss +237 -0
- package/scss/vendor/@carbon/layout/_convert.scss +30 -0
- package/scss/vendor/@carbon/layout/_key-height.scss +97 -0
- package/scss/vendor/@carbon/layout/_mini-unit.scss +23 -0
- package/scss/vendor/@carbon/layout/_spacing.scss +328 -0
- package/scss/vendor/@carbon/layout/_utilities.scss +41 -0
- package/scss/vendor/@carbon/layout/index.scss +8 -0
- package/scss/vendor/@carbon/layout/layout.scss +12 -0
- package/src/__tests__/__snapshots__/styles-test.js.snap +121 -87
- package/src/__tests__/exports-test.js +43 -37
- package/src/__tests__/fluid-test.js +0 -1
- package/src/reset.js +3 -0
- package/src/styles.js +22 -38
- package/umd/index.js +31 -37
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`styles bodyLong01 should be printable 1`] = `
|
|
4
4
|
Object {
|
|
5
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
6
5
|
"fontSize": "0.875rem",
|
|
7
6
|
"fontWeight": 400,
|
|
8
7
|
"letterSpacing": "0.16px",
|
|
@@ -11,8 +10,7 @@ Object {
|
|
|
11
10
|
`;
|
|
12
11
|
|
|
13
12
|
exports[`styles bodyLong01 should be printable 2`] = `
|
|
14
|
-
"font-
|
|
15
|
-
font-size: 0.875rem;
|
|
13
|
+
"font-size: 0.875rem;
|
|
16
14
|
font-weight: 400;
|
|
17
15
|
line-height: 1.25rem;
|
|
18
16
|
letter-spacing: 0.16px;"
|
|
@@ -20,7 +18,6 @@ letter-spacing: 0.16px;"
|
|
|
20
18
|
|
|
21
19
|
exports[`styles bodyLong02 should be printable 1`] = `
|
|
22
20
|
Object {
|
|
23
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
24
21
|
"fontSize": "1rem",
|
|
25
22
|
"fontWeight": 400,
|
|
26
23
|
"letterSpacing": 0,
|
|
@@ -29,8 +26,7 @@ Object {
|
|
|
29
26
|
`;
|
|
30
27
|
|
|
31
28
|
exports[`styles bodyLong02 should be printable 2`] = `
|
|
32
|
-
"font-
|
|
33
|
-
font-size: 1rem;
|
|
29
|
+
"font-size: 1rem;
|
|
34
30
|
font-weight: 400;
|
|
35
31
|
line-height: 1.5rem;
|
|
36
32
|
letter-spacing: 0;"
|
|
@@ -38,7 +34,6 @@ letter-spacing: 0;"
|
|
|
38
34
|
|
|
39
35
|
exports[`styles bodyShort01 should be printable 1`] = `
|
|
40
36
|
Object {
|
|
41
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
42
37
|
"fontSize": "0.875rem",
|
|
43
38
|
"fontWeight": 400,
|
|
44
39
|
"letterSpacing": "0.16px",
|
|
@@ -47,8 +42,7 @@ Object {
|
|
|
47
42
|
`;
|
|
48
43
|
|
|
49
44
|
exports[`styles bodyShort01 should be printable 2`] = `
|
|
50
|
-
"font-
|
|
51
|
-
font-size: 0.875rem;
|
|
45
|
+
"font-size: 0.875rem;
|
|
52
46
|
font-weight: 400;
|
|
53
47
|
line-height: 1.125rem;
|
|
54
48
|
letter-spacing: 0.16px;"
|
|
@@ -56,7 +50,6 @@ letter-spacing: 0.16px;"
|
|
|
56
50
|
|
|
57
51
|
exports[`styles bodyShort02 should be printable 1`] = `
|
|
58
52
|
Object {
|
|
59
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
60
53
|
"fontSize": "1rem",
|
|
61
54
|
"fontWeight": 400,
|
|
62
55
|
"letterSpacing": 0,
|
|
@@ -65,8 +58,7 @@ Object {
|
|
|
65
58
|
`;
|
|
66
59
|
|
|
67
60
|
exports[`styles bodyShort02 should be printable 2`] = `
|
|
68
|
-
"font-
|
|
69
|
-
font-size: 1rem;
|
|
61
|
+
"font-size: 1rem;
|
|
70
62
|
font-weight: 400;
|
|
71
63
|
line-height: 1.375rem;
|
|
72
64
|
letter-spacing: 0;"
|
|
@@ -74,7 +66,6 @@ letter-spacing: 0;"
|
|
|
74
66
|
|
|
75
67
|
exports[`styles caption01 should be printable 1`] = `
|
|
76
68
|
Object {
|
|
77
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
78
69
|
"fontSize": "0.75rem",
|
|
79
70
|
"fontWeight": 400,
|
|
80
71
|
"letterSpacing": "0.32px",
|
|
@@ -83,8 +74,7 @@ Object {
|
|
|
83
74
|
`;
|
|
84
75
|
|
|
85
76
|
exports[`styles caption01 should be printable 2`] = `
|
|
86
|
-
"font-
|
|
87
|
-
font-size: 0.75rem;
|
|
77
|
+
"font-size: 0.75rem;
|
|
88
78
|
font-weight: 400;
|
|
89
79
|
line-height: 1rem;
|
|
90
80
|
letter-spacing: 0.32px;"
|
|
@@ -92,7 +82,6 @@ letter-spacing: 0.32px;"
|
|
|
92
82
|
|
|
93
83
|
exports[`styles code01 should be printable 1`] = `
|
|
94
84
|
Object {
|
|
95
|
-
"fontFamily": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
|
|
96
85
|
"fontSize": "0.75rem",
|
|
97
86
|
"fontWeight": 400,
|
|
98
87
|
"letterSpacing": "0.32px",
|
|
@@ -101,8 +90,7 @@ Object {
|
|
|
101
90
|
`;
|
|
102
91
|
|
|
103
92
|
exports[`styles code01 should be printable 2`] = `
|
|
104
|
-
"font-
|
|
105
|
-
font-size: 0.75rem;
|
|
93
|
+
"font-size: 0.75rem;
|
|
106
94
|
font-weight: 400;
|
|
107
95
|
line-height: 1rem;
|
|
108
96
|
letter-spacing: 0.32px;"
|
|
@@ -110,7 +98,6 @@ letter-spacing: 0.32px;"
|
|
|
110
98
|
|
|
111
99
|
exports[`styles code02 should be printable 1`] = `
|
|
112
100
|
Object {
|
|
113
|
-
"fontFamily": "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
|
|
114
101
|
"fontSize": "0.875rem",
|
|
115
102
|
"fontWeight": 400,
|
|
116
103
|
"letterSpacing": "0.32px",
|
|
@@ -119,8 +106,7 @@ Object {
|
|
|
119
106
|
`;
|
|
120
107
|
|
|
121
108
|
exports[`styles code02 should be printable 2`] = `
|
|
122
|
-
"font-
|
|
123
|
-
font-size: 0.875rem;
|
|
109
|
+
"font-size: 0.875rem;
|
|
124
110
|
font-weight: 400;
|
|
125
111
|
line-height: 1.25rem;
|
|
126
112
|
letter-spacing: 0.32px;"
|
|
@@ -142,7 +128,6 @@ Object {
|
|
|
142
128
|
"fontSize": "4.75rem",
|
|
143
129
|
"lineHeight": "113%",
|
|
144
130
|
},
|
|
145
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
146
131
|
"fontSize": "calc(2.625rem + 0 * ((100vw - 20rem) / 22))",
|
|
147
132
|
"fontWeight": 300,
|
|
148
133
|
"letterSpacing": 0,
|
|
@@ -151,8 +136,7 @@ Object {
|
|
|
151
136
|
`;
|
|
152
137
|
|
|
153
138
|
exports[`styles display01 should be printable 2`] = `
|
|
154
|
-
"font-
|
|
155
|
-
font-size: calc(2.625rem + 0 * ((100vw - 20rem) / 22));
|
|
139
|
+
"font-size: calc(2.625rem + 0 * ((100vw - 20rem) / 22));
|
|
156
140
|
font-weight: 300;
|
|
157
141
|
line-height: 119%;
|
|
158
142
|
letter-spacing: 0;
|
|
@@ -178,7 +162,6 @@ Object {
|
|
|
178
162
|
"fontSize": "4.75rem",
|
|
179
163
|
"lineHeight": "113%",
|
|
180
164
|
},
|
|
181
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
182
165
|
"fontSize": "calc(2.625rem + 0 * ((100vw - 20rem) / 22))",
|
|
183
166
|
"fontWeight": 600,
|
|
184
167
|
"letterSpacing": 0,
|
|
@@ -187,8 +170,7 @@ Object {
|
|
|
187
170
|
`;
|
|
188
171
|
|
|
189
172
|
exports[`styles display02 should be printable 2`] = `
|
|
190
|
-
"font-
|
|
191
|
-
font-size: calc(2.625rem + 0 * ((100vw - 20rem) / 22));
|
|
173
|
+
"font-size: calc(2.625rem + 0 * ((100vw - 20rem) / 22));
|
|
192
174
|
font-weight: 600;
|
|
193
175
|
line-height: 119%;
|
|
194
176
|
letter-spacing: 0;
|
|
@@ -218,7 +200,6 @@ Object {
|
|
|
218
200
|
"letterSpacing": "-0.96px",
|
|
219
201
|
"lineHeight": "105%",
|
|
220
202
|
},
|
|
221
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
222
203
|
"fontSize": "calc(2.625rem + 1.625 * ((100vw - 20rem) / 22))",
|
|
223
204
|
"fontWeight": 300,
|
|
224
205
|
"letterSpacing": 0,
|
|
@@ -227,8 +208,7 @@ Object {
|
|
|
227
208
|
`;
|
|
228
209
|
|
|
229
210
|
exports[`styles display03 should be printable 2`] = `
|
|
230
|
-
"font-
|
|
231
|
-
font-size: calc(2.625rem + 1.625 * ((100vw - 20rem) / 22));
|
|
211
|
+
"font-size: calc(2.625rem + 1.625 * ((100vw - 20rem) / 22));
|
|
232
212
|
font-weight: 300;
|
|
233
213
|
line-height: 119%;
|
|
234
214
|
letter-spacing: 0;
|
|
@@ -259,7 +239,6 @@ Object {
|
|
|
259
239
|
"letterSpacing": "-0.96px",
|
|
260
240
|
"lineHeight": "105%",
|
|
261
241
|
},
|
|
262
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
263
242
|
"fontSize": "calc(2.625rem + 1.625 * ((100vw - 20rem) / 22))",
|
|
264
243
|
"fontWeight": 600,
|
|
265
244
|
"letterSpacing": 0,
|
|
@@ -268,8 +247,7 @@ Object {
|
|
|
268
247
|
`;
|
|
269
248
|
|
|
270
249
|
exports[`styles display04 should be printable 2`] = `
|
|
271
|
-
"font-
|
|
272
|
-
font-size: calc(2.625rem + 1.625 * ((100vw - 20rem) / 22));
|
|
250
|
+
"font-size: calc(2.625rem + 1.625 * ((100vw - 20rem) / 22));
|
|
273
251
|
font-weight: 600;
|
|
274
252
|
line-height: 119%;
|
|
275
253
|
letter-spacing: 0;
|
|
@@ -279,6 +257,38 @@ letter-spacing: 0;
|
|
|
279
257
|
-@media- -(min--width-:- -9-9rem-): [object Object];"
|
|
280
258
|
`;
|
|
281
259
|
|
|
260
|
+
exports[`styles expressiveHeading01 should be printable 1`] = `
|
|
261
|
+
Object {
|
|
262
|
+
"fontSize": "0.875rem",
|
|
263
|
+
"fontWeight": 600,
|
|
264
|
+
"letterSpacing": "0.16px",
|
|
265
|
+
"lineHeight": "1.125rem",
|
|
266
|
+
}
|
|
267
|
+
`;
|
|
268
|
+
|
|
269
|
+
exports[`styles expressiveHeading01 should be printable 2`] = `
|
|
270
|
+
"font-size: 0.875rem;
|
|
271
|
+
font-weight: 600;
|
|
272
|
+
line-height: 1.125rem;
|
|
273
|
+
letter-spacing: 0.16px;"
|
|
274
|
+
`;
|
|
275
|
+
|
|
276
|
+
exports[`styles expressiveHeading02 should be printable 1`] = `
|
|
277
|
+
Object {
|
|
278
|
+
"fontSize": "1rem",
|
|
279
|
+
"fontWeight": 600,
|
|
280
|
+
"letterSpacing": 0,
|
|
281
|
+
"lineHeight": "1.375rem",
|
|
282
|
+
}
|
|
283
|
+
`;
|
|
284
|
+
|
|
285
|
+
exports[`styles expressiveHeading02 should be printable 2`] = `
|
|
286
|
+
"font-size: 1rem;
|
|
287
|
+
font-weight: 600;
|
|
288
|
+
line-height: 1.375rem;
|
|
289
|
+
letter-spacing: 0;"
|
|
290
|
+
`;
|
|
291
|
+
|
|
282
292
|
exports[`styles expressiveHeading03 should be printable 1`] = `
|
|
283
293
|
Object {
|
|
284
294
|
"@media (min-width: 82rem)": Object {
|
|
@@ -288,7 +298,6 @@ Object {
|
|
|
288
298
|
"@media (min-width: 99rem)": Object {
|
|
289
299
|
"fontSize": "1.5rem",
|
|
290
300
|
},
|
|
291
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
292
301
|
"fontSize": "calc(1.25rem + 0 * ((100vw - 20rem) / 62))",
|
|
293
302
|
"fontWeight": 400,
|
|
294
303
|
"letterSpacing": 0,
|
|
@@ -297,8 +306,7 @@ Object {
|
|
|
297
306
|
`;
|
|
298
307
|
|
|
299
308
|
exports[`styles expressiveHeading03 should be printable 2`] = `
|
|
300
|
-
"font-
|
|
301
|
-
font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62));
|
|
309
|
+
"font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 62));
|
|
302
310
|
font-weight: 400;
|
|
303
311
|
line-height: 130%;
|
|
304
312
|
letter-spacing: 0;
|
|
@@ -315,7 +323,6 @@ Object {
|
|
|
315
323
|
"@media (min-width: 99rem)": Object {
|
|
316
324
|
"fontSize": "2rem",
|
|
317
325
|
},
|
|
318
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
319
326
|
"fontSize": "calc(1.75rem + 0 * ((100vw - 20rem) / 62))",
|
|
320
327
|
"fontWeight": 400,
|
|
321
328
|
"letterSpacing": 0,
|
|
@@ -324,8 +331,7 @@ Object {
|
|
|
324
331
|
`;
|
|
325
332
|
|
|
326
333
|
exports[`styles expressiveHeading04 should be printable 2`] = `
|
|
327
|
-
"font-
|
|
328
|
-
font-size: calc(1.75rem + 0 * ((100vw - 20rem) / 62));
|
|
334
|
+
"font-size: calc(1.75rem + 0 * ((100vw - 20rem) / 62));
|
|
329
335
|
font-weight: 400;
|
|
330
336
|
line-height: 129%;
|
|
331
337
|
letter-spacing: 0;
|
|
@@ -336,34 +342,29 @@ letter-spacing: 0;
|
|
|
336
342
|
exports[`styles expressiveHeading05 should be printable 1`] = `
|
|
337
343
|
Object {
|
|
338
344
|
"@media (min-width: 42rem)": Object {
|
|
339
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
340
345
|
"fontSize": "calc(2.25rem + 0.375 * ((100vw - 42rem) / 24))",
|
|
341
346
|
"fontWeight": 300,
|
|
342
347
|
"letterSpacing": 0,
|
|
343
348
|
"lineHeight": "122%",
|
|
344
349
|
},
|
|
345
350
|
"@media (min-width: 66rem)": Object {
|
|
346
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
347
351
|
"fontSize": "calc(2.625rem + 0.375 * ((100vw - 66rem) / 16))",
|
|
348
352
|
"fontWeight": 300,
|
|
349
353
|
"letterSpacing": 0,
|
|
350
354
|
"lineHeight": "119%",
|
|
351
355
|
},
|
|
352
356
|
"@media (min-width: 82rem)": Object {
|
|
353
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
354
357
|
"fontSize": "calc(3rem + 0.75 * ((100vw - 82rem) / 17))",
|
|
355
358
|
"fontWeight": 300,
|
|
356
359
|
"letterSpacing": 0,
|
|
357
360
|
"lineHeight": "117%",
|
|
358
361
|
},
|
|
359
362
|
"@media (min-width: 99rem)": Object {
|
|
360
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
361
363
|
"fontSize": "3.75rem",
|
|
362
364
|
"fontWeight": 300,
|
|
363
365
|
"letterSpacing": 0,
|
|
364
366
|
"lineHeight": "4.375rem",
|
|
365
367
|
},
|
|
366
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
367
368
|
"fontSize": "calc(2rem + 0.25 * ((100vw - 20rem) / 22))",
|
|
368
369
|
"fontWeight": 400,
|
|
369
370
|
"letterSpacing": 0,
|
|
@@ -372,8 +373,7 @@ Object {
|
|
|
372
373
|
`;
|
|
373
374
|
|
|
374
375
|
exports[`styles expressiveHeading05 should be printable 2`] = `
|
|
375
|
-
"font-
|
|
376
|
-
font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22));
|
|
376
|
+
"font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22));
|
|
377
377
|
font-weight: 400;
|
|
378
378
|
line-height: 125%;
|
|
379
379
|
letter-spacing: 0;
|
|
@@ -386,34 +386,29 @@ letter-spacing: 0;
|
|
|
386
386
|
exports[`styles expressiveHeading06 should be printable 1`] = `
|
|
387
387
|
Object {
|
|
388
388
|
"@media (min-width: 42rem)": Object {
|
|
389
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
390
389
|
"fontSize": "calc(2.25rem + 0.375 * ((100vw - 42rem) / 24))",
|
|
391
390
|
"fontWeight": 600,
|
|
392
391
|
"letterSpacing": 0,
|
|
393
392
|
"lineHeight": "122%",
|
|
394
393
|
},
|
|
395
394
|
"@media (min-width: 66rem)": Object {
|
|
396
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
397
395
|
"fontSize": "calc(2.625rem + 0.375 * ((100vw - 66rem) / 16))",
|
|
398
396
|
"fontWeight": 600,
|
|
399
397
|
"letterSpacing": 0,
|
|
400
398
|
"lineHeight": "119%",
|
|
401
399
|
},
|
|
402
400
|
"@media (min-width: 82rem)": Object {
|
|
403
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
404
401
|
"fontSize": "calc(3rem + 0.75 * ((100vw - 82rem) / 17))",
|
|
405
402
|
"fontWeight": 600,
|
|
406
403
|
"letterSpacing": 0,
|
|
407
404
|
"lineHeight": "117%",
|
|
408
405
|
},
|
|
409
406
|
"@media (min-width: 99rem)": Object {
|
|
410
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
411
407
|
"fontSize": "3.75rem",
|
|
412
408
|
"fontWeight": 600,
|
|
413
409
|
"letterSpacing": 0,
|
|
414
410
|
"lineHeight": "4.375rem",
|
|
415
411
|
},
|
|
416
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
417
412
|
"fontSize": "calc(2rem + 0.25 * ((100vw - 20rem) / 22))",
|
|
418
413
|
"fontWeight": 600,
|
|
419
414
|
"letterSpacing": 0,
|
|
@@ -422,8 +417,7 @@ Object {
|
|
|
422
417
|
`;
|
|
423
418
|
|
|
424
419
|
exports[`styles expressiveHeading06 should be printable 2`] = `
|
|
425
|
-
"font-
|
|
426
|
-
font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22));
|
|
420
|
+
"font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22));
|
|
427
421
|
font-weight: 600;
|
|
428
422
|
line-height: 125%;
|
|
429
423
|
letter-spacing: 0;
|
|
@@ -435,7 +429,6 @@ letter-spacing: 0;
|
|
|
435
429
|
|
|
436
430
|
exports[`styles expressiveParagraph01 should be printable 1`] = `
|
|
437
431
|
Object {
|
|
438
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
439
432
|
"fontSize": "1.5rem",
|
|
440
433
|
"fontWeight": 300,
|
|
441
434
|
"letterSpacing": 0,
|
|
@@ -452,8 +445,7 @@ Object {
|
|
|
452
445
|
`;
|
|
453
446
|
|
|
454
447
|
exports[`styles expressiveParagraph01 should be printable 2`] = `
|
|
455
|
-
"font-
|
|
456
|
-
font-size: 1.5rem;
|
|
448
|
+
"font-size: 1.5rem;
|
|
457
449
|
font-weight: 300;
|
|
458
450
|
line-height: 125%;
|
|
459
451
|
letter-spacing: 0;
|
|
@@ -463,7 +455,6 @@ max: [object Object];"
|
|
|
463
455
|
|
|
464
456
|
exports[`styles heading01 should be printable 1`] = `
|
|
465
457
|
Object {
|
|
466
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
467
458
|
"fontSize": "0.875rem",
|
|
468
459
|
"fontWeight": 600,
|
|
469
460
|
"letterSpacing": "0.16px",
|
|
@@ -472,8 +463,7 @@ Object {
|
|
|
472
463
|
`;
|
|
473
464
|
|
|
474
465
|
exports[`styles heading01 should be printable 2`] = `
|
|
475
|
-
"font-
|
|
476
|
-
font-size: 0.875rem;
|
|
466
|
+
"font-size: 0.875rem;
|
|
477
467
|
font-weight: 600;
|
|
478
468
|
line-height: 1.125rem;
|
|
479
469
|
letter-spacing: 0.16px;"
|
|
@@ -481,7 +471,6 @@ letter-spacing: 0.16px;"
|
|
|
481
471
|
|
|
482
472
|
exports[`styles heading02 should be printable 1`] = `
|
|
483
473
|
Object {
|
|
484
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
485
474
|
"fontSize": "1rem",
|
|
486
475
|
"fontWeight": 600,
|
|
487
476
|
"letterSpacing": 0,
|
|
@@ -490,8 +479,7 @@ Object {
|
|
|
490
479
|
`;
|
|
491
480
|
|
|
492
481
|
exports[`styles heading02 should be printable 2`] = `
|
|
493
|
-
"font-
|
|
494
|
-
font-size: 1rem;
|
|
482
|
+
"font-size: 1rem;
|
|
495
483
|
font-weight: 600;
|
|
496
484
|
line-height: 1.375rem;
|
|
497
485
|
letter-spacing: 0;"
|
|
@@ -499,7 +487,6 @@ letter-spacing: 0;"
|
|
|
499
487
|
|
|
500
488
|
exports[`styles helperText01 should be printable 1`] = `
|
|
501
489
|
Object {
|
|
502
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
503
490
|
"fontSize": "0.75rem",
|
|
504
491
|
"fontStyle": "italic",
|
|
505
492
|
"letterSpacing": "0.32px",
|
|
@@ -508,8 +495,7 @@ Object {
|
|
|
508
495
|
`;
|
|
509
496
|
|
|
510
497
|
exports[`styles helperText01 should be printable 2`] = `
|
|
511
|
-
"font-
|
|
512
|
-
font-size: 0.75rem;
|
|
498
|
+
"font-size: 0.75rem;
|
|
513
499
|
font-style: italic;
|
|
514
500
|
line-height: 1rem;
|
|
515
501
|
letter-spacing: 0.32px;"
|
|
@@ -517,7 +503,6 @@ letter-spacing: 0.32px;"
|
|
|
517
503
|
|
|
518
504
|
exports[`styles label01 should be printable 1`] = `
|
|
519
505
|
Object {
|
|
520
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
521
506
|
"fontSize": "0.75rem",
|
|
522
507
|
"fontWeight": 400,
|
|
523
508
|
"letterSpacing": "0.32px",
|
|
@@ -526,16 +511,46 @@ Object {
|
|
|
526
511
|
`;
|
|
527
512
|
|
|
528
513
|
exports[`styles label01 should be printable 2`] = `
|
|
529
|
-
"font-
|
|
530
|
-
font-size: 0.75rem;
|
|
514
|
+
"font-size: 0.75rem;
|
|
531
515
|
font-weight: 400;
|
|
532
516
|
line-height: 1rem;
|
|
533
517
|
letter-spacing: 0.32px;"
|
|
534
518
|
`;
|
|
535
519
|
|
|
520
|
+
exports[`styles productiveHeading01 should be printable 1`] = `
|
|
521
|
+
Object {
|
|
522
|
+
"fontSize": "0.875rem",
|
|
523
|
+
"fontWeight": 600,
|
|
524
|
+
"letterSpacing": "0.16px",
|
|
525
|
+
"lineHeight": "1.125rem",
|
|
526
|
+
}
|
|
527
|
+
`;
|
|
528
|
+
|
|
529
|
+
exports[`styles productiveHeading01 should be printable 2`] = `
|
|
530
|
+
"font-size: 0.875rem;
|
|
531
|
+
font-weight: 600;
|
|
532
|
+
line-height: 1.125rem;
|
|
533
|
+
letter-spacing: 0.16px;"
|
|
534
|
+
`;
|
|
535
|
+
|
|
536
|
+
exports[`styles productiveHeading02 should be printable 1`] = `
|
|
537
|
+
Object {
|
|
538
|
+
"fontSize": "1rem",
|
|
539
|
+
"fontWeight": 600,
|
|
540
|
+
"letterSpacing": 0,
|
|
541
|
+
"lineHeight": "1.375rem",
|
|
542
|
+
}
|
|
543
|
+
`;
|
|
544
|
+
|
|
545
|
+
exports[`styles productiveHeading02 should be printable 2`] = `
|
|
546
|
+
"font-size: 1rem;
|
|
547
|
+
font-weight: 600;
|
|
548
|
+
line-height: 1.375rem;
|
|
549
|
+
letter-spacing: 0;"
|
|
550
|
+
`;
|
|
551
|
+
|
|
536
552
|
exports[`styles productiveHeading03 should be printable 1`] = `
|
|
537
553
|
Object {
|
|
538
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
539
554
|
"fontSize": "1.25rem",
|
|
540
555
|
"fontWeight": 400,
|
|
541
556
|
"letterSpacing": 0,
|
|
@@ -544,8 +559,7 @@ Object {
|
|
|
544
559
|
`;
|
|
545
560
|
|
|
546
561
|
exports[`styles productiveHeading03 should be printable 2`] = `
|
|
547
|
-
"font-
|
|
548
|
-
font-size: 1.25rem;
|
|
562
|
+
"font-size: 1.25rem;
|
|
549
563
|
font-weight: 400;
|
|
550
564
|
line-height: 1.625rem;
|
|
551
565
|
letter-spacing: 0;"
|
|
@@ -553,7 +567,6 @@ letter-spacing: 0;"
|
|
|
553
567
|
|
|
554
568
|
exports[`styles productiveHeading04 should be printable 1`] = `
|
|
555
569
|
Object {
|
|
556
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
557
570
|
"fontSize": "1.75rem",
|
|
558
571
|
"fontWeight": 400,
|
|
559
572
|
"letterSpacing": 0,
|
|
@@ -562,8 +575,7 @@ Object {
|
|
|
562
575
|
`;
|
|
563
576
|
|
|
564
577
|
exports[`styles productiveHeading04 should be printable 2`] = `
|
|
565
|
-
"font-
|
|
566
|
-
font-size: 1.75rem;
|
|
578
|
+
"font-size: 1.75rem;
|
|
567
579
|
font-weight: 400;
|
|
568
580
|
line-height: 2.25rem;
|
|
569
581
|
letter-spacing: 0;"
|
|
@@ -571,7 +583,6 @@ letter-spacing: 0;"
|
|
|
571
583
|
|
|
572
584
|
exports[`styles productiveHeading05 should be printable 1`] = `
|
|
573
585
|
Object {
|
|
574
|
-
"fontFamily": "'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif",
|
|
575
586
|
"fontSize": "2rem",
|
|
576
587
|
"fontWeight": 400,
|
|
577
588
|
"letterSpacing": 0,
|
|
@@ -580,43 +591,69 @@ Object {
|
|
|
580
591
|
`;
|
|
581
592
|
|
|
582
593
|
exports[`styles productiveHeading05 should be printable 2`] = `
|
|
583
|
-
"font-
|
|
584
|
-
font-size: 2rem;
|
|
594
|
+
"font-size: 2rem;
|
|
585
595
|
font-weight: 400;
|
|
586
596
|
line-height: 2.5rem;
|
|
587
597
|
letter-spacing: 0;"
|
|
588
598
|
`;
|
|
589
599
|
|
|
600
|
+
exports[`styles productiveHeading06 should be printable 1`] = `
|
|
601
|
+
Object {
|
|
602
|
+
"fontSize": "2.625rem",
|
|
603
|
+
"fontWeight": 300,
|
|
604
|
+
"letterSpacing": 0,
|
|
605
|
+
"lineHeight": "3.125rem",
|
|
606
|
+
}
|
|
607
|
+
`;
|
|
608
|
+
|
|
609
|
+
exports[`styles productiveHeading06 should be printable 2`] = `
|
|
610
|
+
"font-size: 2.625rem;
|
|
611
|
+
font-weight: 300;
|
|
612
|
+
line-height: 3.125rem;
|
|
613
|
+
letter-spacing: 0;"
|
|
614
|
+
`;
|
|
615
|
+
|
|
616
|
+
exports[`styles productiveHeading07 should be printable 1`] = `
|
|
617
|
+
Object {
|
|
618
|
+
"fontSize": "3.375rem",
|
|
619
|
+
"fontWeight": 300,
|
|
620
|
+
"letterSpacing": 0,
|
|
621
|
+
"lineHeight": "4rem",
|
|
622
|
+
}
|
|
623
|
+
`;
|
|
624
|
+
|
|
625
|
+
exports[`styles productiveHeading07 should be printable 2`] = `
|
|
626
|
+
"font-size: 3.375rem;
|
|
627
|
+
font-weight: 300;
|
|
628
|
+
line-height: 4rem;
|
|
629
|
+
letter-spacing: 0;"
|
|
630
|
+
`;
|
|
631
|
+
|
|
590
632
|
exports[`styles quotation01 should be printable 1`] = `
|
|
591
633
|
Object {
|
|
592
634
|
"@media (min-width: 42rem)": Object {
|
|
593
|
-
"fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
|
|
594
635
|
"fontSize": "calc(1.25rem + 0.25 * ((100vw - 42rem) / 24))",
|
|
595
636
|
"fontWeight": 400,
|
|
596
637
|
"letterSpacing": 0,
|
|
597
638
|
},
|
|
598
639
|
"@media (min-width: 66rem)": Object {
|
|
599
|
-
"fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
|
|
600
640
|
"fontSize": "calc(1.5rem + 0.25 * ((100vw - 66rem) / 16))",
|
|
601
641
|
"fontWeight": 400,
|
|
602
642
|
"letterSpacing": 0,
|
|
603
643
|
"lineHeight": "125%",
|
|
604
644
|
},
|
|
605
645
|
"@media (min-width: 82rem)": Object {
|
|
606
|
-
"fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
|
|
607
646
|
"fontSize": "calc(1.75rem + 0.25 * ((100vw - 82rem) / 17))",
|
|
608
647
|
"fontWeight": 400,
|
|
609
648
|
"letterSpacing": 0,
|
|
610
649
|
"lineHeight": "129%",
|
|
611
650
|
},
|
|
612
651
|
"@media (min-width: 99rem)": Object {
|
|
613
|
-
"fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
|
|
614
652
|
"fontSize": "2rem",
|
|
615
653
|
"fontWeight": 400,
|
|
616
654
|
"letterSpacing": 0,
|
|
617
655
|
"lineHeight": "125%",
|
|
618
656
|
},
|
|
619
|
-
"fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
|
|
620
657
|
"fontSize": "calc(1.25rem + 0 * ((100vw - 20rem) / 22))",
|
|
621
658
|
"fontWeight": 400,
|
|
622
659
|
"letterSpacing": 0,
|
|
@@ -625,8 +662,7 @@ Object {
|
|
|
625
662
|
`;
|
|
626
663
|
|
|
627
664
|
exports[`styles quotation01 should be printable 2`] = `
|
|
628
|
-
"font-
|
|
629
|
-
font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 22));
|
|
665
|
+
"font-size: calc(1.25rem + 0 * ((100vw - 20rem) / 22));
|
|
630
666
|
font-weight: 400;
|
|
631
667
|
line-height: 130%;
|
|
632
668
|
letter-spacing: 0;
|
|
@@ -653,7 +689,6 @@ Object {
|
|
|
653
689
|
"@media (min-width: 99rem)": Object {
|
|
654
690
|
"fontSize": "3.75rem",
|
|
655
691
|
},
|
|
656
|
-
"fontFamily": "'IBM Plex Serif', 'Georgia', Times, serif",
|
|
657
692
|
"fontSize": "calc(2rem + 0.25 * ((100vw - 20rem) / 22))",
|
|
658
693
|
"fontWeight": 300,
|
|
659
694
|
"letterSpacing": 0,
|
|
@@ -662,8 +697,7 @@ Object {
|
|
|
662
697
|
`;
|
|
663
698
|
|
|
664
699
|
exports[`styles quotation02 should be printable 2`] = `
|
|
665
|
-
"font-
|
|
666
|
-
font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22));
|
|
700
|
+
"font-size: calc(2rem + 0.25 * ((100vw - 20rem) / 22));
|
|
667
701
|
font-weight: 300;
|
|
668
702
|
line-height: 125%;
|
|
669
703
|
letter-spacing: 0;
|