@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.
Files changed (44) hide show
  1. package/CHANGELOG.md +525 -0
  2. package/LICENSE +2 -2
  3. package/README.md +25 -21
  4. package/es/index.js +26 -38
  5. package/lib/index.js +31 -37
  6. package/package.json +7 -7
  7. package/scss/_classes.scss +3 -0
  8. package/scss/_font-family.scss +17 -4
  9. package/scss/_inlined/_classes.scss +41 -0
  10. package/scss/_inlined/_font-family.scss +70 -0
  11. package/scss/_inlined/_prefix.scss +11 -0
  12. package/scss/_inlined/_reset.scss +43 -0
  13. package/scss/_inlined/_scale.scss +59 -0
  14. package/scss/_inlined/_styles.scss +673 -0
  15. package/scss/_inlined/font-face/_mono.scss +430 -0
  16. package/scss/_inlined/font-face/_sans.scss +497 -0
  17. package/scss/_inlined/font-face/_serif.scss +430 -0
  18. package/scss/_inlined/font-face/_settings.scss +12 -0
  19. package/scss/_prefix.scss +3 -0
  20. package/scss/_reset.scss +20 -7
  21. package/scss/_scale.scss +16 -5
  22. package/scss/_styles.scss +145 -49
  23. package/scss/font-face/_mono.scss +41 -0
  24. package/scss/font-face/_sans.scss +144 -36
  25. package/scss/font-face/_serif.scss +77 -36
  26. package/scss/font-face/_settings.scss +12 -0
  27. package/scss/index.scss +11 -0
  28. package/scss/type.scss +4 -4
  29. package/scss/vendor/@carbon/import-once/import-once.scss +27 -0
  30. package/scss/vendor/@carbon/import-once/index.scss +8 -0
  31. package/scss/vendor/@carbon/layout/_breakpoint.scss +237 -0
  32. package/scss/vendor/@carbon/layout/_convert.scss +30 -0
  33. package/scss/vendor/@carbon/layout/_key-height.scss +97 -0
  34. package/scss/vendor/@carbon/layout/_mini-unit.scss +23 -0
  35. package/scss/vendor/@carbon/layout/_spacing.scss +328 -0
  36. package/scss/vendor/@carbon/layout/_utilities.scss +41 -0
  37. package/scss/vendor/@carbon/layout/index.scss +8 -0
  38. package/scss/vendor/@carbon/layout/layout.scss +12 -0
  39. package/src/__tests__/__snapshots__/styles-test.js.snap +121 -87
  40. package/src/__tests__/exports-test.js +43 -37
  41. package/src/__tests__/fluid-test.js +0 -1
  42. package/src/reset.js +3 -0
  43. package/src/styles.js +22 -38
  44. 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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
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-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
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-family: 'IBM Plex Serif', 'Georgia', Times, serif;
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-family: 'IBM Plex Serif', 'Georgia', Times, serif;
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;