@carbon/type 10.13.0 → 10.15.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 +57 -59
  2. package/lib/index.js +57 -59
  3. package/package.json +4 -4
  4. package/scss/_inlined/_reset.scss +1 -1
  5. package/scss/_inlined/_scale.scss +2 -2
  6. package/scss/_inlined/_styles.scss +58 -59
  7. package/scss/_inlined/font-face/_mono.scss +72 -72
  8. package/scss/_inlined/font-face/_sans-condensed.scss +42 -42
  9. package/scss/_inlined/font-face/_sans.scss +84 -84
  10. package/scss/_inlined/font-face/_serif.scss +72 -72
  11. package/scss/_reset.scss +1 -1
  12. package/scss/_scale.scss +2 -2
  13. package/scss/_styles.scss +58 -59
  14. package/scss/font-face/_mono.scss +72 -72
  15. package/scss/font-face/_sans-condensed.scss +42 -42
  16. package/scss/font-face/_sans.scss +84 -84
  17. package/scss/font-face/_serif.scss +72 -72
  18. package/src/__tests__/__snapshots__/styles-test.js.snap +31 -31
  19. package/src/__tests__/fluid-test.js +26 -26
  20. package/src/styles.js +57 -59
  21. package/umd/index.js +57 -59
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;
16
17
  font-family: 'IBM Plex Sans Condensed';
17
18
  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;
25
26
  font-family: 'IBM Plex Sans Condensed';
26
27
  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;
34
35
  font-family: 'IBM Plex Sans Condensed';
35
36
  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;
43
44
  font-family: 'IBM Plex Sans Condensed';
44
45
  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;
51
52
  font-family: 'IBM Plex Sans Condensed';
52
53
  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;
59
60
  font-family: 'IBM Plex Sans Condensed';
60
61
  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
71
  font-family: 'IBM Plex Sans Condensed';
71
72
  font-style: italic;
72
- font-weight: 300;
73
- font-display: swap;
74
73
  src: local('IBM Plex Sans Condensed Light Italic'),
75
74
  local('IBMPlexSansCond-LightItalic'),
76
75
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYstEzi6D11GTg.woff2)
77
76
  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
84
  font-family: 'IBM Plex Sans Condensed';
84
85
  font-style: italic;
85
- font-weight: 300;
86
- font-display: swap;
87
86
  src: local('IBM Plex Sans Condensed Light Italic'),
88
87
  local('IBMPlexSansCond-LightItalic'),
89
88
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYotEzi6D11GTg.woff2)
90
89
  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
97
  font-family: 'IBM Plex Sans Condensed';
97
98
  font-style: italic;
98
- font-weight: 300;
99
- font-display: swap;
100
99
  src: local('IBM Plex Sans Condensed Light Italic'),
101
100
  local('IBMPlexSansCond-LightItalic'),
102
101
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYQtEzi6D10.woff2)
103
102
  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
111
  font-family: 'IBM Plex Sans Condensed';
111
112
  font-style: italic;
112
- font-weight: 400;
113
- font-display: swap;
114
113
  src: local('IBM Plex Sans Condensed Italic'),
115
114
  local('IBMPlexSansCond-Italic'),
116
115
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KPLgKkPHhKABg.woff2)
117
116
  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
124
  font-family: 'IBM Plex Sans Condensed';
124
125
  font-style: italic;
125
- font-weight: 400;
126
- font-display: swap;
127
126
  src: local('IBM Plex Sans Condensed Italic'),
128
127
  local('IBMPlexSansCond-Italic'),
129
128
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KLLgKkPHhKABg.woff2)
130
129
  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
137
  font-family: 'IBM Plex Sans Condensed';
137
138
  font-style: italic;
138
- font-weight: 400;
139
- font-display: swap;
140
139
  src: local('IBM Plex Sans Condensed Italic'),
141
140
  local('IBMPlexSansCond-Italic'),
142
141
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KzLgKkPHhI.woff2)
143
142
  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
151
  font-family: 'IBM Plex Sans Condensed';
151
152
  font-style: italic;
152
- font-weight: 600;
153
- font-display: swap;
154
153
  src: local('IBM Plex Sans Condensed SemiBold Italic'),
155
154
  local('IBMPlexSansCond-SemiBoldItalic'),
156
155
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYstEzi6D11GTg.woff2)
157
156
  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
164
  font-family: 'IBM Plex Sans Condensed';
164
165
  font-style: italic;
165
- font-weight: 600;
166
- font-display: swap;
167
166
  src: local('IBM Plex Sans Condensed SemiBold Italic'),
168
167
  local('IBMPlexSansCond-SemiBoldItalic'),
169
168
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYotEzi6D11GTg.woff2)
170
169
  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
177
  font-family: 'IBM Plex Sans Condensed';
177
178
  font-style: italic;
178
- font-weight: 600;
179
- font-display: swap;
180
179
  src: local('IBM Plex Sans Condensed SemiBold Italic'),
181
180
  local('IBMPlexSansCond-SemiBoldItalic'),
182
181
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYQtEzi6D10.woff2)
183
182
  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
191
  font-family: 'IBM Plex Sans Condensed';
191
192
  font-style: normal;
192
- font-weight: 300;
193
- font-display: swap;
194
193
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
195
194
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvjpYYnFBq4P1w.woff2)
196
195
  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
203
  font-family: 'IBM Plex Sans Condensed';
203
204
  font-style: normal;
204
- font-weight: 300;
205
- font-display: swap;
206
205
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
207
206
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvipYYnFBq4P1w.woff2)
208
207
  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
215
  font-family: 'IBM Plex Sans Condensed';
215
216
  font-style: normal;
216
- font-weight: 300;
217
- font-display: swap;
218
217
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
219
218
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvspYYnFBq4.woff2)
220
219
  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
228
  font-family: 'IBM Plex Sans Condensed';
228
229
  font-style: normal;
229
- font-weight: 400;
230
- font-display: swap;
231
230
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
232
231
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYamyK7Bh4sNLhM.woff2)
233
232
  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
240
  font-family: 'IBM Plex Sans Condensed';
240
241
  font-style: normal;
241
- font-weight: 400;
242
- font-display: swap;
243
242
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
244
243
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYanyK7Bh4sNLhM.woff2)
245
244
  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
252
  font-family: 'IBM Plex Sans Condensed';
252
253
  font-style: normal;
253
- font-weight: 400;
254
- font-display: swap;
255
254
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
256
255
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYapyK7Bh4sN.woff2)
257
256
  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
265
  font-family: 'IBM Plex Sans Condensed';
265
266
  font-style: normal;
266
- font-weight: 600;
267
- font-display: swap;
268
267
  src: local('IBM Plex Sans Condensed SemiBold'),
269
268
  local('IBMPlexSansCond-SemiBold'),
270
269
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvjpYYnFBq4P1w.woff2)
271
270
  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
278
  font-family: 'IBM Plex Sans Condensed';
278
279
  font-style: normal;
279
- font-weight: 600;
280
- font-display: swap;
281
280
  src: local('IBM Plex Sans Condensed SemiBold'),
282
281
  local('IBMPlexSansCond-SemiBold'),
283
282
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvipYYnFBq4P1w.woff2)
284
283
  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
291
  font-family: 'IBM Plex Sans Condensed';
291
292
  font-style: normal;
292
- font-weight: 600;
293
- font-display: swap;
294
293
  src: local('IBM Plex Sans Condensed SemiBold'),
295
294
  local('IBMPlexSansCond-SemiBold'),
296
295
  url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvspYYnFBq4.woff2)
297
296
  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;