@carbon/type 11.10.0-rc.0 → 11.11.0-rc.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.
- package/es/index.js +8 -78
- package/lib/index.js +104 -174
- package/package.json +5 -4
- package/scss/_styles.scss +6 -5
- package/src/__tests__/__snapshots__/styles-test.js.snap +4 -4
- package/src/styles.js +6 -5
- package/umd/index.js +106 -178
package/scss/_styles.scss
CHANGED
|
@@ -243,7 +243,7 @@ $heading-04: $productive-heading-04 !default;
|
|
|
243
243
|
/// @group @carbon/type
|
|
244
244
|
$productive-heading-05: (
|
|
245
245
|
font-size: scale.type-scale(8),
|
|
246
|
-
font-weight: font-family.font-weight('
|
|
246
|
+
font-weight: font-family.font-weight('regular'),
|
|
247
247
|
line-height: 1.25,
|
|
248
248
|
letter-spacing: 0,
|
|
249
249
|
) !default;
|
|
@@ -305,7 +305,7 @@ $expressive-heading-03: (
|
|
|
305
305
|
breakpoints: (
|
|
306
306
|
xlg: (
|
|
307
307
|
font-size: scale.type-scale(5),
|
|
308
|
-
line-height: 1.
|
|
308
|
+
line-height: 1.4,
|
|
309
309
|
),
|
|
310
310
|
max: (
|
|
311
311
|
font-size: scale.type-scale(6),
|
|
@@ -331,11 +331,11 @@ $expressive-heading-04: (
|
|
|
331
331
|
xlg: (
|
|
332
332
|
font-size: scale.type-scale(8),
|
|
333
333
|
line-height: 1.25,
|
|
334
|
-
font-weight: font-family.font-weight('
|
|
334
|
+
font-weight: font-family.font-weight('regular'),
|
|
335
335
|
),
|
|
336
336
|
max: (
|
|
337
337
|
font-size: scale.type-scale(8),
|
|
338
|
-
font-weight: font-family.font-weight('
|
|
338
|
+
font-weight: font-family.font-weight('regular'),
|
|
339
339
|
),
|
|
340
340
|
),
|
|
341
341
|
) !default;
|
|
@@ -350,12 +350,13 @@ $fluid-heading-04: $expressive-heading-04 !default;
|
|
|
350
350
|
/// @group @carbon/type
|
|
351
351
|
$expressive-heading-05: (
|
|
352
352
|
font-size: scale.type-scale(8),
|
|
353
|
-
font-weight: font-family.font-weight('
|
|
353
|
+
font-weight: font-family.font-weight('regular'),
|
|
354
354
|
line-height: 1.25,
|
|
355
355
|
letter-spacing: 0,
|
|
356
356
|
breakpoints: (
|
|
357
357
|
md: (
|
|
358
358
|
font-size: scale.type-scale(9),
|
|
359
|
+
font-weight: font-family.font-weight('light'),
|
|
359
360
|
line-height: 1.22,
|
|
360
361
|
),
|
|
361
362
|
lg: (
|
|
@@ -144,7 +144,7 @@ letter-spacing: 0;"
|
|
|
144
144
|
|
|
145
145
|
exports[`styles expressiveHeading05 should be printable 1`] = `
|
|
146
146
|
"font-size: 2rem;
|
|
147
|
-
font-weight:
|
|
147
|
+
font-weight: 400;
|
|
148
148
|
line-height: 1.25;
|
|
149
149
|
letter-spacing: 0;"
|
|
150
150
|
`;
|
|
@@ -207,7 +207,7 @@ letter-spacing: 0;"
|
|
|
207
207
|
|
|
208
208
|
exports[`styles fluidHeading05 should be printable 1`] = `
|
|
209
209
|
"font-size: 2rem;
|
|
210
|
-
font-weight:
|
|
210
|
+
font-weight: 400;
|
|
211
211
|
line-height: 1.25;
|
|
212
212
|
letter-spacing: 0;"
|
|
213
213
|
`;
|
|
@@ -272,7 +272,7 @@ letter-spacing: 0;"
|
|
|
272
272
|
|
|
273
273
|
exports[`styles heading05 should be printable 1`] = `
|
|
274
274
|
"font-size: 2rem;
|
|
275
|
-
font-weight:
|
|
275
|
+
font-weight: 400;
|
|
276
276
|
line-height: 1.25;
|
|
277
277
|
letter-spacing: 0;"
|
|
278
278
|
`;
|
|
@@ -375,7 +375,7 @@ letter-spacing: 0;"
|
|
|
375
375
|
|
|
376
376
|
exports[`styles productiveHeading05 should be printable 1`] = `
|
|
377
377
|
"font-size: 2rem;
|
|
378
|
-
font-weight:
|
|
378
|
+
font-weight: 400;
|
|
379
379
|
line-height: 1.25;
|
|
380
380
|
letter-spacing: 0;"
|
|
381
381
|
`;
|
package/src/styles.js
CHANGED
|
@@ -138,7 +138,7 @@ export const productiveHeading04 = {
|
|
|
138
138
|
|
|
139
139
|
export const productiveHeading05 = {
|
|
140
140
|
fontSize: rem(scale[7]),
|
|
141
|
-
fontWeight: fontWeights.
|
|
141
|
+
fontWeight: fontWeights.regular,
|
|
142
142
|
lineHeight: 1.25,
|
|
143
143
|
letterSpacing: 0,
|
|
144
144
|
};
|
|
@@ -175,7 +175,7 @@ export const expressiveHeading03 = {
|
|
|
175
175
|
breakpoints: {
|
|
176
176
|
xlg: {
|
|
177
177
|
fontSize: rem(scale[4]),
|
|
178
|
-
lineHeight: 1.
|
|
178
|
+
lineHeight: 1.4,
|
|
179
179
|
},
|
|
180
180
|
max: {
|
|
181
181
|
fontSize: rem(scale[5]),
|
|
@@ -192,24 +192,25 @@ export const expressiveHeading04 = {
|
|
|
192
192
|
breakpoints: {
|
|
193
193
|
xlg: {
|
|
194
194
|
fontSize: rem(scale[7]),
|
|
195
|
-
fontWeight: fontWeights.
|
|
195
|
+
fontWeight: fontWeights.regular,
|
|
196
196
|
lineHeight: 1.25,
|
|
197
197
|
},
|
|
198
198
|
max: {
|
|
199
199
|
fontSize: rem(scale[7]),
|
|
200
|
-
fontWeight: fontWeights.
|
|
200
|
+
fontWeight: fontWeights.regular,
|
|
201
201
|
},
|
|
202
202
|
},
|
|
203
203
|
};
|
|
204
204
|
|
|
205
205
|
export const expressiveHeading05 = {
|
|
206
206
|
fontSize: rem(scale[7]),
|
|
207
|
-
fontWeight: fontWeights.
|
|
207
|
+
fontWeight: fontWeights.regular,
|
|
208
208
|
lineHeight: 1.25,
|
|
209
209
|
letterSpacing: 0,
|
|
210
210
|
breakpoints: {
|
|
211
211
|
md: {
|
|
212
212
|
fontSize: rem(scale[8]),
|
|
213
|
+
fontWeight: fontWeights.light,
|
|
213
214
|
lineHeight: 1.22,
|
|
214
215
|
letterSpacing: 0,
|
|
215
216
|
},
|