@carbon/themes 10.48.0-rc.0 → 10.50.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 +13 -49
- package/lib/index.js +109 -337
- package/package.json +11 -11
- package/scss/compat/generated/_themes.scss +192 -192
- package/scss/generated/_mixins.scss +0 -38
- package/scss/generated/_themes.scss +0 -24
- package/scss/generated/_tokens.scss +0 -20
- package/scss/modules/generated/_themes.scss +285 -293
- package/scss/modules/generated/_tokens.scss +0 -6
- package/src/g10.js +0 -2
- package/src/g100.js +0 -2
- package/src/g80.js +1 -3
- package/src/g90.js +0 -2
- package/src/next/g10.js +13 -16
- package/src/next/g100.js +21 -22
- package/src/next/g90.js +19 -20
- package/src/next/tokens/v11TokenGroup.js +0 -8
- package/src/next/white.js +18 -20
- package/src/tokens.js +0 -4
- package/src/tools.js +12 -0
- package/src/v9.js +0 -2
- package/src/white.js +0 -2
- package/umd/index.js +111 -339
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/themes",
|
|
3
3
|
"description": "Themes for applying color in the Carbon Design System",
|
|
4
|
-
"version": "10.
|
|
4
|
+
"version": "10.50.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -29,25 +29,25 @@
|
|
|
29
29
|
"build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && babel-node --presets '@babel/preset-env' tasks/build.js && carbon-cli check \"scss/*.scss\""
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@carbon/colors": "^10.
|
|
33
|
-
"@carbon/layout": "^10.
|
|
34
|
-
"@carbon/type": "^10.
|
|
32
|
+
"@carbon/colors": "^10.35.0",
|
|
33
|
+
"@carbon/layout": "^10.35.0",
|
|
34
|
+
"@carbon/type": "^10.40.0",
|
|
35
35
|
"color": "^3.1.2"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@babel/node": "^7.
|
|
39
|
-
"@babel/preset-env": "^7.
|
|
40
|
-
"@carbon/cli": "^10.
|
|
38
|
+
"@babel/node": "^7.16.7",
|
|
39
|
+
"@babel/preset-env": "^7.16.7",
|
|
40
|
+
"@carbon/cli": "^10.32.0",
|
|
41
41
|
"@carbon/cli-reporter": "^10.5.0",
|
|
42
42
|
"@carbon/scss-generator": "^10.13.0",
|
|
43
|
-
"@carbon/test-utils": "^10.
|
|
43
|
+
"@carbon/test-utils": "^10.21.0",
|
|
44
44
|
"change-case": "^4.1.1",
|
|
45
45
|
"core-js": "^3.16.0",
|
|
46
|
-
"fs-extra": "^
|
|
46
|
+
"fs-extra": "^10.0.0",
|
|
47
47
|
"js-yaml": "^3.13.0",
|
|
48
|
-
"node-sass": "^
|
|
48
|
+
"node-sass": "^7.0.1",
|
|
49
49
|
"rimraf": "^3.0.0"
|
|
50
50
|
},
|
|
51
51
|
"sideEffects": false,
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "e76c42ab78cbee043db643597b7b5d79bd387c9b"
|
|
53
53
|
}
|
|
@@ -8,264 +8,264 @@
|
|
|
8
8
|
|
|
9
9
|
/// Token values for the white theme
|
|
10
10
|
$white: (
|
|
11
|
+
active-danger: #750e13,
|
|
12
|
+
active-light-ui: #c6c6c6,
|
|
13
|
+
active-primary: #002d9c,
|
|
14
|
+
active-secondary: #6f6f6f,
|
|
15
|
+
active-tertiary: #002d9c,
|
|
16
|
+
active-ui: #c6c6c6,
|
|
17
|
+
button-separator: #e0e0e0,
|
|
18
|
+
danger-01: #da1e28,
|
|
19
|
+
danger-02: #da1e28,
|
|
20
|
+
decorative-01: #e0e0e0,
|
|
21
|
+
disabled-01: #f4f4f4,
|
|
22
|
+
disabled-02: #c6c6c6,
|
|
23
|
+
disabled-03: #8d8d8d,
|
|
24
|
+
hover-danger: #b81921,
|
|
25
|
+
hover-field: #e5e5e5,
|
|
26
|
+
hover-light-ui: #e5e5e5,
|
|
27
|
+
hover-primary: #0353e9,
|
|
28
|
+
hover-primary-text: #0043ce,
|
|
29
|
+
hover-row: #e5e5e5,
|
|
30
|
+
hover-secondary: #4c4c4c,
|
|
31
|
+
hover-selected-ui: #cacaca,
|
|
32
|
+
hover-tertiary: #0353e9,
|
|
33
|
+
hover-ui: #e5e5e5,
|
|
34
|
+
icon-01: #161616,
|
|
35
|
+
icon-02: #525252,
|
|
36
|
+
icon-03: #ffffff,
|
|
11
37
|
interactive-01: #0f62fe,
|
|
12
38
|
interactive-02: #393939,
|
|
13
39
|
interactive-03: #0f62fe,
|
|
14
40
|
interactive-04: #0f62fe,
|
|
15
|
-
ui-background: #ffffff,
|
|
16
|
-
ui-01: #f4f4f4,
|
|
17
|
-
ui-02: #ffffff,
|
|
18
|
-
ui-03: #e0e0e0,
|
|
19
|
-
ui-04: #8d8d8d,
|
|
20
|
-
ui-05: #161616,
|
|
21
|
-
text-01: #161616,
|
|
22
|
-
text-02: #525252,
|
|
23
|
-
text-03: #a8a8a8,
|
|
24
|
-
text-04: #ffffff,
|
|
25
|
-
text-05: #6f6f6f,
|
|
26
|
-
icon-01: #161616,
|
|
27
|
-
icon-02: #525252,
|
|
28
|
-
icon-03: #ffffff,
|
|
29
|
-
link-01: #0f62fe,
|
|
30
|
-
link-02: #0043ce,
|
|
31
|
-
inverse-link: #78a9ff,
|
|
32
41
|
inverse-01: #ffffff,
|
|
33
42
|
inverse-02: #393939,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
support-04: #0043ce,
|
|
43
|
+
inverse-focus-ui: #ffffff,
|
|
44
|
+
inverse-hover-ui: #4c4c4c,
|
|
45
|
+
inverse-link: #78a9ff,
|
|
38
46
|
inverse-support-01: #fa4d56,
|
|
39
47
|
inverse-support-02: #42be65,
|
|
40
48
|
inverse-support-03: #f1c21b,
|
|
41
49
|
inverse-support-04: #4589ff,
|
|
50
|
+
link-01: #0f62fe,
|
|
51
|
+
link-02: #0043ce,
|
|
42
52
|
overlay-01: rgba(22, 22, 22, 0.5),
|
|
43
|
-
danger-01: #da1e28,
|
|
44
|
-
danger-02: #da1e28,
|
|
45
|
-
inverse-focus-ui: #ffffff,
|
|
46
|
-
hover-primary: #0353e9,
|
|
47
|
-
active-primary: #002d9c,
|
|
48
|
-
hover-primary-text: #0043ce,
|
|
49
|
-
hover-secondary: #4c4c4c,
|
|
50
|
-
active-secondary: #6f6f6f,
|
|
51
|
-
hover-tertiary: #0353e9,
|
|
52
|
-
active-tertiary: #002d9c,
|
|
53
|
-
hover-ui: #e5e5e5,
|
|
54
|
-
hover-light-ui: #e5e5e5,
|
|
55
|
-
active-ui: #c6c6c6,
|
|
56
|
-
active-light-ui: #c6c6c6,
|
|
57
|
-
selected-ui: #e0e0e0,
|
|
58
53
|
selected-light-ui: #e0e0e0,
|
|
59
|
-
|
|
60
|
-
hover-selected-ui: #cacaca,
|
|
61
|
-
hover-danger: #b81921,
|
|
62
|
-
active-danger: #750e13,
|
|
63
|
-
hover-row: #e5e5e5,
|
|
64
|
-
visited-link: #8a3ffc,
|
|
65
|
-
disabled-01: #f4f4f4,
|
|
66
|
-
disabled-02: #c6c6c6,
|
|
67
|
-
disabled-03: #8d8d8d,
|
|
68
|
-
decorative-01: #e0e0e0,
|
|
69
|
-
button-separator: #e0e0e0,
|
|
54
|
+
selected-ui: #e0e0e0,
|
|
70
55
|
skeleton-01: #e5e5e5,
|
|
71
56
|
skeleton-02: #c6c6c6,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
$g10: (
|
|
77
|
-
interactive-01: #0f62fe,
|
|
78
|
-
interactive-02: #393939,
|
|
79
|
-
interactive-03: #0f62fe,
|
|
80
|
-
interactive-04: #0f62fe,
|
|
81
|
-
ui-background: #f4f4f4,
|
|
82
|
-
ui-01: #ffffff,
|
|
83
|
-
ui-02: #f4f4f4,
|
|
84
|
-
ui-03: #e0e0e0,
|
|
85
|
-
ui-04: #8d8d8d,
|
|
86
|
-
ui-05: #161616,
|
|
57
|
+
support-01: #da1e28,
|
|
58
|
+
support-02: #198038,
|
|
59
|
+
support-03: #f1c21b,
|
|
60
|
+
support-04: #0043ce,
|
|
87
61
|
text-01: #161616,
|
|
88
62
|
text-02: #525252,
|
|
89
63
|
text-03: #a8a8a8,
|
|
90
64
|
text-04: #ffffff,
|
|
91
65
|
text-05: #6f6f6f,
|
|
66
|
+
ui-01: #f4f4f4,
|
|
67
|
+
ui-02: #ffffff,
|
|
68
|
+
ui-03: #e0e0e0,
|
|
69
|
+
ui-04: #8d8d8d,
|
|
70
|
+
ui-05: #161616,
|
|
71
|
+
ui-background: #ffffff,
|
|
72
|
+
visited-link: #8a3ffc,
|
|
73
|
+
) !default;
|
|
74
|
+
|
|
75
|
+
/// Token values for the g10 theme
|
|
76
|
+
$g10: (
|
|
77
|
+
active-danger: #750e13,
|
|
78
|
+
active-light-ui: #c6c6c6,
|
|
79
|
+
active-primary: #002d9c,
|
|
80
|
+
active-secondary: #6f6f6f,
|
|
81
|
+
active-tertiary: #002d9c,
|
|
82
|
+
active-ui: #c6c6c6,
|
|
83
|
+
button-separator: #e0e0e0,
|
|
84
|
+
danger-01: #da1e28,
|
|
85
|
+
danger-02: #da1e28,
|
|
86
|
+
decorative-01: #e0e0e0,
|
|
87
|
+
disabled-01: #ffffff,
|
|
88
|
+
disabled-02: #c6c6c6,
|
|
89
|
+
disabled-03: #8d8d8d,
|
|
90
|
+
hover-danger: #b81921,
|
|
91
|
+
hover-field: #e5e5e5,
|
|
92
|
+
hover-light-ui: #e5e5e5,
|
|
93
|
+
hover-primary: #0353e9,
|
|
94
|
+
hover-primary-text: #0043ce,
|
|
95
|
+
hover-row: #e5e5e5,
|
|
96
|
+
hover-secondary: #4c4c4c,
|
|
97
|
+
hover-selected-ui: #cacaca,
|
|
98
|
+
hover-tertiary: #0353e9,
|
|
99
|
+
hover-ui: #e5e5e5,
|
|
92
100
|
icon-01: #161616,
|
|
93
101
|
icon-02: #525252,
|
|
94
102
|
icon-03: #ffffff,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
103
|
+
interactive-01: #0f62fe,
|
|
104
|
+
interactive-02: #393939,
|
|
105
|
+
interactive-03: #0f62fe,
|
|
106
|
+
interactive-04: #0f62fe,
|
|
98
107
|
inverse-01: #ffffff,
|
|
99
108
|
inverse-02: #393939,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
support-04: #0043ce,
|
|
109
|
+
inverse-focus-ui: #ffffff,
|
|
110
|
+
inverse-hover-ui: #4c4c4c,
|
|
111
|
+
inverse-link: #78a9ff,
|
|
104
112
|
inverse-support-01: #fa4d56,
|
|
105
113
|
inverse-support-02: #42be65,
|
|
106
114
|
inverse-support-03: #f1c21b,
|
|
107
115
|
inverse-support-04: #4589ff,
|
|
116
|
+
link-01: #0f62fe,
|
|
117
|
+
link-02: #0043ce,
|
|
108
118
|
overlay-01: rgba(22, 22, 22, 0.5),
|
|
109
|
-
danger-01: #da1e28,
|
|
110
|
-
danger-02: #da1e28,
|
|
111
|
-
inverse-focus-ui: #ffffff,
|
|
112
|
-
hover-primary: #0353e9,
|
|
113
|
-
active-primary: #002d9c,
|
|
114
|
-
hover-primary-text: #0043ce,
|
|
115
|
-
hover-secondary: #4c4c4c,
|
|
116
|
-
active-secondary: #6f6f6f,
|
|
117
|
-
hover-tertiary: #0353e9,
|
|
118
|
-
active-tertiary: #002d9c,
|
|
119
|
-
hover-ui: #e5e5e5,
|
|
120
|
-
hover-light-ui: #e5e5e5,
|
|
121
|
-
active-ui: #c6c6c6,
|
|
122
|
-
active-light-ui: #c6c6c6,
|
|
123
|
-
selected-ui: #e0e0e0,
|
|
124
119
|
selected-light-ui: #e0e0e0,
|
|
125
|
-
|
|
126
|
-
hover-selected-ui: #cacaca,
|
|
127
|
-
hover-danger: #b81921,
|
|
128
|
-
active-danger: #750e13,
|
|
129
|
-
hover-row: #e5e5e5,
|
|
130
|
-
visited-link: #8a3ffc,
|
|
131
|
-
disabled-01: #ffffff,
|
|
132
|
-
disabled-02: #c6c6c6,
|
|
133
|
-
disabled-03: #8d8d8d,
|
|
134
|
-
decorative-01: #e0e0e0,
|
|
135
|
-
button-separator: #e0e0e0,
|
|
120
|
+
selected-ui: #e0e0e0,
|
|
136
121
|
skeleton-01: #e5e5e5,
|
|
137
122
|
skeleton-02: #c6c6c6,
|
|
138
|
-
|
|
123
|
+
support-01: #da1e28,
|
|
124
|
+
support-02: #198038,
|
|
125
|
+
support-03: #f1c21b,
|
|
126
|
+
support-04: #0043ce,
|
|
127
|
+
text-01: #161616,
|
|
128
|
+
text-02: #525252,
|
|
129
|
+
text-03: #a8a8a8,
|
|
130
|
+
text-04: #ffffff,
|
|
131
|
+
text-05: #6f6f6f,
|
|
132
|
+
ui-01: #ffffff,
|
|
133
|
+
ui-02: #f4f4f4,
|
|
134
|
+
ui-03: #e0e0e0,
|
|
135
|
+
ui-04: #8d8d8d,
|
|
136
|
+
ui-05: #161616,
|
|
137
|
+
ui-background: #f4f4f4,
|
|
138
|
+
visited-link: #8a3ffc,
|
|
139
139
|
) !default;
|
|
140
140
|
|
|
141
141
|
/// Token values for the g90 theme
|
|
142
142
|
$g90: (
|
|
143
|
+
active-danger: #750e13,
|
|
144
|
+
active-light-ui: #8d8d8d,
|
|
145
|
+
active-primary: #002d9c,
|
|
146
|
+
active-secondary: #393939,
|
|
147
|
+
active-tertiary: #c6c6c6,
|
|
148
|
+
active-ui: #6f6f6f,
|
|
149
|
+
button-separator: #161616,
|
|
150
|
+
danger-01: #da1e28,
|
|
151
|
+
danger-02: #ff8389,
|
|
152
|
+
decorative-01: #6f6f6f,
|
|
153
|
+
disabled-01: #393939,
|
|
154
|
+
disabled-02: #6f6f6f,
|
|
155
|
+
disabled-03: #a8a8a8,
|
|
156
|
+
hover-danger: #b81921,
|
|
157
|
+
hover-field: #4c4c4c,
|
|
158
|
+
hover-light-ui: #656565,
|
|
159
|
+
hover-primary: #0353e9,
|
|
160
|
+
hover-primary-text: #a6c8ff,
|
|
161
|
+
hover-row: #4c4c4c,
|
|
162
|
+
hover-secondary: #606060,
|
|
163
|
+
hover-selected-ui: #656565,
|
|
164
|
+
hover-tertiary: #f4f4f4,
|
|
165
|
+
hover-ui: #4c4c4c,
|
|
166
|
+
icon-01: #f4f4f4,
|
|
167
|
+
icon-02: #c6c6c6,
|
|
168
|
+
icon-03: #ffffff,
|
|
143
169
|
interactive-01: #0f62fe,
|
|
144
170
|
interactive-02: #6f6f6f,
|
|
145
171
|
interactive-03: #ffffff,
|
|
146
172
|
interactive-04: #4589ff,
|
|
147
|
-
ui-background: #262626,
|
|
148
|
-
ui-01: #393939,
|
|
149
|
-
ui-02: #525252,
|
|
150
|
-
ui-03: #525252,
|
|
151
|
-
ui-04: #8d8d8d,
|
|
152
|
-
ui-05: #f4f4f4,
|
|
153
|
-
text-01: #f4f4f4,
|
|
154
|
-
text-02: #c6c6c6,
|
|
155
|
-
text-03: #6f6f6f,
|
|
156
|
-
text-04: #ffffff,
|
|
157
|
-
text-05: #8d8d8d,
|
|
158
|
-
icon-01: #f4f4f4,
|
|
159
|
-
icon-02: #c6c6c6,
|
|
160
|
-
icon-03: #ffffff,
|
|
161
|
-
link-01: #78a9ff,
|
|
162
|
-
link-02: #a6c8ff,
|
|
163
|
-
inverse-link: #0f62fe,
|
|
164
173
|
inverse-01: #161616,
|
|
165
174
|
inverse-02: #f4f4f4,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
support-04: #4589ff,
|
|
175
|
+
inverse-focus-ui: #0f62fe,
|
|
176
|
+
inverse-hover-ui: #e5e5e5,
|
|
177
|
+
inverse-link: #0f62fe,
|
|
170
178
|
inverse-support-01: #da1e28,
|
|
171
179
|
inverse-support-02: #24a148,
|
|
172
180
|
inverse-support-03: #f1c21b,
|
|
173
181
|
inverse-support-04: #0f62fe,
|
|
182
|
+
link-01: #78a9ff,
|
|
183
|
+
link-02: #a6c8ff,
|
|
174
184
|
overlay-01: rgba(0, 0, 0, 0.65),
|
|
175
|
-
danger-01: #da1e28,
|
|
176
|
-
danger-02: #ff8389,
|
|
177
|
-
inverse-focus-ui: #0f62fe,
|
|
178
|
-
hover-primary: #0353e9,
|
|
179
|
-
active-primary: #002d9c,
|
|
180
|
-
hover-primary-text: #a6c8ff,
|
|
181
|
-
hover-secondary: #606060,
|
|
182
|
-
active-secondary: #393939,
|
|
183
|
-
hover-tertiary: #f4f4f4,
|
|
184
|
-
active-tertiary: #c6c6c6,
|
|
185
|
-
hover-ui: #4c4c4c,
|
|
186
|
-
hover-light-ui: #656565,
|
|
187
|
-
active-ui: #6f6f6f,
|
|
188
|
-
active-light-ui: #8d8d8d,
|
|
189
|
-
selected-ui: #525252,
|
|
190
185
|
selected-light-ui: #6f6f6f,
|
|
191
|
-
|
|
192
|
-
hover-selected-ui: #656565,
|
|
193
|
-
hover-danger: #b81921,
|
|
194
|
-
active-danger: #750e13,
|
|
195
|
-
hover-row: #4c4c4c,
|
|
196
|
-
visited-link: #be95ff,
|
|
197
|
-
disabled-01: #393939,
|
|
198
|
-
disabled-02: #6f6f6f,
|
|
199
|
-
disabled-03: #a8a8a8,
|
|
200
|
-
decorative-01: #6f6f6f,
|
|
201
|
-
button-separator: #161616,
|
|
186
|
+
selected-ui: #525252,
|
|
202
187
|
skeleton-01: #353535,
|
|
203
188
|
skeleton-02: #525252,
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
$g100: (
|
|
209
|
-
interactive-01: #0f62fe,
|
|
210
|
-
interactive-02: #6f6f6f,
|
|
211
|
-
interactive-03: #ffffff,
|
|
212
|
-
interactive-04: #4589ff,
|
|
213
|
-
ui-background: #161616,
|
|
214
|
-
ui-01: #262626,
|
|
215
|
-
ui-02: #393939,
|
|
216
|
-
ui-03: #393939,
|
|
217
|
-
ui-04: #6f6f6f,
|
|
218
|
-
ui-05: #f4f4f4,
|
|
189
|
+
support-01: #ff8389,
|
|
190
|
+
support-02: #42be65,
|
|
191
|
+
support-03: #f1c21b,
|
|
192
|
+
support-04: #4589ff,
|
|
219
193
|
text-01: #f4f4f4,
|
|
220
194
|
text-02: #c6c6c6,
|
|
221
195
|
text-03: #6f6f6f,
|
|
222
196
|
text-04: #ffffff,
|
|
223
197
|
text-05: #8d8d8d,
|
|
198
|
+
ui-01: #393939,
|
|
199
|
+
ui-02: #525252,
|
|
200
|
+
ui-03: #525252,
|
|
201
|
+
ui-04: #8d8d8d,
|
|
202
|
+
ui-05: #f4f4f4,
|
|
203
|
+
ui-background: #262626,
|
|
204
|
+
visited-link: #be95ff,
|
|
205
|
+
) !default;
|
|
206
|
+
|
|
207
|
+
/// Token values for the g100 theme
|
|
208
|
+
$g100: (
|
|
209
|
+
active-danger: #750e13,
|
|
210
|
+
active-light-ui: #6f6f6f,
|
|
211
|
+
active-primary: #002d9c,
|
|
212
|
+
active-secondary: #393939,
|
|
213
|
+
active-tertiary: #c6c6c6,
|
|
214
|
+
active-ui: #525252,
|
|
215
|
+
button-separator: #161616,
|
|
216
|
+
danger-01: #da1e28,
|
|
217
|
+
danger-02: #fa4d56,
|
|
218
|
+
decorative-01: #525252,
|
|
219
|
+
disabled-01: #262626,
|
|
220
|
+
disabled-02: #525252,
|
|
221
|
+
disabled-03: #8d8d8d,
|
|
222
|
+
hover-danger: #b81921,
|
|
223
|
+
hover-field: #353535,
|
|
224
|
+
hover-light-ui: #4c4c4c,
|
|
225
|
+
hover-primary: #0353e9,
|
|
226
|
+
hover-primary-text: #a6c8ff,
|
|
227
|
+
hover-row: #353535,
|
|
228
|
+
hover-secondary: #606060,
|
|
229
|
+
hover-selected-ui: #4c4c4c,
|
|
230
|
+
hover-tertiary: #f4f4f4,
|
|
231
|
+
hover-ui: #353535,
|
|
224
232
|
icon-01: #f4f4f4,
|
|
225
233
|
icon-02: #c6c6c6,
|
|
226
234
|
icon-03: #ffffff,
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
235
|
+
interactive-01: #0f62fe,
|
|
236
|
+
interactive-02: #6f6f6f,
|
|
237
|
+
interactive-03: #ffffff,
|
|
238
|
+
interactive-04: #4589ff,
|
|
230
239
|
inverse-01: #161616,
|
|
231
240
|
inverse-02: #f4f4f4,
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
support-04: #4589ff,
|
|
241
|
+
inverse-focus-ui: #0f62fe,
|
|
242
|
+
inverse-hover-ui: #e5e5e5,
|
|
243
|
+
inverse-link: #0f62fe,
|
|
236
244
|
inverse-support-01: #da1e28,
|
|
237
245
|
inverse-support-02: #24a148,
|
|
238
246
|
inverse-support-03: #f1c21b,
|
|
239
247
|
inverse-support-04: #0f62fe,
|
|
248
|
+
link-01: #78a9ff,
|
|
249
|
+
link-02: #a6c8ff,
|
|
240
250
|
overlay-01: rgba(0, 0, 0, 0.65),
|
|
241
|
-
danger-01: #da1e28,
|
|
242
|
-
danger-02: #fa4d56,
|
|
243
|
-
inverse-focus-ui: #0f62fe,
|
|
244
|
-
hover-primary: #0353e9,
|
|
245
|
-
active-primary: #002d9c,
|
|
246
|
-
hover-primary-text: #a6c8ff,
|
|
247
|
-
hover-secondary: #606060,
|
|
248
|
-
active-secondary: #393939,
|
|
249
|
-
hover-tertiary: #f4f4f4,
|
|
250
|
-
active-tertiary: #c6c6c6,
|
|
251
|
-
hover-ui: #353535,
|
|
252
|
-
hover-light-ui: #4c4c4c,
|
|
253
|
-
active-ui: #525252,
|
|
254
|
-
active-light-ui: #6f6f6f,
|
|
255
|
-
selected-ui: #393939,
|
|
256
251
|
selected-light-ui: #525252,
|
|
257
|
-
|
|
258
|
-
hover-selected-ui: #4c4c4c,
|
|
259
|
-
hover-danger: #b81921,
|
|
260
|
-
active-danger: #750e13,
|
|
261
|
-
hover-row: #353535,
|
|
262
|
-
visited-link: #be95ff,
|
|
263
|
-
disabled-01: #262626,
|
|
264
|
-
disabled-02: #525252,
|
|
265
|
-
disabled-03: #8d8d8d,
|
|
266
|
-
decorative-01: #525252,
|
|
267
|
-
button-separator: #161616,
|
|
252
|
+
selected-ui: #393939,
|
|
268
253
|
skeleton-01: #353535,
|
|
269
254
|
skeleton-02: #525252,
|
|
270
|
-
|
|
255
|
+
support-01: #fa4d56,
|
|
256
|
+
support-02: #42be65,
|
|
257
|
+
support-03: #f1c21b,
|
|
258
|
+
support-04: #4589ff,
|
|
259
|
+
text-01: #f4f4f4,
|
|
260
|
+
text-02: #c6c6c6,
|
|
261
|
+
text-03: #6f6f6f,
|
|
262
|
+
text-04: #ffffff,
|
|
263
|
+
text-05: #8d8d8d,
|
|
264
|
+
ui-01: #262626,
|
|
265
|
+
ui-02: #393939,
|
|
266
|
+
ui-03: #393939,
|
|
267
|
+
ui-04: #6f6f6f,
|
|
268
|
+
ui-05: #f4f4f4,
|
|
269
|
+
ui-background: #161616,
|
|
270
|
+
visited-link: #be95ff,
|
|
271
271
|
) !default;
|
|
@@ -176,8 +176,6 @@
|
|
|
176
176
|
$layer-selected-hover: map-get($theme, 'layer-selected-hover') !global;
|
|
177
177
|
$layer-selected-inverse: map-get($theme, 'layer-selected-inverse') !global;
|
|
178
178
|
$border-subtle-selected: map-get($theme, 'border-subtle-selected') !global;
|
|
179
|
-
$layer-disabled: map-get($theme, 'layer-disabled') !global;
|
|
180
|
-
$field-disabled: map-get($theme, 'field-disabled') !global;
|
|
181
179
|
$border-disabled: map-get($theme, 'border-disabled') !global;
|
|
182
180
|
$text-disabled: map-get($theme, 'text-disabled') !global;
|
|
183
181
|
$button-disabled: map-get($theme, 'button-disabled') !global;
|
|
@@ -358,8 +356,6 @@
|
|
|
358
356
|
$layer-selected-hover: $hover-selected-ui !global;
|
|
359
357
|
$layer-selected-inverse: $ui-05 !global;
|
|
360
358
|
$border-subtle-selected: $active-ui !global;
|
|
361
|
-
$layer-disabled: $disabled-01 !global;
|
|
362
|
-
$field-disabled: $disabled-01 !global;
|
|
363
359
|
$border-disabled: $disabled-01 !global;
|
|
364
360
|
$text-disabled: $disabled-02 !global;
|
|
365
361
|
$button-disabled: $disabled-02 !global;
|
|
@@ -901,14 +897,6 @@
|
|
|
901
897
|
--#{$custom-property-prefix}-border-subtle-selected,
|
|
902
898
|
map-get($theme, 'border-subtle-selected')
|
|
903
899
|
) !global;
|
|
904
|
-
$layer-disabled: var(
|
|
905
|
-
--#{$custom-property-prefix}-layer-disabled,
|
|
906
|
-
map-get($theme, 'layer-disabled')
|
|
907
|
-
) !global;
|
|
908
|
-
$field-disabled: var(
|
|
909
|
-
--#{$custom-property-prefix}-field-disabled,
|
|
910
|
-
map-get($theme, 'field-disabled')
|
|
911
|
-
) !global;
|
|
912
900
|
$border-disabled: var(
|
|
913
901
|
--#{$custom-property-prefix}-border-disabled,
|
|
914
902
|
map-get($theme, 'border-disabled')
|
|
@@ -2489,32 +2477,6 @@
|
|
|
2489
2477
|
);
|
|
2490
2478
|
}
|
|
2491
2479
|
|
|
2492
|
-
@if should-emit(
|
|
2493
|
-
$theme,
|
|
2494
|
-
$parent-carbon-theme,
|
|
2495
|
-
'layer-disabled',
|
|
2496
|
-
$emit-difference
|
|
2497
|
-
)
|
|
2498
|
-
{
|
|
2499
|
-
@include custom-property(
|
|
2500
|
-
'layer-disabled',
|
|
2501
|
-
map-get($theme, 'layer-disabled')
|
|
2502
|
-
);
|
|
2503
|
-
}
|
|
2504
|
-
|
|
2505
|
-
@if should-emit(
|
|
2506
|
-
$theme,
|
|
2507
|
-
$parent-carbon-theme,
|
|
2508
|
-
'field-disabled',
|
|
2509
|
-
$emit-difference
|
|
2510
|
-
)
|
|
2511
|
-
{
|
|
2512
|
-
@include custom-property(
|
|
2513
|
-
'field-disabled',
|
|
2514
|
-
map-get($theme, 'field-disabled')
|
|
2515
|
-
);
|
|
2516
|
-
}
|
|
2517
|
-
|
|
2518
2480
|
@if should-emit(
|
|
2519
2481
|
$theme,
|
|
2520
2482
|
$parent-carbon-theme,
|
|
@@ -139,8 +139,6 @@ $carbon--theme--white: (
|
|
|
139
139
|
layer-selected-hover: #cacaca,
|
|
140
140
|
layer-selected-inverse: #161616,
|
|
141
141
|
border-subtle-selected: #c6c6c6,
|
|
142
|
-
layer-disabled: #f4f4f4,
|
|
143
|
-
field-disabled: #f4f4f4,
|
|
144
142
|
border-disabled: #f4f4f4,
|
|
145
143
|
text-disabled: #c6c6c6,
|
|
146
144
|
button-disabled: #c6c6c6,
|
|
@@ -957,8 +955,6 @@ $carbon--theme--g10: map-merge(
|
|
|
957
955
|
background: #f4f4f4,
|
|
958
956
|
layer: #ffffff,
|
|
959
957
|
field: #ffffff,
|
|
960
|
-
layer-disabled: #ffffff,
|
|
961
|
-
field-disabled: #ffffff,
|
|
962
958
|
border-disabled: #ffffff,
|
|
963
959
|
)
|
|
964
960
|
) !default;
|
|
@@ -1029,8 +1025,6 @@ $carbon--theme--g80: map-merge(
|
|
|
1029
1025
|
layer-selected-hover: #616161,
|
|
1030
1026
|
layer-selected-inverse: #f4f4f4,
|
|
1031
1027
|
border-subtle-selected: #8d8d8d,
|
|
1032
|
-
layer-disabled: #525252,
|
|
1033
|
-
field-disabled: #525252,
|
|
1034
1028
|
border-disabled: #525252,
|
|
1035
1029
|
text-disabled: #8d8d8d,
|
|
1036
1030
|
button-disabled: #8d8d8d,
|
|
@@ -1215,8 +1209,6 @@ $carbon--theme--g90: map-merge(
|
|
|
1215
1209
|
layer-selected-hover: #656565,
|
|
1216
1210
|
layer-selected-inverse: #f4f4f4,
|
|
1217
1211
|
border-subtle-selected: #6f6f6f,
|
|
1218
|
-
layer-disabled: #393939,
|
|
1219
|
-
field-disabled: #393939,
|
|
1220
1212
|
border-disabled: #393939,
|
|
1221
1213
|
text-disabled: #6f6f6f,
|
|
1222
1214
|
button-disabled: #6f6f6f,
|
|
@@ -1350,8 +1342,6 @@ $carbon--theme--g100: map-merge(
|
|
|
1350
1342
|
layer-selected-hover: #4c4c4c,
|
|
1351
1343
|
layer-selected-inverse: #f4f4f4,
|
|
1352
1344
|
border-subtle-selected: #525252,
|
|
1353
|
-
layer-disabled: #262626,
|
|
1354
|
-
field-disabled: #262626,
|
|
1355
1345
|
border-disabled: #262626,
|
|
1356
1346
|
text-disabled: #525252,
|
|
1357
1347
|
button-disabled: #525252,
|
|
@@ -1487,8 +1477,6 @@ $carbon--theme--v9: map-merge(
|
|
|
1487
1477
|
layer-selected-hover: #dfeafa,
|
|
1488
1478
|
layer-selected-inverse: #5a6872,
|
|
1489
1479
|
border-subtle-selected: #dfeafa,
|
|
1490
|
-
layer-disabled: #fafbfd,
|
|
1491
|
-
field-disabled: #fafbfd,
|
|
1492
1480
|
border-disabled: #fafbfd,
|
|
1493
1481
|
text-disabled: #dfe3e6,
|
|
1494
1482
|
button-disabled: #dfe3e6,
|
|
@@ -2304,18 +2292,6 @@ $carbon--theme: (
|
|
|
2304
2292
|
$border-subtle-selected,
|
|
2305
2293
|
map-get($carbon--theme--white, 'border-subtle-selected')
|
|
2306
2294
|
),
|
|
2307
|
-
layer-disabled:
|
|
2308
|
-
if(
|
|
2309
|
-
global-variable-exists('layer-disabled'),
|
|
2310
|
-
$layer-disabled,
|
|
2311
|
-
map-get($carbon--theme--white, 'layer-disabled')
|
|
2312
|
-
),
|
|
2313
|
-
field-disabled:
|
|
2314
|
-
if(
|
|
2315
|
-
global-variable-exists('field-disabled'),
|
|
2316
|
-
$field-disabled,
|
|
2317
|
-
map-get($carbon--theme--white, 'field-disabled')
|
|
2318
|
-
),
|
|
2319
2295
|
border-disabled:
|
|
2320
2296
|
if(
|
|
2321
2297
|
global-variable-exists('border-disabled'),
|
|
@@ -1380,26 +1380,6 @@ $border-subtle-selected: if(
|
|
|
1380
1380
|
#c6c6c6
|
|
1381
1381
|
) !default;
|
|
1382
1382
|
|
|
1383
|
-
/// @type {undefined}
|
|
1384
|
-
/// @access public
|
|
1385
|
-
/// @group @carbon/themes
|
|
1386
|
-
$layer-disabled: if(
|
|
1387
|
-
global-variable-exists('carbon--theme') and
|
|
1388
|
-
map-has-key($carbon--theme, 'layer-disabled'),
|
|
1389
|
-
map-get($carbon--theme, 'layer-disabled'),
|
|
1390
|
-
#f4f4f4
|
|
1391
|
-
) !default;
|
|
1392
|
-
|
|
1393
|
-
/// @type {undefined}
|
|
1394
|
-
/// @access public
|
|
1395
|
-
/// @group @carbon/themes
|
|
1396
|
-
$field-disabled: if(
|
|
1397
|
-
global-variable-exists('carbon--theme') and
|
|
1398
|
-
map-has-key($carbon--theme, 'field-disabled'),
|
|
1399
|
-
map-get($carbon--theme, 'field-disabled'),
|
|
1400
|
-
#f4f4f4
|
|
1401
|
-
) !default;
|
|
1402
|
-
|
|
1403
1383
|
/// @type {undefined}
|
|
1404
1384
|
/// @access public
|
|
1405
1385
|
/// @group @carbon/themes
|