@carbon/charts 0.41.49 → 0.41.50
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/CHANGELOG.md +8 -0
- package/build/demo/data/index.d.ts +9 -3
- package/build/demo/data/wordcloud.d.ts +14 -0
- package/build/src/charts/index.d.ts +1 -0
- package/build/src/charts/wordcloud.d.ts +6 -0
- package/build/src/components/graphs/wordcloud.d.ts +10 -0
- package/build/src/components/index.d.ts +1 -0
- package/build/src/configuration.d.ts +2 -1
- package/build/src/interfaces/charts.d.ts +23 -0
- package/build/src/interfaces/events.d.ts +9 -0
- package/bundle.js +1 -1
- package/charts/index.d.ts +1 -0
- package/charts/index.js +1 -0
- package/charts/index.js.map +1 -1
- package/charts/wordcloud.d.ts +6 -0
- package/charts/wordcloud.js +46 -0
- package/charts/wordcloud.js.map +1 -0
- package/components/essentials/tooltip-axis.js +1 -1
- package/components/essentials/tooltip-axis.js.map +1 -1
- package/components/graphs/boxplot.js +2 -2
- package/components/graphs/boxplot.js.map +1 -1
- package/components/graphs/wordcloud.d.ts +10 -0
- package/components/graphs/wordcloud.js +229 -0
- package/components/graphs/wordcloud.js.map +1 -0
- package/components/index.d.ts +1 -0
- package/components/index.js +1 -0
- package/components/index.js.map +1 -1
- package/configuration.d.ts +2 -1
- package/configuration.js +22 -0
- package/configuration.js.map +1 -1
- package/demo/data/bundle.js +1 -1
- package/demo/data/index.d.ts +9 -3
- package/demo/data/index.js +25 -8
- package/demo/data/index.js.map +1 -1
- package/demo/data/wordcloud.d.ts +14 -0
- package/demo/data/wordcloud.js +105 -0
- package/demo/data/wordcloud.js.map +1 -0
- package/demo/styles.css +2824 -28
- package/demo/styles.css.map +1 -1
- package/demo/styles.min.css +1 -1
- package/demo/styles.min.css.map +1 -1
- package/demo/tsconfig.tsbuildinfo +29 -15
- package/interfaces/charts.d.ts +23 -0
- package/interfaces/charts.js.map +1 -1
- package/interfaces/events.d.ts +9 -0
- package/interfaces/events.js +10 -0
- package/interfaces/events.js.map +1 -1
- package/package.json +8 -7
- package/styles/_type.scss +4 -2
- package/styles/graphs/_wordcloud.scss +7 -0
- package/styles/graphs/index.scss +1 -0
- package/styles/vendor/@carbon/colors/README.md +4 -3
- package/styles/vendor/@carbon/colors/es/index.js +13 -12
- package/styles/vendor/@carbon/colors/lib/index.js +98 -93
- package/styles/vendor/@carbon/colors/package.json +14 -10
- package/styles/vendor/@carbon/colors/scss/colors.scss +1 -1
- package/styles/vendor/@carbon/colors/scss/index.scss +1 -1
- package/styles/vendor/@carbon/colors/scss/mixins.scss +33 -13
- package/styles/vendor/@carbon/colors/umd/index.js +99 -94
- package/styles/vendor/@carbon/elements/README.md +0 -6
- package/styles/vendor/@carbon/elements/es/index.js +4 -11
- package/styles/vendor/@carbon/elements/lib/index.js +959 -13
- package/styles/vendor/@carbon/elements/package.json +17 -13
- package/styles/vendor/@carbon/elements/scss/colors/colors.scss +1 -1
- package/styles/vendor/@carbon/elements/scss/colors/index.scss +1 -1
- package/styles/vendor/@carbon/elements/scss/colors/mixins.scss +33 -13
- package/styles/vendor/@carbon/elements/scss/grid/_inlined/_mixins.scss +82 -22
- package/styles/vendor/@carbon/elements/scss/grid/_mixins.scss +82 -22
- package/styles/vendor/@carbon/elements/scss/grid/modules/_breakpoint.scss +266 -0
- package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss/colors.scss → elements/scss/grid/modules/_config.scss} +6 -6
- package/styles/vendor/@carbon/elements/scss/grid/modules/_css-grid.scss +350 -0
- package/styles/vendor/@carbon/elements/scss/grid/modules/_mixins.scss +323 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/elements/scss/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/elements/scss/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/elements/scss/motion/motion.scss +24 -0
- package/styles/vendor/@carbon/elements/scss/themes/generated/_mixins.scss +643 -138
- package/styles/vendor/@carbon/elements/scss/themes/generated/_themes.scss +154 -77
- package/styles/vendor/@carbon/elements/scss/themes/generated/_tokens.scss +157 -75
- package/styles/vendor/@carbon/elements/scss/themes/modules/_theme.scss +50 -0
- package/styles/vendor/@carbon/elements/scss/themes/modules/_themes.scss +8 -0
- package/styles/vendor/@carbon/elements/scss/themes/modules/_utilities.scss +18 -0
- package/styles/vendor/@carbon/elements/scss/themes/modules/generated/_themes.scss +247 -0
- package/styles/vendor/@carbon/elements/scss/type/_font-family.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_font-family.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_reset.scss +9 -3
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_scale.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_styles.scss +60 -57
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/_reset.scss +9 -3
- package/styles/vendor/@carbon/elements/scss/type/_scale.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_styles.scss +60 -57
- package/styles/vendor/@carbon/elements/scss/type/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/elements/scss/type/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/elements/scss/type/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/modules/_classes.scss +42 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_font-family.scss +70 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_prefix.scss +11 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_reset.scss +92 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_scale.scss +56 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_styles.scss +713 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/elements/src/__tests__/PublicAPI-test.js +12 -0
- package/styles/vendor/@carbon/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap +306 -0
- package/styles/vendor/@carbon/elements/src/index.js +166 -4
- package/styles/vendor/@carbon/elements/umd/index.js +961 -17
- package/styles/vendor/@carbon/layout/README.md +0 -6
- package/styles/vendor/@carbon/layout/es/index.js +1 -1
- package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss → layout}/index.scss +5 -6
- package/styles/vendor/@carbon/layout/lib/index.js +30 -30
- package/styles/vendor/@carbon/layout/package.json +14 -10
- package/styles/vendor/@carbon/layout/scss/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/layout/scss/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/layout/scss/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/layout/scss/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/layout/scss/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/layout/scss/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/layout/scss/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/layout/umd/index.js +31 -31
- package/styles/vendor/@carbon/motion/README.md +0 -6
- package/styles/vendor/@carbon/motion/es/index.js +8 -1
- package/styles/vendor/@carbon/motion/index.scss +56 -0
- package/styles/vendor/@carbon/motion/lib/index.js +14 -0
- package/styles/vendor/@carbon/motion/package.json +10 -6
- package/styles/vendor/@carbon/motion/scss/motion.scss +24 -0
- package/styles/vendor/@carbon/motion/src/index.js +16 -0
- package/styles/vendor/@carbon/motion/umd/index.js +15 -1
- package/styles/vendor/@carbon/themes/README.md +5 -4
- package/styles/vendor/@carbon/themes/es/index.js +719 -57
- package/styles/vendor/@carbon/themes/index.scss +9 -0
- package/styles/vendor/@carbon/themes/lib/index.js +1297 -251
- package/styles/vendor/@carbon/themes/metadata.yml +3 -0
- package/styles/vendor/@carbon/themes/package.json +23 -14
- package/styles/vendor/@carbon/themes/scss/_mixins.scss +27 -146
- package/styles/vendor/@carbon/themes/scss/_theme-maps.scss +3 -263
- package/styles/vendor/@carbon/themes/scss/_tokens.scss +2 -297
- package/styles/vendor/@carbon/themes/scss/generated/_mixins.scss +1851 -0
- package/styles/vendor/@carbon/themes/scss/generated/_themes.scss +1534 -0
- package/styles/vendor/@carbon/themes/scss/generated/_tokens.scss +1757 -0
- package/styles/vendor/@carbon/themes/scss/modules/_theme.scss +50 -0
- package/styles/vendor/@carbon/themes/scss/modules/_themes.scss +8 -0
- package/styles/vendor/@carbon/themes/scss/modules/_utilities.scss +18 -0
- package/styles/vendor/@carbon/themes/scss/modules/generated/_themes.scss +247 -0
- package/styles/vendor/@carbon/themes/scss/themes.scss +3 -2
- package/styles/vendor/@carbon/themes/src/g10.js +97 -5
- package/styles/vendor/@carbon/themes/src/g100.js +96 -4
- package/styles/vendor/@carbon/themes/src/g90.js +98 -6
- package/styles/vendor/@carbon/themes/src/index.js +5 -3
- package/styles/vendor/@carbon/themes/src/tokens.js +112 -2
- package/styles/vendor/@carbon/themes/src/tools.js +25 -0
- package/styles/vendor/@carbon/themes/src/v9.js +181 -0
- package/styles/vendor/@carbon/themes/src/white.js +98 -3
- package/styles/vendor/@carbon/themes/umd/index.js +1297 -254
- package/styles/vendor/@carbon/type/README.md +0 -6
- package/styles/vendor/@carbon/type/es/index.js +111 -82
- package/styles/vendor/@carbon/type/lib/index.js +132 -103
- package/styles/vendor/@carbon/type/package.json +12 -8
- package/styles/vendor/@carbon/type/scss/_font-family.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_inlined/_font-family.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_inlined/_reset.scss +9 -3
- package/styles/vendor/@carbon/type/scss/_inlined/_scale.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_inlined/_styles.scss +60 -57
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/type/scss/_reset.scss +9 -3
- package/styles/vendor/@carbon/type/scss/_scale.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_styles.scss +60 -57
- package/styles/vendor/@carbon/type/scss/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/type/scss/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/type/scss/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/type/scss/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/type/scss/modules/_classes.scss +42 -0
- package/styles/vendor/@carbon/type/scss/modules/_font-family.scss +70 -0
- package/styles/vendor/@carbon/type/scss/modules/_prefix.scss +11 -0
- package/styles/vendor/@carbon/type/scss/modules/_reset.scss +92 -0
- package/styles/vendor/@carbon/type/scss/modules/_scale.scss +56 -0
- package/styles/vendor/@carbon/type/scss/modules/_styles.scss +713 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/type/src/__tests__/__snapshots__/styles-test.js.snap +32 -34
- package/styles/vendor/@carbon/type/src/__tests__/exports-test.js +1 -1
- package/styles/vendor/@carbon/type/src/__tests__/fluid-test.js +26 -26
- package/styles/vendor/@carbon/type/src/__tests__/styles-test.js +1 -1
- package/styles/vendor/@carbon/type/src/__tests__/tokens-test.js +2 -2
- package/styles/vendor/@carbon/type/src/fluid.js +1 -1
- package/styles/vendor/@carbon/type/src/index.js +1 -1
- package/styles/vendor/@carbon/type/src/styles.js +65 -64
- package/styles/vendor/@carbon/type/src/tokens.js +64 -31
- package/styles/vendor/@carbon/type/umd/index.js +134 -105
- package/styles-g10.css +570 -2
- package/styles-g10.css.map +1 -1
- package/styles-g10.min.css +1 -1
- package/styles-g10.min.css.map +1 -1
- package/styles-g100.css +574 -6
- package/styles-g100.css.map +1 -1
- package/styles-g100.min.css +1 -1
- package/styles-g100.min.css.map +1 -1
- package/styles-g90.css +574 -6
- package/styles-g90.css.map +1 -1
- package/styles-g90.min.css +1 -1
- package/styles-g90.min.css.map +1 -1
- package/styles.css +570 -2
- package/styles.css.map +1 -1
- package/styles.min.css +1 -1
- package/styles.min.css.map +1 -1
- package/tsconfig.tsbuildinfo +64 -14
- package/styles/vendor/@carbon/layout/docs/sass.md +0 -1899
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/LICENSE +0 -201
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/README.md +0 -154
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/es/index.js +0 -287
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/lib/index.js +0 -410
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/package.json +0 -51
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/scss/mixins.scss +0 -646
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/umd/index.js +0 -416
|
@@ -3,35 +3,35 @@
|
|
|
3
3
|
exports[`styles bodyLong01 should be printable 1`] = `
|
|
4
4
|
"font-size: 0.875rem;
|
|
5
5
|
font-weight: 400;
|
|
6
|
-
line-height: 1.
|
|
6
|
+
line-height: 1.43;
|
|
7
7
|
letter-spacing: 0.16px;"
|
|
8
8
|
`;
|
|
9
9
|
|
|
10
10
|
exports[`styles bodyLong02 should be printable 1`] = `
|
|
11
11
|
"font-size: 1rem;
|
|
12
12
|
font-weight: 400;
|
|
13
|
-
line-height: 1.
|
|
13
|
+
line-height: 1.5;
|
|
14
14
|
letter-spacing: 0;"
|
|
15
15
|
`;
|
|
16
16
|
|
|
17
17
|
exports[`styles bodyShort01 should be printable 1`] = `
|
|
18
18
|
"font-size: 0.875rem;
|
|
19
19
|
font-weight: 400;
|
|
20
|
-
line-height: 1.
|
|
20
|
+
line-height: 1.29;
|
|
21
21
|
letter-spacing: 0.16px;"
|
|
22
22
|
`;
|
|
23
23
|
|
|
24
24
|
exports[`styles bodyShort02 should be printable 1`] = `
|
|
25
25
|
"font-size: 1rem;
|
|
26
26
|
font-weight: 400;
|
|
27
|
-
line-height: 1.
|
|
27
|
+
line-height: 1.375;
|
|
28
28
|
letter-spacing: 0;"
|
|
29
29
|
`;
|
|
30
30
|
|
|
31
31
|
exports[`styles caption01 should be printable 1`] = `
|
|
32
32
|
"font-size: 0.75rem;
|
|
33
33
|
font-weight: 400;
|
|
34
|
-
line-height:
|
|
34
|
+
line-height: 1.34;
|
|
35
35
|
letter-spacing: 0.32px;"
|
|
36
36
|
`;
|
|
37
37
|
|
|
@@ -39,7 +39,7 @@ exports[`styles code01 should be printable 1`] = `
|
|
|
39
39
|
"font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
|
40
40
|
font-size: 0.75rem;
|
|
41
41
|
font-weight: 400;
|
|
42
|
-
line-height:
|
|
42
|
+
line-height: 1.34;
|
|
43
43
|
letter-spacing: 0.32px;"
|
|
44
44
|
`;
|
|
45
45
|
|
|
@@ -47,175 +47,173 @@ exports[`styles code02 should be printable 1`] = `
|
|
|
47
47
|
"font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
|
|
48
48
|
font-size: 0.875rem;
|
|
49
49
|
font-weight: 400;
|
|
50
|
-
line-height: 1.
|
|
50
|
+
line-height: 1.43;
|
|
51
51
|
letter-spacing: 0.32px;"
|
|
52
52
|
`;
|
|
53
53
|
|
|
54
54
|
exports[`styles display01 should be printable 1`] = `
|
|
55
55
|
"font-size: 2.625rem;
|
|
56
56
|
font-weight: 300;
|
|
57
|
-
line-height:
|
|
57
|
+
line-height: 1.19;
|
|
58
58
|
letter-spacing: 0;"
|
|
59
59
|
`;
|
|
60
60
|
|
|
61
61
|
exports[`styles display02 should be printable 1`] = `
|
|
62
62
|
"font-size: 2.625rem;
|
|
63
63
|
font-weight: 600;
|
|
64
|
-
line-height:
|
|
64
|
+
line-height: 1.19;
|
|
65
65
|
letter-spacing: 0;"
|
|
66
66
|
`;
|
|
67
67
|
|
|
68
68
|
exports[`styles display03 should be printable 1`] = `
|
|
69
69
|
"font-size: 2.625rem;
|
|
70
70
|
font-weight: 300;
|
|
71
|
-
line-height:
|
|
71
|
+
line-height: 1.19;
|
|
72
72
|
letter-spacing: 0;"
|
|
73
73
|
`;
|
|
74
74
|
|
|
75
75
|
exports[`styles display04 should be printable 1`] = `
|
|
76
76
|
"font-size: 2.625rem;
|
|
77
77
|
font-weight: 600;
|
|
78
|
-
line-height:
|
|
78
|
+
line-height: 1.19;
|
|
79
79
|
letter-spacing: 0;"
|
|
80
80
|
`;
|
|
81
81
|
|
|
82
82
|
exports[`styles expressiveHeading01 should be printable 1`] = `
|
|
83
83
|
"font-size: 0.875rem;
|
|
84
84
|
font-weight: 600;
|
|
85
|
-
line-height: 1.
|
|
85
|
+
line-height: 1.25;
|
|
86
86
|
letter-spacing: 0.16px;"
|
|
87
87
|
`;
|
|
88
88
|
|
|
89
89
|
exports[`styles expressiveHeading02 should be printable 1`] = `
|
|
90
90
|
"font-size: 1rem;
|
|
91
91
|
font-weight: 600;
|
|
92
|
-
line-height: 1.
|
|
92
|
+
line-height: 1.5;
|
|
93
93
|
letter-spacing: 0;"
|
|
94
94
|
`;
|
|
95
95
|
|
|
96
96
|
exports[`styles expressiveHeading03 should be printable 1`] = `
|
|
97
97
|
"font-size: 1.25rem;
|
|
98
98
|
font-weight: 400;
|
|
99
|
-
line-height:
|
|
99
|
+
line-height: 1.4;
|
|
100
100
|
letter-spacing: 0;"
|
|
101
101
|
`;
|
|
102
102
|
|
|
103
103
|
exports[`styles expressiveHeading04 should be printable 1`] = `
|
|
104
104
|
"font-size: 1.75rem;
|
|
105
105
|
font-weight: 400;
|
|
106
|
-
line-height:
|
|
106
|
+
line-height: 1.29;
|
|
107
107
|
letter-spacing: 0;"
|
|
108
108
|
`;
|
|
109
109
|
|
|
110
110
|
exports[`styles expressiveHeading05 should be printable 1`] = `
|
|
111
111
|
"font-size: 2rem;
|
|
112
112
|
font-weight: 400;
|
|
113
|
-
line-height:
|
|
113
|
+
line-height: 1.25;
|
|
114
114
|
letter-spacing: 0;"
|
|
115
115
|
`;
|
|
116
116
|
|
|
117
117
|
exports[`styles expressiveHeading06 should be printable 1`] = `
|
|
118
118
|
"font-size: 2rem;
|
|
119
119
|
font-weight: 600;
|
|
120
|
-
line-height:
|
|
120
|
+
line-height: 1.25;
|
|
121
121
|
letter-spacing: 0;"
|
|
122
122
|
`;
|
|
123
123
|
|
|
124
124
|
exports[`styles expressiveParagraph01 should be printable 1`] = `
|
|
125
125
|
"font-size: 1.5rem;
|
|
126
126
|
font-weight: 300;
|
|
127
|
-
line-height:
|
|
128
|
-
letter-spacing: 0;
|
|
129
|
-
lg: [object Object];
|
|
130
|
-
max: [object Object];"
|
|
127
|
+
line-height: 1.334;
|
|
128
|
+
letter-spacing: 0;"
|
|
131
129
|
`;
|
|
132
130
|
|
|
133
131
|
exports[`styles heading01 should be printable 1`] = `
|
|
134
132
|
"font-size: 0.875rem;
|
|
135
133
|
font-weight: 600;
|
|
136
|
-
line-height: 1.
|
|
134
|
+
line-height: 1.29;
|
|
137
135
|
letter-spacing: 0.16px;"
|
|
138
136
|
`;
|
|
139
137
|
|
|
140
138
|
exports[`styles heading02 should be printable 1`] = `
|
|
141
139
|
"font-size: 1rem;
|
|
142
140
|
font-weight: 600;
|
|
143
|
-
line-height: 1.
|
|
141
|
+
line-height: 1.375;
|
|
144
142
|
letter-spacing: 0;"
|
|
145
143
|
`;
|
|
146
144
|
|
|
147
145
|
exports[`styles helperText01 should be printable 1`] = `
|
|
148
146
|
"font-size: 0.75rem;
|
|
149
|
-
line-height:
|
|
147
|
+
line-height: 1.34;
|
|
150
148
|
letter-spacing: 0.32px;"
|
|
151
149
|
`;
|
|
152
150
|
|
|
153
151
|
exports[`styles label01 should be printable 1`] = `
|
|
154
152
|
"font-size: 0.75rem;
|
|
155
153
|
font-weight: 400;
|
|
156
|
-
line-height:
|
|
154
|
+
line-height: 1.34;
|
|
157
155
|
letter-spacing: 0.32px;"
|
|
158
156
|
`;
|
|
159
157
|
|
|
160
158
|
exports[`styles productiveHeading01 should be printable 1`] = `
|
|
161
159
|
"font-size: 0.875rem;
|
|
162
160
|
font-weight: 600;
|
|
163
|
-
line-height: 1.
|
|
161
|
+
line-height: 1.29;
|
|
164
162
|
letter-spacing: 0.16px;"
|
|
165
163
|
`;
|
|
166
164
|
|
|
167
165
|
exports[`styles productiveHeading02 should be printable 1`] = `
|
|
168
166
|
"font-size: 1rem;
|
|
169
167
|
font-weight: 600;
|
|
170
|
-
line-height: 1.
|
|
168
|
+
line-height: 1.375;
|
|
171
169
|
letter-spacing: 0;"
|
|
172
170
|
`;
|
|
173
171
|
|
|
174
172
|
exports[`styles productiveHeading03 should be printable 1`] = `
|
|
175
173
|
"font-size: 1.25rem;
|
|
176
174
|
font-weight: 400;
|
|
177
|
-
line-height: 1.
|
|
175
|
+
line-height: 1.4;
|
|
178
176
|
letter-spacing: 0;"
|
|
179
177
|
`;
|
|
180
178
|
|
|
181
179
|
exports[`styles productiveHeading04 should be printable 1`] = `
|
|
182
180
|
"font-size: 1.75rem;
|
|
183
181
|
font-weight: 400;
|
|
184
|
-
line-height:
|
|
182
|
+
line-height: 1.29;
|
|
185
183
|
letter-spacing: 0;"
|
|
186
184
|
`;
|
|
187
185
|
|
|
188
186
|
exports[`styles productiveHeading05 should be printable 1`] = `
|
|
189
187
|
"font-size: 2rem;
|
|
190
188
|
font-weight: 400;
|
|
191
|
-
line-height:
|
|
189
|
+
line-height: 1.25;
|
|
192
190
|
letter-spacing: 0;"
|
|
193
191
|
`;
|
|
194
192
|
|
|
195
193
|
exports[`styles productiveHeading06 should be printable 1`] = `
|
|
196
194
|
"font-size: 2.625rem;
|
|
197
195
|
font-weight: 300;
|
|
198
|
-
line-height:
|
|
196
|
+
line-height: 1.199;
|
|
199
197
|
letter-spacing: 0;"
|
|
200
198
|
`;
|
|
201
199
|
|
|
202
200
|
exports[`styles productiveHeading07 should be printable 1`] = `
|
|
203
201
|
"font-size: 3.375rem;
|
|
204
202
|
font-weight: 300;
|
|
205
|
-
line-height:
|
|
203
|
+
line-height: 1.19;
|
|
206
204
|
letter-spacing: 0;"
|
|
207
205
|
`;
|
|
208
206
|
|
|
209
207
|
exports[`styles quotation01 should be printable 1`] = `
|
|
210
208
|
"font-size: 1.25rem;
|
|
211
209
|
font-weight: 400;
|
|
212
|
-
line-height:
|
|
210
|
+
line-height: 1.3;
|
|
213
211
|
letter-spacing: 0;"
|
|
214
212
|
`;
|
|
215
213
|
|
|
216
214
|
exports[`styles quotation02 should be printable 1`] = `
|
|
217
215
|
"font-size: 2rem;
|
|
218
216
|
font-weight: 300;
|
|
219
|
-
line-height:
|
|
217
|
+
line-height: 1.25;
|
|
220
218
|
letter-spacing: 0;"
|
|
221
219
|
`;
|
|
@@ -22,6 +22,7 @@ describe('type', () => {
|
|
|
22
22
|
"getTypeSize",
|
|
23
23
|
"scale",
|
|
24
24
|
"fluid",
|
|
25
|
+
"unstable_tokens",
|
|
25
26
|
"styles",
|
|
26
27
|
"caption01",
|
|
27
28
|
"label01",
|
|
@@ -54,7 +55,6 @@ describe('type', () => {
|
|
|
54
55
|
"display02",
|
|
55
56
|
"display03",
|
|
56
57
|
"display04",
|
|
57
|
-
"unstable_tokens",
|
|
58
58
|
]
|
|
59
59
|
`);
|
|
60
60
|
});
|
|
@@ -41,31 +41,31 @@ describe('fluid', () => {
|
|
|
41
41
|
|
|
42
42
|
it('should compute the fluid styles for a token', () => {
|
|
43
43
|
expect(fluid(display04)).toMatchInlineSnapshot(`
|
|
44
|
-
Object {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
`);
|
|
44
|
+
Object {
|
|
45
|
+
"@media (min-width: 42rem)": Object {
|
|
46
|
+
"fontSize": "calc(4.25rem + 1.5 * ((100vw - 42rem) / 24))",
|
|
47
|
+
"lineHeight": 1.15,
|
|
48
|
+
},
|
|
49
|
+
"@media (min-width: 66rem)": Object {
|
|
50
|
+
"fontSize": "calc(5.75rem + 1.875 * ((100vw - 66rem) / 16))",
|
|
51
|
+
"letterSpacing": "-0.64px",
|
|
52
|
+
"lineHeight": 1.11,
|
|
53
|
+
},
|
|
54
|
+
"@media (min-width: 82rem)": Object {
|
|
55
|
+
"fontSize": "calc(7.625rem + 2.125 * ((100vw - 82rem) / 17))",
|
|
56
|
+
"letterSpacing": "-0.64px",
|
|
57
|
+
"lineHeight": 1.07,
|
|
58
|
+
},
|
|
59
|
+
"@media (min-width: 99rem)": Object {
|
|
60
|
+
"fontSize": "9.75rem",
|
|
61
|
+
"letterSpacing": "-0.96px",
|
|
62
|
+
"lineHeight": 1.05,
|
|
63
|
+
},
|
|
64
|
+
"fontSize": "calc(2.625rem + 1.625 * ((100vw - 20rem) / 22))",
|
|
65
|
+
"fontWeight": 600,
|
|
66
|
+
"letterSpacing": 0,
|
|
67
|
+
"lineHeight": 1.19,
|
|
68
|
+
}
|
|
69
|
+
`);
|
|
70
70
|
});
|
|
71
71
|
});
|
|
@@ -11,7 +11,7 @@ import * as tokens from '../styles';
|
|
|
11
11
|
import { print } from '../print';
|
|
12
12
|
|
|
13
13
|
describe('styles', () => {
|
|
14
|
-
test.each(Object.keys(tokens))('%s should be printable', key => {
|
|
14
|
+
test.each(Object.keys(tokens))('%s should be printable', (key) => {
|
|
15
15
|
const token = tokens[key];
|
|
16
16
|
expect(print(token)).toMatchSnapshot();
|
|
17
17
|
});
|
|
@@ -11,11 +11,11 @@ import { unstable_tokens as tokens } from '../tokens';
|
|
|
11
11
|
import * as styles from '../styles';
|
|
12
12
|
|
|
13
13
|
describe('type tokens', () => {
|
|
14
|
-
test.each(tokens)('%s should be defined in styles', token => {
|
|
14
|
+
test.each(tokens)('%s should be defined in styles', (token) => {
|
|
15
15
|
expect(styles[token]).toBeDefined();
|
|
16
16
|
});
|
|
17
17
|
|
|
18
|
-
test.each(Object.keys(styles))('%s should be defined in tokens', token => {
|
|
18
|
+
test.each(Object.keys(styles))('%s should be defined in tokens', (token) => {
|
|
19
19
|
expect(tokens.indexOf(token)).not.toBe(-1);
|
|
20
20
|
});
|
|
21
21
|
});
|
|
@@ -27,7 +27,7 @@ export function fluid(selector) {
|
|
|
27
27
|
|
|
28
28
|
styles.fontSize = fluidTypeSize(styles, 'sm', fluidBreakpoints);
|
|
29
29
|
|
|
30
|
-
fluidBreakpointNames.forEach(name => {
|
|
30
|
+
fluidBreakpointNames.forEach((name) => {
|
|
31
31
|
styles[bp(name)] = {
|
|
32
32
|
...fluidBreakpoints[name],
|
|
33
33
|
fontSize: fluidTypeSize(styles, name, fluidBreakpoints),
|