@carbon/type 10.15.0-rc.0 → 10.17.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 +4 -3
- package/lib/index.js +4 -3
- package/package.json +4 -4
- package/scss/_font-family.scss +2 -2
- package/scss/_inlined/_font-family.scss +2 -2
- package/scss/_inlined/_styles.scss +3 -2
- package/scss/_styles.scss +3 -2
- package/src/__tests__/__snapshots__/styles-test.js.snap +1 -1
- package/src/styles.js +3 -2
- package/umd/index.js +4 -3
package/es/index.js
CHANGED
|
@@ -359,7 +359,8 @@ var expressiveHeading03 = {
|
|
|
359
359
|
lineHeight: 1.25
|
|
360
360
|
},
|
|
361
361
|
max: {
|
|
362
|
-
fontSize: rem(scale[5])
|
|
362
|
+
fontSize: rem(scale[5]),
|
|
363
|
+
lineHeight: 1.334
|
|
363
364
|
}
|
|
364
365
|
}
|
|
365
366
|
};
|
|
@@ -443,7 +444,7 @@ var expressiveHeading06 = {
|
|
|
443
444
|
var expressiveParagraph01 = {
|
|
444
445
|
fontSize: rem(scale[5]),
|
|
445
446
|
fontWeight: fontWeights.light,
|
|
446
|
-
lineHeight: 1.
|
|
447
|
+
lineHeight: 1.334,
|
|
447
448
|
letterSpacing: 0,
|
|
448
449
|
lg: {
|
|
449
450
|
fontSize: rem(scale[6]),
|
|
@@ -468,7 +469,7 @@ var quotation01 = {
|
|
|
468
469
|
lg: {
|
|
469
470
|
fontSize: rem(scale[5]),
|
|
470
471
|
fontWeight: fontWeights.regular,
|
|
471
|
-
lineHeight: 1.
|
|
472
|
+
lineHeight: 1.334,
|
|
472
473
|
letterSpacing: 0
|
|
473
474
|
},
|
|
474
475
|
xlg: {
|
package/lib/index.js
CHANGED
|
@@ -363,7 +363,8 @@ var expressiveHeading03 = {
|
|
|
363
363
|
lineHeight: 1.25
|
|
364
364
|
},
|
|
365
365
|
max: {
|
|
366
|
-
fontSize: layout.rem(scale[5])
|
|
366
|
+
fontSize: layout.rem(scale[5]),
|
|
367
|
+
lineHeight: 1.334
|
|
367
368
|
}
|
|
368
369
|
}
|
|
369
370
|
};
|
|
@@ -447,7 +448,7 @@ var expressiveHeading06 = {
|
|
|
447
448
|
var expressiveParagraph01 = {
|
|
448
449
|
fontSize: layout.rem(scale[5]),
|
|
449
450
|
fontWeight: fontWeights.light,
|
|
450
|
-
lineHeight: 1.
|
|
451
|
+
lineHeight: 1.334,
|
|
451
452
|
letterSpacing: 0,
|
|
452
453
|
lg: {
|
|
453
454
|
fontSize: layout.rem(scale[6]),
|
|
@@ -472,7 +473,7 @@ var quotation01 = {
|
|
|
472
473
|
lg: {
|
|
473
474
|
fontSize: layout.rem(scale[5]),
|
|
474
475
|
fontWeight: fontWeights.regular,
|
|
475
|
-
lineHeight: 1.
|
|
476
|
+
lineHeight: 1.334,
|
|
476
477
|
letterSpacing: 0
|
|
477
478
|
},
|
|
478
479
|
xlg: {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/type",
|
|
3
3
|
"description": "Typography for digital and software products using the Carbon Design System",
|
|
4
|
-
"version": "10.
|
|
4
|
+
"version": "10.17.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@carbon/import-once": "^10.3.0",
|
|
36
|
-
"@carbon/layout": "^10.
|
|
36
|
+
"@carbon/layout": "^10.14.0"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@carbon/bundler": "^10.9.0",
|
|
40
|
-
"@carbon/test-utils": "^10.
|
|
40
|
+
"@carbon/test-utils": "^10.12.0",
|
|
41
41
|
"change-case": "^4.1.1",
|
|
42
42
|
"rimraf": "^3.0.0"
|
|
43
43
|
},
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"sassDir": "scss",
|
|
48
48
|
"needs": "^1.3.0"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "e5565df7c0b7b69fd456b3010882844ba0d88d00"
|
|
51
51
|
}
|
package/scss/_font-family.scss
CHANGED
|
@@ -23,7 +23,7 @@ $carbon--font-families: (
|
|
|
23
23
|
"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif"
|
|
24
24
|
),
|
|
25
25
|
'serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
|
|
26
|
-
);
|
|
26
|
+
) !default;
|
|
27
27
|
|
|
28
28
|
/// Get the font-family for an IBM Plex font
|
|
29
29
|
/// @param {String} $name
|
|
@@ -50,7 +50,7 @@ $carbon--font-weights: (
|
|
|
50
50
|
'light': 300,
|
|
51
51
|
'regular': 400,
|
|
52
52
|
'semibold': 600,
|
|
53
|
-
);
|
|
53
|
+
) !default;
|
|
54
54
|
|
|
55
55
|
/// Retrieve the font-weight value for a given name
|
|
56
56
|
/// @param {String} $weight
|
|
@@ -23,7 +23,7 @@ $carbon--font-families: (
|
|
|
23
23
|
"'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif"
|
|
24
24
|
),
|
|
25
25
|
'serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
|
|
26
|
-
);
|
|
26
|
+
) !default;
|
|
27
27
|
|
|
28
28
|
/// Get the font-family for an IBM Plex font
|
|
29
29
|
/// @param {String} $name
|
|
@@ -50,7 +50,7 @@ $carbon--font-weights: (
|
|
|
50
50
|
'light': 300,
|
|
51
51
|
'regular': 400,
|
|
52
52
|
'semibold': 600,
|
|
53
|
-
);
|
|
53
|
+
) !default;
|
|
54
54
|
|
|
55
55
|
/// Retrieve the font-weight value for a given name
|
|
56
56
|
/// @param {String} $weight
|
|
@@ -216,6 +216,7 @@ $expressive-heading-03: (
|
|
|
216
216
|
),
|
|
217
217
|
max: (
|
|
218
218
|
font-size: carbon--type-scale(6),
|
|
219
|
+
line-height: 1.334,
|
|
219
220
|
),
|
|
220
221
|
),
|
|
221
222
|
) !default;
|
|
@@ -300,7 +301,7 @@ $expressive-heading-06: (
|
|
|
300
301
|
$expressive-paragraph-01: (
|
|
301
302
|
font-size: carbon--type-scale(6),
|
|
302
303
|
font-weight: carbon--font-weight('light'),
|
|
303
|
-
line-height: 1.
|
|
304
|
+
line-height: 1.334,
|
|
304
305
|
letter-spacing: 0,
|
|
305
306
|
breakpoints: (
|
|
306
307
|
lg: (
|
|
@@ -328,7 +329,7 @@ $quotation-01: (
|
|
|
328
329
|
),
|
|
329
330
|
lg: (
|
|
330
331
|
font-size: carbon--type-scale(6),
|
|
331
|
-
line-height: 1.
|
|
332
|
+
line-height: 1.334,
|
|
332
333
|
),
|
|
333
334
|
xlg: (
|
|
334
335
|
font-size: carbon--type-scale(7),
|
package/scss/_styles.scss
CHANGED
|
@@ -216,6 +216,7 @@ $expressive-heading-03: (
|
|
|
216
216
|
),
|
|
217
217
|
max: (
|
|
218
218
|
font-size: carbon--type-scale(6),
|
|
219
|
+
line-height: 1.334,
|
|
219
220
|
),
|
|
220
221
|
),
|
|
221
222
|
) !default;
|
|
@@ -300,7 +301,7 @@ $expressive-heading-06: (
|
|
|
300
301
|
$expressive-paragraph-01: (
|
|
301
302
|
font-size: carbon--type-scale(6),
|
|
302
303
|
font-weight: carbon--font-weight('light'),
|
|
303
|
-
line-height: 1.
|
|
304
|
+
line-height: 1.334,
|
|
304
305
|
letter-spacing: 0,
|
|
305
306
|
breakpoints: (
|
|
306
307
|
lg: (
|
|
@@ -328,7 +329,7 @@ $quotation-01: (
|
|
|
328
329
|
),
|
|
329
330
|
lg: (
|
|
330
331
|
font-size: carbon--type-scale(6),
|
|
331
|
-
line-height: 1.
|
|
332
|
+
line-height: 1.334,
|
|
332
333
|
),
|
|
333
334
|
xlg: (
|
|
334
335
|
font-size: carbon--type-scale(7),
|
|
@@ -124,7 +124,7 @@ letter-spacing: 0;"
|
|
|
124
124
|
exports[`styles expressiveParagraph01 should be printable 1`] = `
|
|
125
125
|
"font-size: 1.5rem;
|
|
126
126
|
font-weight: 300;
|
|
127
|
-
line-height: 1.
|
|
127
|
+
line-height: 1.334;
|
|
128
128
|
letter-spacing: 0;
|
|
129
129
|
lg: [object Object];
|
|
130
130
|
max: [object Object];"
|
package/src/styles.js
CHANGED
|
@@ -149,6 +149,7 @@ export const expressiveHeading03 = {
|
|
|
149
149
|
},
|
|
150
150
|
max: {
|
|
151
151
|
fontSize: rem(scale[5]),
|
|
152
|
+
lineHeight: 1.334,
|
|
152
153
|
},
|
|
153
154
|
},
|
|
154
155
|
};
|
|
@@ -236,7 +237,7 @@ export const expressiveHeading06 = {
|
|
|
236
237
|
export const expressiveParagraph01 = {
|
|
237
238
|
fontSize: rem(scale[5]),
|
|
238
239
|
fontWeight: fontWeights.light,
|
|
239
|
-
lineHeight: 1.
|
|
240
|
+
lineHeight: 1.334,
|
|
240
241
|
letterSpacing: 0,
|
|
241
242
|
lg: {
|
|
242
243
|
fontSize: rem(scale[6]),
|
|
@@ -262,7 +263,7 @@ export const quotation01 = {
|
|
|
262
263
|
lg: {
|
|
263
264
|
fontSize: rem(scale[5]),
|
|
264
265
|
fontWeight: fontWeights.regular,
|
|
265
|
-
lineHeight: 1.
|
|
266
|
+
lineHeight: 1.334,
|
|
266
267
|
letterSpacing: 0,
|
|
267
268
|
},
|
|
268
269
|
xlg: {
|
package/umd/index.js
CHANGED
|
@@ -363,7 +363,8 @@
|
|
|
363
363
|
lineHeight: 1.25
|
|
364
364
|
},
|
|
365
365
|
max: {
|
|
366
|
-
fontSize: layout.rem(scale[5])
|
|
366
|
+
fontSize: layout.rem(scale[5]),
|
|
367
|
+
lineHeight: 1.334
|
|
367
368
|
}
|
|
368
369
|
}
|
|
369
370
|
};
|
|
@@ -447,7 +448,7 @@
|
|
|
447
448
|
var expressiveParagraph01 = {
|
|
448
449
|
fontSize: layout.rem(scale[5]),
|
|
449
450
|
fontWeight: fontWeights.light,
|
|
450
|
-
lineHeight: 1.
|
|
451
|
+
lineHeight: 1.334,
|
|
451
452
|
letterSpacing: 0,
|
|
452
453
|
lg: {
|
|
453
454
|
fontSize: layout.rem(scale[6]),
|
|
@@ -472,7 +473,7 @@
|
|
|
472
473
|
lg: {
|
|
473
474
|
fontSize: layout.rem(scale[5]),
|
|
474
475
|
fontWeight: fontWeights.regular,
|
|
475
|
-
lineHeight: 1.
|
|
476
|
+
lineHeight: 1.334,
|
|
476
477
|
letterSpacing: 0
|
|
477
478
|
},
|
|
478
479
|
xlg: {
|