@carbon/themes 10.39.0-rc.0 → 10.40.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/docs/sass.md +2 -0
- package/package.json +10 -10
- package/scss/compat/_themes.scss +8 -0
- package/scss/compat/_tokens.scss +8 -0
- package/scss/compat/generated/_themes.scss +271 -0
- package/scss/compat/generated/_tokens.scss +206 -0
- package/scss/modules/_config.scss +3 -0
- package/scss/modules/_themes.scss +0 -1
- package/scss/modules/generated/_tokens.scss +1 -4
package/docs/sass.md
CHANGED
|
@@ -27,6 +27,8 @@ There are several entrypoints that you can use with `@carbon/themes`, including:
|
|
|
27
27
|
| `@use '@carbon/themes/scss/modules/themes';` | Theme definitions for white, g10, g90, and g100 |
|
|
28
28
|
| `@use '@carbon/themes/scss/modules/theme';` | Set the current theme, get token values from the theme |
|
|
29
29
|
| `@use '@carbon/themes/scss/modules/tokens';` | Access theme tokens |
|
|
30
|
+
| `@use '@carbon/themes/scss/compat/themes';` | v10 Theme definitions for white, g10, g90, and g100 |
|
|
31
|
+
| `@use '@carbon/themes/scss/compat/tokens';` | v10 theme tokens |
|
|
30
32
|
|
|
31
33
|
_Note: the white, g10, g90, and g100 themes are only available in the
|
|
32
34
|
`scss/modules/themes` file and are not re-exported in `@carbon/themes`. To learn
|
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.40.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -24,30 +24,30 @@
|
|
|
24
24
|
"access": "public"
|
|
25
25
|
},
|
|
26
26
|
"scripts": {
|
|
27
|
-
"ci-check": "carbon-cli check \"scss/**/*.scss\" -i \"**/generated/**\"",
|
|
27
|
+
"ci-check": "carbon-cli check \"scss/**/*.scss\" -i \"**/generated/**\" -i \"**/compat/**\"",
|
|
28
28
|
"clean": "rimraf es lib umd scss/generated",
|
|
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.30.0",
|
|
33
|
+
"@carbon/layout": "^10.29.0",
|
|
34
|
+
"@carbon/type": "^10.33.0",
|
|
35
35
|
"color": "^3.1.2"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@babel/node": "^7.14.2",
|
|
39
39
|
"@babel/preset-env": "^7.14.2",
|
|
40
|
-
"@carbon/cli": "^10.
|
|
40
|
+
"@carbon/cli": "^10.27.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.17.0",
|
|
44
44
|
"change-case": "^4.1.1",
|
|
45
|
-
"core-js": "^3.
|
|
45
|
+
"core-js": "^3.16.0",
|
|
46
46
|
"fs-extra": "^8.1.0",
|
|
47
47
|
"js-yaml": "^3.13.0",
|
|
48
|
-
"node-sass": "^
|
|
48
|
+
"node-sass": "^6.0.1",
|
|
49
49
|
"rimraf": "^3.0.0"
|
|
50
50
|
},
|
|
51
51
|
"sideEffects": false,
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "9c2eb1cfa0e5b2c4dc0142b98cd8828e84640af8"
|
|
53
53
|
}
|
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
// Code generated by @carbon/themes. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2019
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
/// Token values for the white theme
|
|
10
|
+
$white: (
|
|
11
|
+
interactive-01: #0f62fe,
|
|
12
|
+
interactive-02: #393939,
|
|
13
|
+
interactive-03: #0f62fe,
|
|
14
|
+
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
|
+
inverse-01: #ffffff,
|
|
33
|
+
inverse-02: #393939,
|
|
34
|
+
support-01: #da1e28,
|
|
35
|
+
support-02: #198038,
|
|
36
|
+
support-03: #f1c21b,
|
|
37
|
+
support-04: #0043ce,
|
|
38
|
+
inverse-support-01: #fa4d56,
|
|
39
|
+
inverse-support-02: #42be65,
|
|
40
|
+
inverse-support-03: #f1c21b,
|
|
41
|
+
inverse-support-04: #4589ff,
|
|
42
|
+
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
|
+
selected-light-ui: #e0e0e0,
|
|
59
|
+
inverse-hover-ui: #4c4c4c,
|
|
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,
|
|
70
|
+
skeleton-01: #e5e5e5,
|
|
71
|
+
skeleton-02: #c6c6c6,
|
|
72
|
+
hover-field: #e5e5e5,
|
|
73
|
+
) !default;
|
|
74
|
+
|
|
75
|
+
/// Token values for the g10 theme
|
|
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,
|
|
87
|
+
text-01: #161616,
|
|
88
|
+
text-02: #525252,
|
|
89
|
+
text-03: #a8a8a8,
|
|
90
|
+
text-04: #ffffff,
|
|
91
|
+
text-05: #6f6f6f,
|
|
92
|
+
icon-01: #161616,
|
|
93
|
+
icon-02: #525252,
|
|
94
|
+
icon-03: #ffffff,
|
|
95
|
+
link-01: #0f62fe,
|
|
96
|
+
link-02: #0043ce,
|
|
97
|
+
inverse-link: #78a9ff,
|
|
98
|
+
inverse-01: #ffffff,
|
|
99
|
+
inverse-02: #393939,
|
|
100
|
+
support-01: #da1e28,
|
|
101
|
+
support-02: #198038,
|
|
102
|
+
support-03: #f1c21b,
|
|
103
|
+
support-04: #0043ce,
|
|
104
|
+
inverse-support-01: #fa4d56,
|
|
105
|
+
inverse-support-02: #42be65,
|
|
106
|
+
inverse-support-03: #f1c21b,
|
|
107
|
+
inverse-support-04: #4589ff,
|
|
108
|
+
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
|
+
selected-light-ui: #e0e0e0,
|
|
125
|
+
inverse-hover-ui: #4c4c4c,
|
|
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,
|
|
136
|
+
skeleton-01: #e5e5e5,
|
|
137
|
+
skeleton-02: #c6c6c6,
|
|
138
|
+
hover-field: #e5e5e5,
|
|
139
|
+
) !default;
|
|
140
|
+
|
|
141
|
+
/// Token values for the g90 theme
|
|
142
|
+
$g90: (
|
|
143
|
+
interactive-01: #0f62fe,
|
|
144
|
+
interactive-02: #6f6f6f,
|
|
145
|
+
interactive-03: #ffffff,
|
|
146
|
+
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
|
+
inverse-01: #161616,
|
|
165
|
+
inverse-02: #f4f4f4,
|
|
166
|
+
support-01: #ff8389,
|
|
167
|
+
support-02: #42be65,
|
|
168
|
+
support-03: #f1c21b,
|
|
169
|
+
support-04: #4589ff,
|
|
170
|
+
inverse-support-01: #da1e28,
|
|
171
|
+
inverse-support-02: #24a148,
|
|
172
|
+
inverse-support-03: #f1c21b,
|
|
173
|
+
inverse-support-04: #0f62fe,
|
|
174
|
+
overlay-01: rgba(22, 22, 22, 0.7),
|
|
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
|
+
selected-light-ui: #6f6f6f,
|
|
191
|
+
inverse-hover-ui: #e5e5e5,
|
|
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,
|
|
202
|
+
skeleton-01: #353535,
|
|
203
|
+
skeleton-02: #525252,
|
|
204
|
+
hover-field: #4c4c4c,
|
|
205
|
+
) !default;
|
|
206
|
+
|
|
207
|
+
/// Token values for the g100 theme
|
|
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,
|
|
219
|
+
text-01: #f4f4f4,
|
|
220
|
+
text-02: #c6c6c6,
|
|
221
|
+
text-03: #6f6f6f,
|
|
222
|
+
text-04: #ffffff,
|
|
223
|
+
text-05: #8d8d8d,
|
|
224
|
+
icon-01: #f4f4f4,
|
|
225
|
+
icon-02: #c6c6c6,
|
|
226
|
+
icon-03: #ffffff,
|
|
227
|
+
link-01: #78a9ff,
|
|
228
|
+
link-02: #a6c8ff,
|
|
229
|
+
inverse-link: #0f62fe,
|
|
230
|
+
inverse-01: #161616,
|
|
231
|
+
inverse-02: #f4f4f4,
|
|
232
|
+
support-01: #fa4d56,
|
|
233
|
+
support-02: #42be65,
|
|
234
|
+
support-03: #f1c21b,
|
|
235
|
+
support-04: #4589ff,
|
|
236
|
+
inverse-support-01: #da1e28,
|
|
237
|
+
inverse-support-02: #24a148,
|
|
238
|
+
inverse-support-03: #f1c21b,
|
|
239
|
+
inverse-support-04: #0f62fe,
|
|
240
|
+
overlay-01: rgba(22, 22, 22, 0.7),
|
|
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
|
+
selected-light-ui: #525252,
|
|
257
|
+
inverse-hover-ui: #e5e5e5,
|
|
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,
|
|
268
|
+
skeleton-01: #353535,
|
|
269
|
+
skeleton-02: #525252,
|
|
270
|
+
hover-field: #353535,
|
|
271
|
+
) !default;
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
// Code generated by @carbon/themes. DO NOT EDIT.
|
|
2
|
+
//
|
|
3
|
+
// Copyright IBM Corp. 2018, 2019
|
|
4
|
+
//
|
|
5
|
+
// This source code is licensed under the Apache-2.0 license found in the
|
|
6
|
+
// LICENSE file in the root directory of this source tree.
|
|
7
|
+
//
|
|
8
|
+
|
|
9
|
+
@use 'sass:map';
|
|
10
|
+
@use '../../modules/config';
|
|
11
|
+
@use '../../modules/theme';
|
|
12
|
+
|
|
13
|
+
/// Internal helper for generating CSS Custom Properties
|
|
14
|
+
@function _get($token) {
|
|
15
|
+
@if config.$use-fallback-value == false {
|
|
16
|
+
@return var(--#{config.$prefix}-#{$token});
|
|
17
|
+
} @else {
|
|
18
|
+
@return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/// CSS Custom Property for the interactive-01 token
|
|
23
|
+
$interactive-01: _get('interactive-01') !default;
|
|
24
|
+
|
|
25
|
+
/// CSS Custom Property for the interactive-02 token
|
|
26
|
+
$interactive-02: _get('interactive-02') !default;
|
|
27
|
+
|
|
28
|
+
/// CSS Custom Property for the interactive-03 token
|
|
29
|
+
$interactive-03: _get('interactive-03') !default;
|
|
30
|
+
|
|
31
|
+
/// CSS Custom Property for the interactive-04 token
|
|
32
|
+
$interactive-04: _get('interactive-04') !default;
|
|
33
|
+
|
|
34
|
+
/// CSS Custom Property for the ui-background token
|
|
35
|
+
$ui-background: _get('ui-background') !default;
|
|
36
|
+
|
|
37
|
+
/// CSS Custom Property for the ui-01 token
|
|
38
|
+
$ui-01: _get('ui-01') !default;
|
|
39
|
+
|
|
40
|
+
/// CSS Custom Property for the ui-02 token
|
|
41
|
+
$ui-02: _get('ui-02') !default;
|
|
42
|
+
|
|
43
|
+
/// CSS Custom Property for the ui-03 token
|
|
44
|
+
$ui-03: _get('ui-03') !default;
|
|
45
|
+
|
|
46
|
+
/// CSS Custom Property for the ui-04 token
|
|
47
|
+
$ui-04: _get('ui-04') !default;
|
|
48
|
+
|
|
49
|
+
/// CSS Custom Property for the ui-05 token
|
|
50
|
+
$ui-05: _get('ui-05') !default;
|
|
51
|
+
|
|
52
|
+
/// CSS Custom Property for the text-01 token
|
|
53
|
+
$text-01: _get('text-01') !default;
|
|
54
|
+
|
|
55
|
+
/// CSS Custom Property for the text-02 token
|
|
56
|
+
$text-02: _get('text-02') !default;
|
|
57
|
+
|
|
58
|
+
/// CSS Custom Property for the text-03 token
|
|
59
|
+
$text-03: _get('text-03') !default;
|
|
60
|
+
|
|
61
|
+
/// CSS Custom Property for the text-04 token
|
|
62
|
+
$text-04: _get('text-04') !default;
|
|
63
|
+
|
|
64
|
+
/// CSS Custom Property for the text-05 token
|
|
65
|
+
$text-05: _get('text-05') !default;
|
|
66
|
+
|
|
67
|
+
/// CSS Custom Property for the icon-01 token
|
|
68
|
+
$icon-01: _get('icon-01') !default;
|
|
69
|
+
|
|
70
|
+
/// CSS Custom Property for the icon-02 token
|
|
71
|
+
$icon-02: _get('icon-02') !default;
|
|
72
|
+
|
|
73
|
+
/// CSS Custom Property for the icon-03 token
|
|
74
|
+
$icon-03: _get('icon-03') !default;
|
|
75
|
+
|
|
76
|
+
/// CSS Custom Property for the link-01 token
|
|
77
|
+
$link-01: _get('link-01') !default;
|
|
78
|
+
|
|
79
|
+
/// CSS Custom Property for the link-02 token
|
|
80
|
+
$link-02: _get('link-02') !default;
|
|
81
|
+
|
|
82
|
+
/// CSS Custom Property for the inverse-link token
|
|
83
|
+
$inverse-link: _get('inverse-link') !default;
|
|
84
|
+
|
|
85
|
+
/// CSS Custom Property for the inverse-01 token
|
|
86
|
+
$inverse-01: _get('inverse-01') !default;
|
|
87
|
+
|
|
88
|
+
/// CSS Custom Property for the inverse-02 token
|
|
89
|
+
$inverse-02: _get('inverse-02') !default;
|
|
90
|
+
|
|
91
|
+
/// CSS Custom Property for the support-01 token
|
|
92
|
+
$support-01: _get('support-01') !default;
|
|
93
|
+
|
|
94
|
+
/// CSS Custom Property for the support-02 token
|
|
95
|
+
$support-02: _get('support-02') !default;
|
|
96
|
+
|
|
97
|
+
/// CSS Custom Property for the support-03 token
|
|
98
|
+
$support-03: _get('support-03') !default;
|
|
99
|
+
|
|
100
|
+
/// CSS Custom Property for the support-04 token
|
|
101
|
+
$support-04: _get('support-04') !default;
|
|
102
|
+
|
|
103
|
+
/// CSS Custom Property for the inverse-support-01 token
|
|
104
|
+
$inverse-support-01: _get('inverse-support-01') !default;
|
|
105
|
+
|
|
106
|
+
/// CSS Custom Property for the inverse-support-02 token
|
|
107
|
+
$inverse-support-02: _get('inverse-support-02') !default;
|
|
108
|
+
|
|
109
|
+
/// CSS Custom Property for the inverse-support-03 token
|
|
110
|
+
$inverse-support-03: _get('inverse-support-03') !default;
|
|
111
|
+
|
|
112
|
+
/// CSS Custom Property for the inverse-support-04 token
|
|
113
|
+
$inverse-support-04: _get('inverse-support-04') !default;
|
|
114
|
+
|
|
115
|
+
/// CSS Custom Property for the overlay-01 token
|
|
116
|
+
$overlay-01: _get('overlay-01') !default;
|
|
117
|
+
|
|
118
|
+
/// CSS Custom Property for the danger-01 token
|
|
119
|
+
$danger-01: _get('danger-01') !default;
|
|
120
|
+
|
|
121
|
+
/// CSS Custom Property for the danger-02 token
|
|
122
|
+
$danger-02: _get('danger-02') !default;
|
|
123
|
+
|
|
124
|
+
/// CSS Custom Property for the inverse-focus-ui token
|
|
125
|
+
$inverse-focus-ui: _get('inverse-focus-ui') !default;
|
|
126
|
+
|
|
127
|
+
/// CSS Custom Property for the hover-primary token
|
|
128
|
+
$hover-primary: _get('hover-primary') !default;
|
|
129
|
+
|
|
130
|
+
/// CSS Custom Property for the active-primary token
|
|
131
|
+
$active-primary: _get('active-primary') !default;
|
|
132
|
+
|
|
133
|
+
/// CSS Custom Property for the hover-primary-text token
|
|
134
|
+
$hover-primary-text: _get('hover-primary-text') !default;
|
|
135
|
+
|
|
136
|
+
/// CSS Custom Property for the hover-secondary token
|
|
137
|
+
$hover-secondary: _get('hover-secondary') !default;
|
|
138
|
+
|
|
139
|
+
/// CSS Custom Property for the active-secondary token
|
|
140
|
+
$active-secondary: _get('active-secondary') !default;
|
|
141
|
+
|
|
142
|
+
/// CSS Custom Property for the hover-tertiary token
|
|
143
|
+
$hover-tertiary: _get('hover-tertiary') !default;
|
|
144
|
+
|
|
145
|
+
/// CSS Custom Property for the active-tertiary token
|
|
146
|
+
$active-tertiary: _get('active-tertiary') !default;
|
|
147
|
+
|
|
148
|
+
/// CSS Custom Property for the hover-ui token
|
|
149
|
+
$hover-ui: _get('hover-ui') !default;
|
|
150
|
+
|
|
151
|
+
/// CSS Custom Property for the hover-light-ui token
|
|
152
|
+
$hover-light-ui: _get('hover-light-ui') !default;
|
|
153
|
+
|
|
154
|
+
/// CSS Custom Property for the hover-selected-ui token
|
|
155
|
+
$hover-selected-ui: _get('hover-selected-ui') !default;
|
|
156
|
+
|
|
157
|
+
/// CSS Custom Property for the active-ui token
|
|
158
|
+
$active-ui: _get('active-ui') !default;
|
|
159
|
+
|
|
160
|
+
/// CSS Custom Property for the active-light-ui token
|
|
161
|
+
$active-light-ui: _get('active-light-ui') !default;
|
|
162
|
+
|
|
163
|
+
/// CSS Custom Property for the selected-ui token
|
|
164
|
+
$selected-ui: _get('selected-ui') !default;
|
|
165
|
+
|
|
166
|
+
/// CSS Custom Property for the selected-light-ui token
|
|
167
|
+
$selected-light-ui: _get('selected-light-ui') !default;
|
|
168
|
+
|
|
169
|
+
/// CSS Custom Property for the inverse-hover-ui token
|
|
170
|
+
$inverse-hover-ui: _get('inverse-hover-ui') !default;
|
|
171
|
+
|
|
172
|
+
/// CSS Custom Property for the hover-danger token
|
|
173
|
+
$hover-danger: _get('hover-danger') !default;
|
|
174
|
+
|
|
175
|
+
/// CSS Custom Property for the active-danger token
|
|
176
|
+
$active-danger: _get('active-danger') !default;
|
|
177
|
+
|
|
178
|
+
/// CSS Custom Property for the hover-row token
|
|
179
|
+
$hover-row: _get('hover-row') !default;
|
|
180
|
+
|
|
181
|
+
/// CSS Custom Property for the visited-link token
|
|
182
|
+
$visited-link: _get('visited-link') !default;
|
|
183
|
+
|
|
184
|
+
/// CSS Custom Property for the disabled-01 token
|
|
185
|
+
$disabled-01: _get('disabled-01') !default;
|
|
186
|
+
|
|
187
|
+
/// CSS Custom Property for the disabled-02 token
|
|
188
|
+
$disabled-02: _get('disabled-02') !default;
|
|
189
|
+
|
|
190
|
+
/// CSS Custom Property for the disabled-03 token
|
|
191
|
+
$disabled-03: _get('disabled-03') !default;
|
|
192
|
+
|
|
193
|
+
/// CSS Custom Property for the decorative-01 token
|
|
194
|
+
$decorative-01: _get('decorative-01') !default;
|
|
195
|
+
|
|
196
|
+
/// CSS Custom Property for the button-separator token
|
|
197
|
+
$button-separator: _get('button-separator') !default;
|
|
198
|
+
|
|
199
|
+
/// CSS Custom Property for the skeleton-01 token
|
|
200
|
+
$skeleton-01: _get('skeleton-01') !default;
|
|
201
|
+
|
|
202
|
+
/// CSS Custom Property for the skeleton-02 token
|
|
203
|
+
$skeleton-02: _get('skeleton-02') !default;
|
|
204
|
+
|
|
205
|
+
/// CSS Custom Property for the hover-field token
|
|
206
|
+
$hover-field: _get('hover-field') !default;
|
|
@@ -10,12 +10,9 @@
|
|
|
10
10
|
@use '../config';
|
|
11
11
|
@use '../theme';
|
|
12
12
|
|
|
13
|
-
/// Specify if a fallback value should be provided for the CSS Custom Property
|
|
14
|
-
$use-fallback-value: false !default;
|
|
15
|
-
|
|
16
13
|
/// Internal helper for generating CSS Custom Properties
|
|
17
14
|
@function _get($token) {
|
|
18
|
-
@if
|
|
15
|
+
@if config.$use-fallback-value == false {
|
|
19
16
|
@return var(--#{config.$prefix}-#{$token});
|
|
20
17
|
} @else {
|
|
21
18
|
@return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});
|