@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/_inlined/font-face/_sans.scss ADDED
@@ -0,0 +1,497 @@
1
+ //
2
+ // Copyright IBM Corp. 2018, 2018
3
+ //
4
+ // This source code is licensed under the Apache-2.0 license found in the
5
+ // LICENSE file in the root directory of this source tree.
6
+ //
7
+
8
+ @import 'settings';
9
+
10
+ /// Sans `@font-face`'s
11
+ /// @access public
12
+ /// @group @carbon/type
13
+ @mixin carbon--font-face-sans {
14
+ // .woff support for IE11
15
+ @font-face {
16
+ font-family: 'IBM Plex Sans';
17
+ font-style: italic;
18
+ font-weight: 300;
19
+ font-display: $carbon--font-display;
20
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
21
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfo.woff)
22
+ format('woff');
23
+ }
24
+ @font-face {
25
+ font-family: 'IBM Plex Sans';
26
+ font-style: italic;
27
+ font-weight: 400;
28
+ font-display: $carbon--font-display;
29
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
30
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZP.woff)
31
+ format('woff');
32
+ }
33
+ @font-face {
34
+ font-family: 'IBM Plex Sans';
35
+ font-style: italic;
36
+ font-weight: 600;
37
+ font-display: $carbon--font-display;
38
+ src: local('IBM Plex Sans SemiBold Italic'),
39
+ local('IBMPlexSans-SemiBoldItalic'),
40
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfo.woff)
41
+ format('woff');
42
+ }
43
+ @font-face {
44
+ font-family: 'IBM Plex Sans';
45
+ font-style: normal;
46
+ font-weight: 300;
47
+ font-display: $carbon--font-display;
48
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
49
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFscg.woff)
50
+ format('woff');
51
+ }
52
+ @font-face {
53
+ font-family: 'IBM Plex Sans';
54
+ font-style: normal;
55
+ font-weight: 400;
56
+ font-display: $carbon--font-display;
57
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
58
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff)
59
+ format('woff');
60
+ }
61
+ @font-face {
62
+ font-family: 'IBM Plex Sans';
63
+ font-style: normal;
64
+ font-weight: 600;
65
+ font-display: $carbon--font-display;
66
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
67
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff)
68
+ format('woff');
69
+ }
70
+
71
+ /* cyrillic-ext */
72
+ @font-face {
73
+ font-family: 'IBM Plex Sans';
74
+ font-style: italic;
75
+ font-weight: 300;
76
+ font-display: $carbon--font-display;
77
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
78
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRce_fuJGl18QRY.woff2)
79
+ format('woff2');
80
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
81
+ U+FE2E-FE2F;
82
+ }
83
+ /* cyrillic */
84
+ @font-face {
85
+ font-family: 'IBM Plex Sans';
86
+ font-style: italic;
87
+ font-weight: 300;
88
+ font-display: $carbon--font-display;
89
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
90
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRccvfuJGl18QRY.woff2)
91
+ format('woff2');
92
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
93
+ }
94
+ /* greek */
95
+ @font-face {
96
+ font-family: 'IBM Plex Sans';
97
+ font-style: italic;
98
+ font-weight: 300;
99
+ font-display: $carbon--font-display;
100
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
101
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdffuJGl18QRY.woff2)
102
+ format('woff2');
103
+ unicode-range: U+0370-03FF;
104
+ }
105
+ /* vietnamese */
106
+ @font-face {
107
+ font-family: 'IBM Plex Sans';
108
+ font-style: italic;
109
+ font-weight: 300;
110
+ font-display: $carbon--font-display;
111
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
112
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRceffuJGl18QRY.woff2)
113
+ format('woff2');
114
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
115
+ }
116
+ /* latin-ext */
117
+ @font-face {
118
+ font-family: 'IBM Plex Sans';
119
+ font-style: italic;
120
+ font-weight: 300;
121
+ font-display: $carbon--font-display;
122
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
123
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcePfuJGl18QRY.woff2)
124
+ format('woff2');
125
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
126
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
127
+ }
128
+ /* latin */
129
+ @font-face {
130
+ font-family: 'IBM Plex Sans';
131
+ font-style: italic;
132
+ font-weight: 300;
133
+ font-display: $carbon--font-display;
134
+ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
135
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfuJGl18Q.woff2)
136
+ format('woff2');
137
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
138
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
139
+ U+2215, U+FEFF, U+FFFD;
140
+ }
141
+ /* cyrillic-ext */
142
+ @font-face {
143
+ font-family: 'IBM Plex Sans';
144
+ font-style: italic;
145
+ font-weight: 400;
146
+ font-display: $carbon--font-display;
147
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
148
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJW9XjDlN8.woff2)
149
+ format('woff2');
150
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
151
+ U+FE2E-FE2F;
152
+ }
153
+ /* cyrillic */
154
+ @font-face {
155
+ font-family: 'IBM Plex Sans';
156
+ font-style: italic;
157
+ font-weight: 400;
158
+ font-display: $carbon--font-display;
159
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
160
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJW9XjDlN8.woff2)
161
+ format('woff2');
162
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
163
+ }
164
+ /* greek */
165
+ @font-face {
166
+ font-family: 'IBM Plex Sans';
167
+ font-style: italic;
168
+ font-weight: 400;
169
+ font-display: $carbon--font-display;
170
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
171
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuFKZJW9XjDlN8.woff2)
172
+ format('woff2');
173
+ unicode-range: U+0370-03FF;
174
+ }
175
+ /* vietnamese */
176
+ @font-face {
177
+ font-family: 'IBM Plex Sans';
178
+ font-style: italic;
179
+ font-weight: 400;
180
+ font-display: $carbon--font-display;
181
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
182
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJW9XjDlN8.woff2)
183
+ format('woff2');
184
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
185
+ }
186
+ /* latin-ext */
187
+ @font-face {
188
+ font-family: 'IBM Plex Sans';
189
+ font-style: italic;
190
+ font-weight: 400;
191
+ font-display: $carbon--font-display;
192
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
193
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJW9XjDlN8.woff2)
194
+ format('woff2');
195
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
196
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
197
+ }
198
+ /* latin */
199
+ @font-face {
200
+ font-family: 'IBM Plex Sans';
201
+ font-style: italic;
202
+ font-weight: 400;
203
+ font-display: $carbon--font-display;
204
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
205
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJW9XjDg.woff2)
206
+ format('woff2');
207
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
208
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
209
+ U+2215, U+FEFF, U+FFFD;
210
+ }
211
+ /* cyrillic-ext */
212
+ @font-face {
213
+ font-family: 'IBM Plex Sans';
214
+ font-style: italic;
215
+ font-weight: 600;
216
+ font-display: $carbon--font-display;
217
+ src: local('IBM Plex Sans SemiBold Italic'),
218
+ local('IBMPlexSans-SemiBoldItalic'),
219
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJce_fuJGl18QRY.woff2)
220
+ format('woff2');
221
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
222
+ U+FE2E-FE2F;
223
+ }
224
+ /* cyrillic */
225
+ @font-face {
226
+ font-family: 'IBM Plex Sans';
227
+ font-style: italic;
228
+ font-weight: 600;
229
+ font-display: $carbon--font-display;
230
+ src: local('IBM Plex Sans SemiBold Italic'),
231
+ local('IBMPlexSans-SemiBoldItalic'),
232
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJccvfuJGl18QRY.woff2)
233
+ format('woff2');
234
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
235
+ }
236
+ /* greek */
237
+ @font-face {
238
+ font-family: 'IBM Plex Sans';
239
+ font-style: italic;
240
+ font-weight: 600;
241
+ font-display: $carbon--font-display;
242
+ src: local('IBM Plex Sans SemiBold Italic'),
243
+ local('IBMPlexSans-SemiBoldItalic'),
244
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdffuJGl18QRY.woff2)
245
+ format('woff2');
246
+ unicode-range: U+0370-03FF;
247
+ }
248
+ /* vietnamese */
249
+ @font-face {
250
+ font-family: 'IBM Plex Sans';
251
+ font-style: italic;
252
+ font-weight: 600;
253
+ font-display: $carbon--font-display;
254
+ src: local('IBM Plex Sans SemiBold Italic'),
255
+ local('IBMPlexSans-SemiBoldItalic'),
256
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJceffuJGl18QRY.woff2)
257
+ format('woff2');
258
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
259
+ }
260
+ /* latin-ext */
261
+ @font-face {
262
+ font-family: 'IBM Plex Sans';
263
+ font-style: italic;
264
+ font-weight: 600;
265
+ font-display: $carbon--font-display;
266
+ src: local('IBM Plex Sans SemiBold Italic'),
267
+ local('IBMPlexSans-SemiBoldItalic'),
268
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcePfuJGl18QRY.woff2)
269
+ format('woff2');
270
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
271
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
272
+ }
273
+ /* latin */
274
+ @font-face {
275
+ font-family: 'IBM Plex Sans';
276
+ font-style: italic;
277
+ font-weight: 600;
278
+ font-display: $carbon--font-display;
279
+ src: local('IBM Plex Sans SemiBold Italic'),
280
+ local('IBMPlexSans-SemiBoldItalic'),
281
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfuJGl18Q.woff2)
282
+ format('woff2');
283
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
284
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
285
+ U+2215, U+FEFF, U+FFFD;
286
+ }
287
+ /* cyrillic-ext */
288
+ @font-face {
289
+ font-family: 'IBM Plex Sans';
290
+ font-style: normal;
291
+ font-weight: 300;
292
+ font-display: $carbon--font-display;
293
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
294
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIxsdP3pBmtF8A.woff2)
295
+ format('woff2');
296
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
297
+ U+FE2E-FE2F;
298
+ }
299
+ /* cyrillic */
300
+ @font-face {
301
+ font-family: 'IBM Plex Sans';
302
+ font-style: normal;
303
+ font-weight: 300;
304
+ font-display: $carbon--font-display;
305
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
306
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIVsdP3pBmtF8A.woff2)
307
+ format('woff2');
308
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
309
+ }
310
+ /* greek */
311
+ @font-face {
312
+ font-family: 'IBM Plex Sans';
313
+ font-style: normal;
314
+ font-weight: 300;
315
+ font-display: $carbon--font-display;
316
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
317
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIJsdP3pBmtF8A.woff2)
318
+ format('woff2');
319
+ unicode-range: U+0370-03FF;
320
+ }
321
+ /* vietnamese */
322
+ @font-face {
323
+ font-family: 'IBM Plex Sans';
324
+ font-style: normal;
325
+ font-weight: 300;
326
+ font-display: $carbon--font-display;
327
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
328
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI5sdP3pBmtF8A.woff2)
329
+ format('woff2');
330
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
331
+ }
332
+ /* latin-ext */
333
+ @font-face {
334
+ font-family: 'IBM Plex Sans';
335
+ font-style: normal;
336
+ font-weight: 300;
337
+ font-display: $carbon--font-display;
338
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
339
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI9sdP3pBmtF8A.woff2)
340
+ format('woff2');
341
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
342
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
343
+ }
344
+ /* latin */
345
+ @font-face {
346
+ font-family: 'IBM Plex Sans';
347
+ font-style: normal;
348
+ font-weight: 300;
349
+ font-display: $carbon--font-display;
350
+ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
351
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFsdP3pBms.woff2)
352
+ format('woff2');
353
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
354
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
355
+ U+2215, U+FEFF, U+FFFD;
356
+ }
357
+ /* cyrillic-ext */
358
+ @font-face {
359
+ font-family: 'IBM Plex Sans';
360
+ font-style: normal;
361
+ font-weight: 400;
362
+ font-display: $carbon--font-display;
363
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
364
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdzeFaxOedfTDw.woff2)
365
+ format('woff2');
366
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
367
+ U+FE2E-FE2F;
368
+ }
369
+ /* cyrillic */
370
+ @font-face {
371
+ font-family: 'IBM Plex Sans';
372
+ font-style: normal;
373
+ font-weight: 400;
374
+ font-display: $carbon--font-display;
375
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
376
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdXeFaxOedfTDw.woff2)
377
+ format('woff2');
378
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
379
+ }
380
+ /* greek */
381
+ @font-face {
382
+ font-family: 'IBM Plex Sans';
383
+ font-style: normal;
384
+ font-weight: 400;
385
+ font-display: $carbon--font-display;
386
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
387
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdLeFaxOedfTDw.woff2)
388
+ format('woff2');
389
+ unicode-range: U+0370-03FF;
390
+ }
391
+ /* vietnamese */
392
+ @font-face {
393
+ font-family: 'IBM Plex Sans';
394
+ font-style: normal;
395
+ font-weight: 400;
396
+ font-display: $carbon--font-display;
397
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
398
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd7eFaxOedfTDw.woff2)
399
+ format('woff2');
400
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
401
+ }
402
+ /* latin-ext */
403
+ @font-face {
404
+ font-family: 'IBM Plex Sans';
405
+ font-style: normal;
406
+ font-weight: 400;
407
+ font-display: $carbon--font-display;
408
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
409
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd_eFaxOedfTDw.woff2)
410
+ format('woff2');
411
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
412
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
413
+ }
414
+ /* latin */
415
+ @font-face {
416
+ font-family: 'IBM Plex Sans';
417
+ font-style: normal;
418
+ font-weight: 400;
419
+ font-display: $carbon--font-display;
420
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
421
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2)
422
+ format('woff2');
423
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
424
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
425
+ U+2215, U+FEFF, U+FFFD;
426
+ }
427
+ /* cyrillic-ext */
428
+ @font-face {
429
+ font-family: 'IBM Plex Sans';
430
+ font-style: normal;
431
+ font-weight: 600;
432
+ font-display: $carbon--font-display;
433
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
434
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdP3pBmtF8A.woff2)
435
+ format('woff2');
436
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
437
+ U+FE2E-FE2F;
438
+ }
439
+ /* cyrillic */
440
+ @font-face {
441
+ font-family: 'IBM Plex Sans';
442
+ font-style: normal;
443
+ font-weight: 600;
444
+ font-display: $carbon--font-display;
445
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
446
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdP3pBmtF8A.woff2)
447
+ format('woff2');
448
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
449
+ }
450
+ /* greek */
451
+ @font-face {
452
+ font-family: 'IBM Plex Sans';
453
+ font-style: normal;
454
+ font-weight: 600;
455
+ font-display: $carbon--font-display;
456
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
457
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIJsdP3pBmtF8A.woff2)
458
+ format('woff2');
459
+ unicode-range: U+0370-03FF;
460
+ }
461
+ /* vietnamese */
462
+ @font-face {
463
+ font-family: 'IBM Plex Sans';
464
+ font-style: normal;
465
+ font-weight: 600;
466
+ font-display: $carbon--font-display;
467
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
468
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI5sdP3pBmtF8A.woff2)
469
+ format('woff2');
470
+ unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
471
+ }
472
+ /* latin-ext */
473
+ @font-face {
474
+ font-family: 'IBM Plex Sans';
475
+ font-style: normal;
476
+ font-weight: 600;
477
+ font-display: $carbon--font-display;
478
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
479
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdP3pBmtF8A.woff2)
480
+ format('woff2');
481
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
482
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
483
+ }
484
+ /* latin */
485
+ @font-face {
486
+ font-family: 'IBM Plex Sans';
487
+ font-style: normal;
488
+ font-weight: 600;
489
+ font-display: $carbon--font-display;
490
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
491
+ url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2)
492
+ format('woff2');
493
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
494
+ U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
495
+ U+2215, U+FEFF, U+FFFD;
496
+ }
497
+ }