@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
package/scss/font-face/_mono.scss CHANGED
@@ -5,12 +5,18 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
+ @import 'settings';
9
+
10
+ /// Mono `@font-face`'s
11
+ /// @access public
12
+ /// @group @carbon/type
8
13
  @mixin carbon--font-face-mono {
9
14
  // .woff support for IE11
10
15
  @font-face {
11
16
  font-family: 'IBM Plex Mono';
12
17
  font-style: italic;
13
18
  font-weight: 300;
19
+ font-display: $carbon--font-display;
14
20
  src: local('IBM Plex Mono Light Italic'), local('IBMPlexMono-LightItalic'),
15
21
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoW.woff)
16
22
  format('woff');
@@ -19,6 +25,7 @@
19
25
  font-family: 'IBM Plex Mono';
20
26
  font-style: italic;
21
27
  font-weight: 400;
28
+ font-display: $carbon--font-display;
22
29
  src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
23
30
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1Xdm.woff)
24
31
  format('woff');
@@ -27,6 +34,7 @@
27
34
  font-family: 'IBM Plex Mono';
28
35
  font-style: italic;
29
36
  font-weight: 600;
37
+ font-display: $carbon--font-display;
30
38
  src: local('IBM Plex Mono SemiBold Italic'),
31
39
  local('IBMPlexMono-SemiBoldItalic'),
32
40
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoW.woff)
@@ -36,6 +44,7 @@
36
44
  font-family: 'IBM Plex Mono';
37
45
  font-style: normal;
38
46
  font-weight: 300;
47
+ font-display: $carbon--font-display;
39
48
  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
40
49
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFhA.woff)
41
50
  format('woff');
@@ -44,6 +53,7 @@
44
53
  font-family: 'IBM Plex Mono';
45
54
  font-style: normal;
46
55
  font-weight: 400;
56
+ font-display: $carbon--font-display;
47
57
  src: local('IBM Plex Mono'), local('IBMPlexMono'),
48
58
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q0Q.woff)
49
59
  format('woff');
@@ -52,6 +62,7 @@
52
62
  font-family: 'IBM Plex Mono';
53
63
  font-style: normal;
54
64
  font-weight: 600;
65
+ font-display: $carbon--font-display;
55
66
  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
56
67
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFhA.woff)
57
68
  format('woff');
@@ -62,6 +73,7 @@
62
73
  font-family: 'IBM Plex Mono';
63
74
  font-style: italic;
64
75
  font-weight: 300;
76
+ font-display: $carbon--font-display;
65
77
  src: local('IBM Plex Mono Light Italic'), local('IBMPlexMono-LightItalic'),
66
78
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jcoQPttoz6Pz.woff2)
67
79
  format('woff2');
@@ -73,6 +85,7 @@
73
85
  font-family: 'IBM Plex Mono';
74
86
  font-style: italic;
75
87
  font-weight: 300;
88
+ font-display: $carbon--font-display;
76
89
  src: local('IBM Plex Mono Light Italic'), local('IBMPlexMono-LightItalic'),
77
90
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1hMoQPttoz6Pz.woff2)
78
91
  format('woff2');
@@ -83,6 +96,7 @@
83
96
  font-family: 'IBM Plex Mono';
84
97
  font-style: italic;
85
98
  font-weight: 300;
99
+ font-display: $carbon--font-display;
86
100
  src: local('IBM Plex Mono Light Italic'), local('IBMPlexMono-LightItalic'),
87
101
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1j8oQPttoz6Pz.woff2)
88
102
  format('woff2');
@@ -93,6 +107,7 @@
93
107
  font-family: 'IBM Plex Mono';
94
108
  font-style: italic;
95
109
  font-weight: 300;
110
+ font-display: $carbon--font-display;
96
111
  src: local('IBM Plex Mono Light Italic'), local('IBMPlexMono-LightItalic'),
97
112
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jsoQPttoz6Pz.woff2)
98
113
  format('woff2');
@@ -104,6 +119,7 @@
104
119
  font-family: 'IBM Plex Mono';
105
120
  font-style: italic;
106
121
  font-weight: 300;
122
+ font-display: $carbon--font-display;
107
123
  src: local('IBM Plex Mono Light Italic'), local('IBMPlexMono-LightItalic'),
108
124
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoQPttozw.woff2)
109
125
  format('woff2');
@@ -116,6 +132,7 @@
116
132
  font-family: 'IBM Plex Mono';
117
133
  font-style: italic;
118
134
  font-weight: 400;
135
+ font-display: $carbon--font-display;
119
136
  src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
120
137
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2HdgregdFOFh.woff2)
121
138
  format('woff2');
@@ -127,6 +144,7 @@
127
144
  font-family: 'IBM Plex Mono';
128
145
  font-style: italic;
129
146
  font-weight: 400;
147
+ font-display: $carbon--font-display;
130
148
  src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
131
149
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa0XdgregdFOFh.woff2)
132
150
  format('woff2');
@@ -137,6 +155,7 @@
137
155
  font-family: 'IBM Plex Mono';
138
156
  font-style: italic;
139
157
  font-weight: 400;
158
+ font-display: $carbon--font-display;
140
159
  src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
141
160
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2ndgregdFOFh.woff2)
142
161
  format('woff2');
@@ -147,6 +166,7 @@
147
166
  font-family: 'IBM Plex Mono';
148
167
  font-style: italic;
149
168
  font-weight: 400;
169
+ font-display: $carbon--font-display;
150
170
  src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
151
171
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa23dgregdFOFh.woff2)
152
172
  format('woff2');
@@ -158,6 +178,7 @@
158
178
  font-family: 'IBM Plex Mono';
159
179
  font-style: italic;
160
180
  font-weight: 400;
181
+ font-display: $carbon--font-display;
161
182
  src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
162
183
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1XdgregdFA.woff2)
163
184
  format('woff2');
@@ -170,6 +191,7 @@
170
191
  font-family: 'IBM Plex Mono';
171
192
  font-style: italic;
172
193
  font-weight: 600;
194
+ font-display: $carbon--font-display;
173
195
  src: local('IBM Plex Mono SemiBold Italic'),
174
196
  local('IBMPlexMono-SemiBoldItalic'),
175
197
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jcoQPttoz6Pz.woff2)
@@ -182,6 +204,7 @@
182
204
  font-family: 'IBM Plex Mono';
183
205
  font-style: italic;
184
206
  font-weight: 600;
207
+ font-display: $carbon--font-display;
185
208
  src: local('IBM Plex Mono SemiBold Italic'),
186
209
  local('IBMPlexMono-SemiBoldItalic'),
187
210
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1hMoQPttoz6Pz.woff2)
@@ -193,6 +216,7 @@
193
216
  font-family: 'IBM Plex Mono';
194
217
  font-style: italic;
195
218
  font-weight: 600;
219
+ font-display: $carbon--font-display;
196
220
  src: local('IBM Plex Mono SemiBold Italic'),
197
221
  local('IBMPlexMono-SemiBoldItalic'),
198
222
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1j8oQPttoz6Pz.woff2)
@@ -204,6 +228,7 @@
204
228
  font-family: 'IBM Plex Mono';
205
229
  font-style: italic;
206
230
  font-weight: 600;
231
+ font-display: $carbon--font-display;
207
232
  src: local('IBM Plex Mono SemiBold Italic'),
208
233
  local('IBMPlexMono-SemiBoldItalic'),
209
234
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jsoQPttoz6Pz.woff2)
@@ -216,6 +241,7 @@
216
241
  font-family: 'IBM Plex Mono';
217
242
  font-style: italic;
218
243
  font-weight: 600;
244
+ font-display: $carbon--font-display;
219
245
  src: local('IBM Plex Mono SemiBold Italic'),
220
246
  local('IBMPlexMono-SemiBoldItalic'),
221
247
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoQPttozw.woff2)
@@ -229,6 +255,7 @@
229
255
  font-family: 'IBM Plex Mono';
230
256
  font-style: normal;
231
257
  font-weight: 300;
258
+ font-display: $carbon--font-display;
232
259
  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
233
260
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl1FgsAXHNlYzg.woff2)
234
261
  format('woff2');
@@ -240,6 +267,7 @@
240
267
  font-family: 'IBM Plex Mono';
241
268
  font-style: normal;
242
269
  font-weight: 300;
270
+ font-display: $carbon--font-display;
243
271
  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
244
272
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlRFgsAXHNlYzg.woff2)
245
273
  format('woff2');
@@ -250,6 +278,7 @@
250
278
  font-family: 'IBM Plex Mono';
251
279
  font-style: normal;
252
280
  font-weight: 300;
281
+ font-display: $carbon--font-display;
253
282
  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
254
283
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl9FgsAXHNlYzg.woff2)
255
284
  format('woff2');
@@ -260,6 +289,7 @@
260
289
  font-family: 'IBM Plex Mono';
261
290
  font-style: normal;
262
291
  font-weight: 300;
292
+ font-display: $carbon--font-display;
263
293
  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
264
294
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl5FgsAXHNlYzg.woff2)
265
295
  format('woff2');
@@ -271,6 +301,7 @@
271
301
  font-family: 'IBM Plex Mono';
272
302
  font-style: normal;
273
303
  font-weight: 300;
304
+ font-display: $carbon--font-display;
274
305
  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
275
306
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgsAXHNk.woff2)
276
307
  format('woff2');
@@ -283,6 +314,7 @@
283
314
  font-family: 'IBM Plex Mono';
284
315
  font-style: normal;
285
316
  font-weight: 400;
317
+ font-display: $carbon--font-display;
286
318
  src: local('IBM Plex Mono'), local('IBMPlexMono'),
287
319
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iIq131nj-otFQ.woff2)
288
320
  format('woff2');
@@ -294,6 +326,7 @@
294
326
  font-family: 'IBM Plex Mono';
295
327
  font-style: normal;
296
328
  font-weight: 400;
329
+ font-display: $carbon--font-display;
297
330
  src: local('IBM Plex Mono'), local('IBMPlexMono'),
298
331
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1isq131nj-otFQ.woff2)
299
332
  format('woff2');
@@ -304,6 +337,7 @@
304
337
  font-family: 'IBM Plex Mono';
305
338
  font-style: normal;
306
339
  font-weight: 400;
340
+ font-display: $carbon--font-display;
307
341
  src: local('IBM Plex Mono'), local('IBMPlexMono'),
308
342
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iAq131nj-otFQ.woff2)
309
343
  format('woff2');
@@ -314,6 +348,7 @@
314
348
  font-family: 'IBM Plex Mono';
315
349
  font-style: normal;
316
350
  font-weight: 400;
351
+ font-display: $carbon--font-display;
317
352
  src: local('IBM Plex Mono'), local('IBMPlexMono'),
318
353
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2)
319
354
  format('woff2');
@@ -325,6 +360,7 @@
325
360
  font-family: 'IBM Plex Mono';
326
361
  font-style: normal;
327
362
  font-weight: 400;
363
+ font-display: $carbon--font-display;
328
364
  src: local('IBM Plex Mono'), local('IBMPlexMono'),
329
365
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2)
330
366
  format('woff2');
@@ -337,6 +373,7 @@
337
373
  font-family: 'IBM Plex Mono';
338
374
  font-style: normal;
339
375
  font-weight: 600;
376
+ font-display: $carbon--font-display;
340
377
  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
341
378
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl1FgsAXHNlYzg.woff2)
342
379
  format('woff2');
@@ -348,6 +385,7 @@
348
385
  font-family: 'IBM Plex Mono';
349
386
  font-style: normal;
350
387
  font-weight: 600;
388
+ font-display: $carbon--font-display;
351
389
  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
352
390
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlRFgsAXHNlYzg.woff2)
353
391
  format('woff2');
@@ -358,6 +396,7 @@
358
396
  font-family: 'IBM Plex Mono';
359
397
  font-style: normal;
360
398
  font-weight: 600;
399
+ font-display: $carbon--font-display;
361
400
  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
362
401
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl9FgsAXHNlYzg.woff2)
363
402
  format('woff2');
@@ -368,6 +407,7 @@
368
407
  font-family: 'IBM Plex Mono';
369
408
  font-style: normal;
370
409
  font-weight: 600;
410
+ font-display: $carbon--font-display;
371
411
  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
372
412
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgsAXHNlYzg.woff2)
373
413
  format('woff2');
@@ -379,6 +419,7 @@
379
419
  font-family: 'IBM Plex Mono';
380
420
  font-style: normal;
381
421
  font-weight: 600;
422
+ font-display: $carbon--font-display;
382
423
  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
383
424
  url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgsAXHNk.woff2)
384
425
  format('woff2');