@carbon/type 10.26.0 → 10.28.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 (21) hide show
  1. package/es/index.js +63 -36
  2. package/lib/index.js +65 -35
  3. package/package.json +4 -4
  4. package/scss/_inlined/_reset.scss +2 -2
  5. package/scss/_inlined/_styles.scss +33 -0
  6. package/scss/_inlined/font-face/_mono.scss +72 -72
  7. package/scss/_inlined/font-face/_sans-condensed.scss +42 -42
  8. package/scss/_inlined/font-face/_sans.scss +84 -84
  9. package/scss/_inlined/font-face/_serif.scss +72 -72
  10. package/scss/_reset.scss +2 -2
  11. package/scss/_styles.scss +33 -0
  12. package/scss/font-face/_mono.scss +72 -72
  13. package/scss/font-face/_sans-condensed.scss +42 -42
  14. package/scss/font-face/_sans.scss +84 -84
  15. package/scss/font-face/_serif.scss +72 -72
  16. package/scss/modules/_reset.scss +3 -3
  17. package/src/__tests__/__snapshots__/styles-test.js.snap +20 -0
  18. package/src/__tests__/exports-test.js +3 -0
  19. package/src/styles.js +20 -0
  20. package/src/tokens.js +6 -0
  21. package/umd/index.js +65 -35
package/scss/_inlined/font-face/_sans-condensed.scss CHANGED
@@ -13,52 +13,52 @@
13
13
  @mixin carbon--font-face-sans-condensed {
14
14
  // .woff support for IE11
15
15
  @font-face {
16
- font-weight: 300;
17
16
  font-family: 'IBM Plex Sans Condensed';
18
17
  font-style: italic;
18
+ font-weight: 300;
19
19
  src: local('IBM Plex Sans Condensed Light Italic'),
20
20
  local('IBMPlexSansCond-LightItalic'),
21
21
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfppYA.woff)
22
22
  format('woff');
23
23
  }
24
24
  @font-face {
25
- font-weight: 400;
26
25
  font-family: 'IBM Plex Sans Condensed';
27
26
  font-style: italic;
27
+ font-weight: 400;
28
28
  src: local('IBM Plex Sans Condensed Italic'),
29
29
  local('IBMPlexSansCond-Italic'),
30
30
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYasyKg.woff)
31
31
  format('woff');
32
32
  }
33
33
  @font-face {
34
- font-weight: 600;
35
34
  font-family: 'IBM Plex Sans Condensed';
36
35
  font-style: italic;
36
+ font-weight: 600;
37
37
  src: local('IBM Plex Sans Condensed SemiBold Italic'),
38
38
  local('IBMPlexSansCond-SemiBoldItalic'),
39
39
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvpYA.woff)
40
40
  format('woff');
41
41
  }
42
42
  @font-face {
43
- font-weight: 300;
44
43
  font-family: 'IBM Plex Sans Condensed';
45
44
  font-style: normal;
45
+ font-weight: 300;
46
46
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
47
47
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6ovo.woff)
48
48
  format('woff');
49
49
  }
50
50
  @font-face {
51
- font-weight: 400;
52
51
  font-family: 'IBM Plex Sans Condensed';
53
52
  font-style: normal;
53
+ font-weight: 400;
54
54
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
55
55
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHbat.woff)
56
56
  format('woff');
57
57
  }
58
58
  @font-face {
59
- font-weight: 600;
60
59
  font-family: 'IBM Plex Sans Condensed';
61
60
  font-style: normal;
61
+ font-weight: 600;
62
62
  src: local('IBM Plex Sans Condensed SemiBold'),
63
63
  local('IBMPlexSansCond-SemiBold'),
64
64
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527Ivo.woff)
@@ -67,234 +67,234 @@
67
67
 
68
68
  /* vietnamese */
69
69
  @font-face {
70
- font-weight: 300;
70
+ font-display: swap;
71
71
  font-family: 'IBM Plex Sans Condensed';
72
72
  font-style: italic;
73
+ font-weight: 300;
73
74
  src: local('IBM Plex Sans Condensed Light Italic'),
74
75
  local('IBMPlexSansCond-LightItalic'),
75
76
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYstEzi6D11GTg.woff2)
76
77
  format('woff2');
77
- font-display: swap;
78
78
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
79
79
  U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
80
80
  }
81
81
  /* latin-ext */
82
82
  @font-face {
83
- font-weight: 300;
83
+ font-display: swap;
84
84
  font-family: 'IBM Plex Sans Condensed';
85
85
  font-style: italic;
86
+ font-weight: 300;
86
87
  src: local('IBM Plex Sans Condensed Light Italic'),
87
88
  local('IBMPlexSansCond-LightItalic'),
88
89
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYotEzi6D11GTg.woff2)
89
90
  format('woff2');
90
- font-display: swap;
91
91
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
92
92
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
93
93
  }
94
94
  /* latin */
95
95
  @font-face {
96
- font-weight: 300;
96
+ font-display: swap;
97
97
  font-family: 'IBM Plex Sans Condensed';
98
98
  font-style: italic;
99
+ font-weight: 300;
99
100
  src: local('IBM Plex Sans Condensed Light Italic'),
100
101
  local('IBMPlexSansCond-LightItalic'),
101
102
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYQtEzi6D10.woff2)
102
103
  format('woff2');
103
- font-display: swap;
104
104
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
105
105
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
106
106
  U+2215, U+FEFF, U+FFFD;
107
107
  }
108
108
  /* vietnamese */
109
109
  @font-face {
110
- font-weight: 400;
110
+ font-display: swap;
111
111
  font-family: 'IBM Plex Sans Condensed';
112
112
  font-style: italic;
113
+ font-weight: 400;
113
114
  src: local('IBM Plex Sans Condensed Italic'),
114
115
  local('IBMPlexSansCond-Italic'),
115
116
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KPLgKkPHhKABg.woff2)
116
117
  format('woff2');
117
- font-display: swap;
118
118
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
119
119
  U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
120
120
  }
121
121
  /* latin-ext */
122
122
  @font-face {
123
- font-weight: 400;
123
+ font-display: swap;
124
124
  font-family: 'IBM Plex Sans Condensed';
125
125
  font-style: italic;
126
+ font-weight: 400;
126
127
  src: local('IBM Plex Sans Condensed Italic'),
127
128
  local('IBMPlexSansCond-Italic'),
128
129
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KLLgKkPHhKABg.woff2)
129
130
  format('woff2');
130
- font-display: swap;
131
131
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
132
132
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
133
133
  }
134
134
  /* latin */
135
135
  @font-face {
136
- font-weight: 400;
136
+ font-display: swap;
137
137
  font-family: 'IBM Plex Sans Condensed';
138
138
  font-style: italic;
139
+ font-weight: 400;
139
140
  src: local('IBM Plex Sans Condensed Italic'),
140
141
  local('IBMPlexSansCond-Italic'),
141
142
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KzLgKkPHhI.woff2)
142
143
  format('woff2');
143
- font-display: swap;
144
144
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
145
145
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
146
146
  U+2215, U+FEFF, U+FFFD;
147
147
  }
148
148
  /* vietnamese */
149
149
  @font-face {
150
- font-weight: 600;
150
+ font-display: swap;
151
151
  font-family: 'IBM Plex Sans Condensed';
152
152
  font-style: italic;
153
+ font-weight: 600;
153
154
  src: local('IBM Plex Sans Condensed SemiBold Italic'),
154
155
  local('IBMPlexSansCond-SemiBoldItalic'),
155
156
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYstEzi6D11GTg.woff2)
156
157
  format('woff2');
157
- font-display: swap;
158
158
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
159
159
  U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
160
160
  }
161
161
  /* latin-ext */
162
162
  @font-face {
163
- font-weight: 600;
163
+ font-display: swap;
164
164
  font-family: 'IBM Plex Sans Condensed';
165
165
  font-style: italic;
166
+ font-weight: 600;
166
167
  src: local('IBM Plex Sans Condensed SemiBold Italic'),
167
168
  local('IBMPlexSansCond-SemiBoldItalic'),
168
169
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYotEzi6D11GTg.woff2)
169
170
  format('woff2');
170
- font-display: swap;
171
171
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
172
172
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
173
173
  }
174
174
  /* latin */
175
175
  @font-face {
176
- font-weight: 600;
176
+ font-display: swap;
177
177
  font-family: 'IBM Plex Sans Condensed';
178
178
  font-style: italic;
179
+ font-weight: 600;
179
180
  src: local('IBM Plex Sans Condensed SemiBold Italic'),
180
181
  local('IBMPlexSansCond-SemiBoldItalic'),
181
182
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYQtEzi6D10.woff2)
182
183
  format('woff2');
183
- font-display: swap;
184
184
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
185
185
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
186
186
  U+2215, U+FEFF, U+FFFD;
187
187
  }
188
188
  /* vietnamese */
189
189
  @font-face {
190
- font-weight: 300;
190
+ font-display: swap;
191
191
  font-family: 'IBM Plex Sans Condensed';
192
192
  font-style: normal;
193
+ font-weight: 300;
193
194
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
194
195
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvjpYYnFBq4P1w.woff2)
195
196
  format('woff2');
196
- font-display: swap;
197
197
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
198
198
  U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
199
199
  }
200
200
  /* latin-ext */
201
201
  @font-face {
202
- font-weight: 300;
202
+ font-display: swap;
203
203
  font-family: 'IBM Plex Sans Condensed';
204
204
  font-style: normal;
205
+ font-weight: 300;
205
206
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
206
207
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvipYYnFBq4P1w.woff2)
207
208
  format('woff2');
208
- font-display: swap;
209
209
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
210
210
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
211
211
  }
212
212
  /* latin */
213
213
  @font-face {
214
- font-weight: 300;
214
+ font-display: swap;
215
215
  font-family: 'IBM Plex Sans Condensed';
216
216
  font-style: normal;
217
+ font-weight: 300;
217
218
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
218
219
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvspYYnFBq4.woff2)
219
220
  format('woff2');
220
- font-display: swap;
221
221
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
222
222
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
223
223
  U+2215, U+FEFF, U+FFFD;
224
224
  }
225
225
  /* vietnamese */
226
226
  @font-face {
227
- font-weight: 400;
227
+ font-display: swap;
228
228
  font-family: 'IBM Plex Sans Condensed';
229
229
  font-style: normal;
230
+ font-weight: 400;
230
231
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
231
232
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYamyK7Bh4sNLhM.woff2)
232
233
  format('woff2');
233
- font-display: swap;
234
234
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
235
235
  U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
236
236
  }
237
237
  /* latin-ext */
238
238
  @font-face {
239
- font-weight: 400;
239
+ font-display: swap;
240
240
  font-family: 'IBM Plex Sans Condensed';
241
241
  font-style: normal;
242
+ font-weight: 400;
242
243
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
243
244
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYanyK7Bh4sNLhM.woff2)
244
245
  format('woff2');
245
- font-display: swap;
246
246
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
247
247
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
248
248
  }
249
249
  /* latin */
250
250
  @font-face {
251
- font-weight: 400;
251
+ font-display: swap;
252
252
  font-family: 'IBM Plex Sans Condensed';
253
253
  font-style: normal;
254
+ font-weight: 400;
254
255
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
255
256
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYapyK7Bh4sN.woff2)
256
257
  format('woff2');
257
- font-display: swap;
258
258
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
259
259
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
260
260
  U+2215, U+FEFF, U+FFFD;
261
261
  }
262
262
  /* vietnamese */
263
263
  @font-face {
264
- font-weight: 600;
264
+ font-display: swap;
265
265
  font-family: 'IBM Plex Sans Condensed';
266
266
  font-style: normal;
267
+ font-weight: 600;
267
268
  src: local('IBM Plex Sans Condensed SemiBold'),
268
269
  local('IBMPlexSansCond-SemiBold'),
269
270
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvjpYYnFBq4P1w.woff2)
270
271
  format('woff2');
271
- font-display: swap;
272
272
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
273
273
  U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
274
274
  }
275
275
  /* latin-ext */
276
276
  @font-face {
277
- font-weight: 600;
277
+ font-display: swap;
278
278
  font-family: 'IBM Plex Sans Condensed';
279
279
  font-style: normal;
280
+ font-weight: 600;
280
281
  src: local('IBM Plex Sans Condensed SemiBold'),
281
282
  local('IBMPlexSansCond-SemiBold'),
282
283
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvipYYnFBq4P1w.woff2)
283
284
  format('woff2');
284
- font-display: swap;
285
285
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
286
286
  U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
287
287
  }
288
288
  /* latin */
289
289
  @font-face {
290
- font-weight: 600;
290
+ font-display: swap;
291
291
  font-family: 'IBM Plex Sans Condensed';
292
292
  font-style: normal;
293
+ font-weight: 600;
293
294
  src: local('IBM Plex Sans Condensed SemiBold'),
294
295
  local('IBMPlexSansCond-SemiBold'),
295
296
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvspYYnFBq4.woff2)
296
297
  format('woff2');
297
- font-display: swap;
298
298
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
299
299
  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
300
300
  U+2215, U+FEFF, U+FFFD;