@carbon/type 10.21.0-rc.0 → 10.22.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/README.md +0 -6
- package/es/index.js +9 -7
- package/lib/index.js +9 -7
- package/package.json +7 -7
- package/scss/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +5 -5
- package/scss/vendor/@carbon/layout/modules/generated/_spacing.scss +13 -13
- package/src/__tests__/__snapshots__/styles-test.js.snap +1 -3
- package/src/styles.js +9 -7
- package/umd/index.js +9 -7
package/README.md
CHANGED
|
@@ -250,12 +250,6 @@ There is also a `type-scale` mixin that will set `font-size` for your directly:
|
|
|
250
250
|
}
|
|
251
251
|
```
|
|
252
252
|
|
|
253
|
-
## 📖 API Documentation
|
|
254
|
-
|
|
255
|
-
If you're looking for `@carbon/type` API documentation, check out:
|
|
256
|
-
|
|
257
|
-
- [Sass](./docs/sass.md)
|
|
258
|
-
|
|
259
253
|
## 📚 Examples
|
|
260
254
|
|
|
261
255
|
If you're looking for more examples on how to use `@carbon/type`, we have some
|
package/es/index.js
CHANGED
|
@@ -446,13 +446,15 @@ var expressiveParagraph01 = {
|
|
|
446
446
|
fontWeight: fontWeights.light,
|
|
447
447
|
lineHeight: 1.334,
|
|
448
448
|
letterSpacing: 0,
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
449
|
+
breakpoints: {
|
|
450
|
+
lg: {
|
|
451
|
+
fontSize: rem(scale[6]),
|
|
452
|
+
lineHeight: 1.29
|
|
453
|
+
},
|
|
454
|
+
max: {
|
|
455
|
+
fontSize: rem(scale[7]),
|
|
456
|
+
lineHeight: 1.25
|
|
457
|
+
}
|
|
456
458
|
}
|
|
457
459
|
};
|
|
458
460
|
var quotation01 = {
|
package/lib/index.js
CHANGED
|
@@ -450,13 +450,15 @@ var expressiveParagraph01 = {
|
|
|
450
450
|
fontWeight: fontWeights.light,
|
|
451
451
|
lineHeight: 1.334,
|
|
452
452
|
letterSpacing: 0,
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
453
|
+
breakpoints: {
|
|
454
|
+
lg: {
|
|
455
|
+
fontSize: layout.rem(scale[6]),
|
|
456
|
+
lineHeight: 1.29
|
|
457
|
+
},
|
|
458
|
+
max: {
|
|
459
|
+
fontSize: layout.rem(scale[7]),
|
|
460
|
+
lineHeight: 1.25
|
|
461
|
+
}
|
|
460
462
|
}
|
|
461
463
|
};
|
|
462
464
|
var quotation01 = {
|
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.22.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -32,16 +32,16 @@
|
|
|
32
32
|
"access": "public"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
|
-
"build": "yarn clean && carbon-cli bundle src/index.js --name CarbonType && carbon-cli
|
|
35
|
+
"build": "yarn clean && carbon-cli bundle src/index.js --name CarbonType && carbon-cli inline && carbon-cli check \"scss/*.scss\"",
|
|
36
36
|
"clean": "rimraf css es lib umd scss/_inlined scss/vendor"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@carbon/import-once": "^10.
|
|
40
|
-
"@carbon/layout": "^10.
|
|
39
|
+
"@carbon/import-once": "^10.6.0",
|
|
40
|
+
"@carbon/layout": "^10.19.0"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@carbon/cli": "^10.
|
|
44
|
-
"@carbon/test-utils": "^10.
|
|
43
|
+
"@carbon/cli": "^10.20.0",
|
|
44
|
+
"@carbon/test-utils": "^10.15.0",
|
|
45
45
|
"change-case": "^4.1.1",
|
|
46
46
|
"rimraf": "^3.0.0"
|
|
47
47
|
},
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"sassDir": "scss",
|
|
52
52
|
"needs": "^1.3.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "f4f5ac5a33f77b799d9e4533287db8912e40cd1b"
|
|
55
55
|
}
|
|
@@ -26,12 +26,12 @@ $fluid-spacing-03: 5vw !default;
|
|
|
26
26
|
/// @group @carbon/layout
|
|
27
27
|
$fluid-spacing-04: 10vw !default;
|
|
28
28
|
|
|
29
|
-
/// @type
|
|
29
|
+
/// @type Map
|
|
30
30
|
/// @access public
|
|
31
31
|
/// @group @carbon/layout
|
|
32
32
|
$fluid-spacing: (
|
|
33
|
-
$fluid-spacing-01,
|
|
34
|
-
$fluid-spacing-02,
|
|
35
|
-
$fluid-spacing-03,
|
|
36
|
-
$fluid-spacing-04
|
|
33
|
+
fluid-spacing-01: $fluid-spacing-01,
|
|
34
|
+
fluid-spacing-02: $fluid-spacing-02,
|
|
35
|
+
fluid-spacing-03: $fluid-spacing-03,
|
|
36
|
+
fluid-spacing-04: $fluid-spacing-04,
|
|
37
37
|
);
|
|
@@ -66,20 +66,20 @@ $spacing-11: 5rem !default;
|
|
|
66
66
|
/// @group @carbon/layout
|
|
67
67
|
$spacing-12: 6rem !default;
|
|
68
68
|
|
|
69
|
-
/// @type
|
|
69
|
+
/// @type Map
|
|
70
70
|
/// @access public
|
|
71
71
|
/// @group @carbon/layout
|
|
72
72
|
$spacing: (
|
|
73
|
-
$spacing-01,
|
|
74
|
-
$spacing-02,
|
|
75
|
-
$spacing-03,
|
|
76
|
-
$spacing-04,
|
|
77
|
-
$spacing-05,
|
|
78
|
-
$spacing-06,
|
|
79
|
-
$spacing-07,
|
|
80
|
-
$spacing-08,
|
|
81
|
-
$spacing-09,
|
|
82
|
-
$spacing-10,
|
|
83
|
-
$spacing-11,
|
|
84
|
-
$spacing-12
|
|
73
|
+
spacing-01: $spacing-01,
|
|
74
|
+
spacing-02: $spacing-02,
|
|
75
|
+
spacing-03: $spacing-03,
|
|
76
|
+
spacing-04: $spacing-04,
|
|
77
|
+
spacing-05: $spacing-05,
|
|
78
|
+
spacing-06: $spacing-06,
|
|
79
|
+
spacing-07: $spacing-07,
|
|
80
|
+
spacing-08: $spacing-08,
|
|
81
|
+
spacing-09: $spacing-09,
|
|
82
|
+
spacing-10: $spacing-10,
|
|
83
|
+
spacing-11: $spacing-11,
|
|
84
|
+
spacing-12: $spacing-12,
|
|
85
85
|
);
|
|
@@ -125,9 +125,7 @@ exports[`styles expressiveParagraph01 should be printable 1`] = `
|
|
|
125
125
|
"font-size: 1.5rem;
|
|
126
126
|
font-weight: 300;
|
|
127
127
|
line-height: 1.334;
|
|
128
|
-
letter-spacing: 0;
|
|
129
|
-
lg: [object Object];
|
|
130
|
-
max: [object Object];"
|
|
128
|
+
letter-spacing: 0;"
|
|
131
129
|
`;
|
|
132
130
|
|
|
133
131
|
exports[`styles heading01 should be printable 1`] = `
|
package/src/styles.js
CHANGED
|
@@ -239,13 +239,15 @@ export const expressiveParagraph01 = {
|
|
|
239
239
|
fontWeight: fontWeights.light,
|
|
240
240
|
lineHeight: 1.334,
|
|
241
241
|
letterSpacing: 0,
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
242
|
+
breakpoints: {
|
|
243
|
+
lg: {
|
|
244
|
+
fontSize: rem(scale[6]),
|
|
245
|
+
lineHeight: 1.29,
|
|
246
|
+
},
|
|
247
|
+
max: {
|
|
248
|
+
fontSize: rem(scale[7]),
|
|
249
|
+
lineHeight: 1.25,
|
|
250
|
+
},
|
|
249
251
|
},
|
|
250
252
|
};
|
|
251
253
|
|
package/umd/index.js
CHANGED
|
@@ -450,13 +450,15 @@
|
|
|
450
450
|
fontWeight: fontWeights.light,
|
|
451
451
|
lineHeight: 1.334,
|
|
452
452
|
letterSpacing: 0,
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
453
|
+
breakpoints: {
|
|
454
|
+
lg: {
|
|
455
|
+
fontSize: layout.rem(scale[6]),
|
|
456
|
+
lineHeight: 1.29
|
|
457
|
+
},
|
|
458
|
+
max: {
|
|
459
|
+
fontSize: layout.rem(scale[7]),
|
|
460
|
+
lineHeight: 1.25
|
|
461
|
+
}
|
|
460
462
|
}
|
|
461
463
|
};
|
|
462
464
|
var quotation01 = {
|