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