@carbon/styles 1.87.0 → 1.88.0-rc.1
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/css/styles.css +6 -22
- package/css/styles.min.css +1 -1
- package/package.json +10 -10
- package/scss/__tests__/__snapshots__/colors-test.js.snap +16 -16
- package/scss/__tests__/__snapshots__/config-test.js.snap +7 -7
- package/scss/__tests__/__snapshots__/motion-test.js.snap +8 -8
- package/scss/__tests__/__snapshots__/spacing-test.js.snap +4 -4
- package/scss/__tests__/__snapshots__/type-test.js.snap +2576 -2576
- package/scss/__tests__/theme-test.js +1 -1
- package/scss/__tests__/themes-test.js +1 -1
- package/scss/__tests__/type-test.js +1 -1
- package/scss/components/__tests__/accordion-test.js +1 -1
- package/scss/components/__tests__/button-test.js +1 -1
- package/scss/components/__tests__/code-snippet-test.js +1 -1
- package/scss/components/__tests__/data-table-test.js +1 -1
- package/scss/components/__tests__/form-test.js +1 -1
- package/scss/components/__tests__/list-box-test.js +1 -1
- package/scss/components/form/_form.scss +1 -1
- package/scss/components/link/_link.scss +2 -2
- package/scss/components/menu-button/_menu-button.scss +1 -1
- package/scss/components/text-area/_text-area.scss +0 -9
- package/scss/components/tooltip/_tooltip.scss +0 -4
- package/scss/fonts/__tests__/__snapshots__/fonts-test.js.snap +187 -187
- package/scss/fonts/__tests__/fonts-test.js +2 -4
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/styles",
|
|
3
3
|
"description": "Styles for the Carbon Design System",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.88.0-rc.1",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@carbon/colors": "^11.
|
|
44
|
-
"@carbon/feature-flags": "^0.29.0",
|
|
45
|
-
"@carbon/grid": "^11.
|
|
46
|
-
"@carbon/layout": "^11.
|
|
47
|
-
"@carbon/motion": "^11.
|
|
48
|
-
"@carbon/themes": "^11.
|
|
49
|
-
"@carbon/type": "^11.
|
|
43
|
+
"@carbon/colors": "^11.38.0-rc.1",
|
|
44
|
+
"@carbon/feature-flags": "^0.29.1-rc.0",
|
|
45
|
+
"@carbon/grid": "^11.41.0-rc.1",
|
|
46
|
+
"@carbon/layout": "^11.39.0-rc.1",
|
|
47
|
+
"@carbon/motion": "^11.33.0-rc.1",
|
|
48
|
+
"@carbon/themes": "^11.58.0-rc.1",
|
|
49
|
+
"@carbon/type": "^11.45.0-rc.1",
|
|
50
50
|
"@ibm/plex": "6.0.0-next.6",
|
|
51
51
|
"@ibm/plex-mono": "0.0.3-alpha.0",
|
|
52
52
|
"@ibm/plex-sans": "0.0.3-alpha.0",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@ibm/telemetry-js": "^1.5.0"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
|
62
|
-
"@carbon/test-utils": "^10.36.0",
|
|
62
|
+
"@carbon/test-utils": "^10.36.1-rc.0",
|
|
63
63
|
"autoprefixer": "^10.4.7",
|
|
64
64
|
"browserslist-config-carbon": "^11.2.0",
|
|
65
65
|
"css": "^3.0.0",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"scss/**/*.css",
|
|
76
76
|
"css/**/*.css"
|
|
77
77
|
],
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "573fc72ac30bc2d71ebb90644b803ba8408fe82e"
|
|
79
79
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`@carbon/styles/scss/colors Public API 1`] = `
|
|
4
|
-
|
|
4
|
+
{
|
|
5
5
|
"black": "#000000",
|
|
6
6
|
"black-100": "#000000",
|
|
7
7
|
"black-hover": "#212121",
|
|
@@ -25,11 +25,11 @@ Object {
|
|
|
25
25
|
"blue-80-hover": "#0039c7",
|
|
26
26
|
"blue-90": "#001d6c",
|
|
27
27
|
"blue-90-hover": "#00258a",
|
|
28
|
-
"colors":
|
|
29
|
-
"black":
|
|
28
|
+
"colors": {
|
|
29
|
+
"black": {
|
|
30
30
|
"100": "#000000",
|
|
31
31
|
},
|
|
32
|
-
"blue":
|
|
32
|
+
"blue": {
|
|
33
33
|
"10": "#edf5ff",
|
|
34
34
|
"100": "#001141",
|
|
35
35
|
"20": "#d0e2ff",
|
|
@@ -41,7 +41,7 @@ Object {
|
|
|
41
41
|
"80": "#002d9c",
|
|
42
42
|
"90": "#001d6c",
|
|
43
43
|
},
|
|
44
|
-
"cool-gray":
|
|
44
|
+
"cool-gray": {
|
|
45
45
|
"10": "#f2f4f8",
|
|
46
46
|
"100": "#121619",
|
|
47
47
|
"20": "#dde1e6",
|
|
@@ -53,7 +53,7 @@ Object {
|
|
|
53
53
|
"80": "#343a3f",
|
|
54
54
|
"90": "#21272a",
|
|
55
55
|
},
|
|
56
|
-
"cyan":
|
|
56
|
+
"cyan": {
|
|
57
57
|
"10": "#e5f6ff",
|
|
58
58
|
"100": "#061727",
|
|
59
59
|
"20": "#bae6ff",
|
|
@@ -65,7 +65,7 @@ Object {
|
|
|
65
65
|
"80": "#003a6d",
|
|
66
66
|
"90": "#012749",
|
|
67
67
|
},
|
|
68
|
-
"gray":
|
|
68
|
+
"gray": {
|
|
69
69
|
"10": "#f4f4f4",
|
|
70
70
|
"100": "#161616",
|
|
71
71
|
"20": "#e0e0e0",
|
|
@@ -77,7 +77,7 @@ Object {
|
|
|
77
77
|
"80": "#393939",
|
|
78
78
|
"90": "#262626",
|
|
79
79
|
},
|
|
80
|
-
"green":
|
|
80
|
+
"green": {
|
|
81
81
|
"10": "#defbe6",
|
|
82
82
|
"100": "#071908",
|
|
83
83
|
"20": "#a7f0ba",
|
|
@@ -89,7 +89,7 @@ Object {
|
|
|
89
89
|
"80": "#044317",
|
|
90
90
|
"90": "#022d0d",
|
|
91
91
|
},
|
|
92
|
-
"magenta":
|
|
92
|
+
"magenta": {
|
|
93
93
|
"10": "#fff0f7",
|
|
94
94
|
"100": "#2a0a18",
|
|
95
95
|
"20": "#ffd6e8",
|
|
@@ -101,7 +101,7 @@ Object {
|
|
|
101
101
|
"80": "#740937",
|
|
102
102
|
"90": "#510224",
|
|
103
103
|
},
|
|
104
|
-
"orange":
|
|
104
|
+
"orange": {
|
|
105
105
|
"10": "#fff2e8",
|
|
106
106
|
"100": "#231000",
|
|
107
107
|
"20": "#ffd9be",
|
|
@@ -113,7 +113,7 @@ Object {
|
|
|
113
113
|
"80": "#5e2900",
|
|
114
114
|
"90": "#3e1a00",
|
|
115
115
|
},
|
|
116
|
-
"purple":
|
|
116
|
+
"purple": {
|
|
117
117
|
"10": "#f6f2ff",
|
|
118
118
|
"100": "#1c0f30",
|
|
119
119
|
"20": "#e8daff",
|
|
@@ -125,7 +125,7 @@ Object {
|
|
|
125
125
|
"80": "#491d8b",
|
|
126
126
|
"90": "#31135e",
|
|
127
127
|
},
|
|
128
|
-
"red":
|
|
128
|
+
"red": {
|
|
129
129
|
"10": "#fff1f1",
|
|
130
130
|
"100": "#2d0709",
|
|
131
131
|
"20": "#ffd7d9",
|
|
@@ -137,7 +137,7 @@ Object {
|
|
|
137
137
|
"80": "#750e13",
|
|
138
138
|
"90": "#520408",
|
|
139
139
|
},
|
|
140
|
-
"teal":
|
|
140
|
+
"teal": {
|
|
141
141
|
"10": "#d9fbfb",
|
|
142
142
|
"100": "#081a1c",
|
|
143
143
|
"20": "#9ef0f0",
|
|
@@ -149,7 +149,7 @@ Object {
|
|
|
149
149
|
"80": "#004144",
|
|
150
150
|
"90": "#022b30",
|
|
151
151
|
},
|
|
152
|
-
"warm-gray":
|
|
152
|
+
"warm-gray": {
|
|
153
153
|
"10": "#f7f3f2",
|
|
154
154
|
"100": "#171414",
|
|
155
155
|
"20": "#e5e0df",
|
|
@@ -161,10 +161,10 @@ Object {
|
|
|
161
161
|
"80": "#3c3838",
|
|
162
162
|
"90": "#272525",
|
|
163
163
|
},
|
|
164
|
-
"white":
|
|
164
|
+
"white": {
|
|
165
165
|
"0": "#ffffff",
|
|
166
166
|
},
|
|
167
|
-
"yellow":
|
|
167
|
+
"yellow": {
|
|
168
168
|
"10": "#fcf4d6",
|
|
169
169
|
"100": "#1c1500",
|
|
170
170
|
"20": "#fddc69",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`@carbon/styles/scss/config Public API 1`] = `
|
|
4
|
-
|
|
4
|
+
{
|
|
5
5
|
"css--body": true,
|
|
6
6
|
"css--default-type": true,
|
|
7
7
|
"css--emit-type-custom-props": false,
|
|
@@ -10,28 +10,28 @@ Object {
|
|
|
10
10
|
"flex-grid-columns": 16,
|
|
11
11
|
"font-display": "swap",
|
|
12
12
|
"font-path": "~@ibm/plex",
|
|
13
|
-
"grid-breakpoints":
|
|
14
|
-
"lg":
|
|
13
|
+
"grid-breakpoints": {
|
|
14
|
+
"lg": {
|
|
15
15
|
"columns": 16,
|
|
16
16
|
"margin": "1rem",
|
|
17
17
|
"width": "66rem",
|
|
18
18
|
},
|
|
19
|
-
"max":
|
|
19
|
+
"max": {
|
|
20
20
|
"columns": 16,
|
|
21
21
|
"margin": "1.5rem",
|
|
22
22
|
"width": "99rem",
|
|
23
23
|
},
|
|
24
|
-
"md":
|
|
24
|
+
"md": {
|
|
25
25
|
"columns": 8,
|
|
26
26
|
"margin": "1rem",
|
|
27
27
|
"width": "42rem",
|
|
28
28
|
},
|
|
29
|
-
"sm":
|
|
29
|
+
"sm": {
|
|
30
30
|
"columns": 4,
|
|
31
31
|
"margin": 0,
|
|
32
32
|
"width": "20rem",
|
|
33
33
|
},
|
|
34
|
-
"xlg":
|
|
34
|
+
"xlg": {
|
|
35
35
|
"columns": 16,
|
|
36
36
|
"margin": "1rem",
|
|
37
37
|
"width": "82rem",
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`@carbon/styles/scss/motion Public API 1`] = `
|
|
4
|
-
|
|
5
|
-
"functions":
|
|
4
|
+
{
|
|
5
|
+
"functions": {
|
|
6
6
|
"motion": true,
|
|
7
7
|
},
|
|
8
|
-
"mixins":
|
|
8
|
+
"mixins": {
|
|
9
9
|
"motion": true,
|
|
10
10
|
},
|
|
11
|
-
"variables":
|
|
11
|
+
"variables": {
|
|
12
12
|
"duration-fast-01": "70ms",
|
|
13
13
|
"duration-fast-02": "110ms",
|
|
14
14
|
"duration-moderate-01": "150ms",
|
|
@@ -17,16 +17,16 @@ Object {
|
|
|
17
17
|
"duration-slow-02": "700ms",
|
|
18
18
|
"ease-in": "cubic-bezier(0.25, 0, 1, 1)",
|
|
19
19
|
"ease-out": "cubic-bezier(0, 0, 0.25, 1)",
|
|
20
|
-
"easings":
|
|
21
|
-
"entrance":
|
|
20
|
+
"easings": {
|
|
21
|
+
"entrance": {
|
|
22
22
|
"expressive": "cubic-bezier(0, 0, 0.3, 1)",
|
|
23
23
|
"productive": "cubic-bezier(0, 0, 0.38, 0.9)",
|
|
24
24
|
},
|
|
25
|
-
"exit":
|
|
25
|
+
"exit": {
|
|
26
26
|
"expressive": "cubic-bezier(0.4, 0.14, 1, 1)",
|
|
27
27
|
"productive": "cubic-bezier(0.2, 0, 1, 0.9)",
|
|
28
28
|
},
|
|
29
|
-
"standard":
|
|
29
|
+
"standard": {
|
|
30
30
|
"expressive": "cubic-bezier(0.4, 0.14, 0.3, 1)",
|
|
31
31
|
"productive": "cubic-bezier(0.2, 0, 0.38, 0.9)",
|
|
32
32
|
},
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
3
|
exports[`@carbon/styles/scss/spacing Public API 1`] = `
|
|
4
|
-
|
|
5
|
-
"variables":
|
|
4
|
+
{
|
|
5
|
+
"variables": {
|
|
6
6
|
"fluid-spacing-01": 0,
|
|
7
7
|
"fluid-spacing-02": "2vw",
|
|
8
8
|
"fluid-spacing-03": "5vw",
|
|
9
9
|
"fluid-spacing-04": "10vw",
|
|
10
|
-
"layout":
|
|
10
|
+
"layout": {
|
|
11
11
|
"layout-01": "1rem",
|
|
12
12
|
"layout-02": "1.5rem",
|
|
13
13
|
"layout-03": "2rem",
|
|
@@ -23,7 +23,7 @@ Object {
|
|
|
23
23
|
"layout-05": "4rem",
|
|
24
24
|
"layout-06": "6rem",
|
|
25
25
|
"layout-07": "10rem",
|
|
26
|
-
"spacing":
|
|
26
|
+
"spacing": {
|
|
27
27
|
"spacing-01": "0.125rem",
|
|
28
28
|
"spacing-02": "0.25rem",
|
|
29
29
|
"spacing-03": "0.5rem",
|