@carbon/themes 11.32.0 → 11.33.0-rc.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 +9 -0
- package/es/index.js +166 -224
- package/lib/index.js +172 -245
- package/package.json +9 -7
- package/scss/generated/_tag-tokens.scss +82 -12
- package/scss/generated/_themes.scss +40 -100
- package/scss/generated/_tokens.scss +20 -85
- package/src/component-tokens/tag/tokens.js +108 -15
- package/src/g10.js +11 -32
- package/src/g100.js +11 -31
- package/src/g90.js +11 -31
- package/src/tokens/components.js +10 -0
- package/src/tokens/v11TokenGroup.js +8 -23
- package/src/white.js +11 -32
- package/telemetry.yml +7 -0
- package/umd/index.js +172 -245
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": "11.
|
|
4
|
+
"version": "11.33.0-rc.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -27,18 +27,20 @@
|
|
|
27
27
|
"scripts": {
|
|
28
28
|
"ci-check": "carbon-cli check \"scss/**/*.scss\" -i \"**/generated/**\" -i \"**/compat/**\"",
|
|
29
29
|
"clean": "rimraf es lib umd scss/generated scss/compat/generated",
|
|
30
|
-
"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
|
+
"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\"",
|
|
31
|
+
"postinstall": "ibmtelemetry --config=telemetry.yml"
|
|
31
32
|
},
|
|
32
33
|
"dependencies": {
|
|
33
|
-
"@carbon/colors": "^11.
|
|
34
|
-
"@carbon/layout": "^11.
|
|
35
|
-
"@carbon/type": "^11.
|
|
34
|
+
"@carbon/colors": "^11.21.0-rc.0",
|
|
35
|
+
"@carbon/layout": "^11.21.0-rc.0",
|
|
36
|
+
"@carbon/type": "^11.26.0-rc.0",
|
|
37
|
+
"@ibm/telemetry-js": "^1.2.1",
|
|
36
38
|
"color": "^4.0.0"
|
|
37
39
|
},
|
|
38
40
|
"devDependencies": {
|
|
39
41
|
"@babel/node": "^7.17.10",
|
|
40
42
|
"@babel/preset-env": "^7.18.2",
|
|
41
|
-
"@carbon/cli": "^11.
|
|
43
|
+
"@carbon/cli": "^11.16.0-rc.0",
|
|
42
44
|
"@carbon/cli-reporter": "^10.7.0",
|
|
43
45
|
"@carbon/scss-generator": "^10.18.0",
|
|
44
46
|
"@carbon/test-utils": "^10.30.0",
|
|
@@ -49,5 +51,5 @@
|
|
|
49
51
|
"rimraf": "^5.0.0"
|
|
50
52
|
},
|
|
51
53
|
"sideEffects": false,
|
|
52
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "fd9030978919c8d2ce0c102db94aeabf88563c34"
|
|
53
55
|
}
|
|
@@ -78,6 +78,76 @@ $tag-background-warm-gray: (
|
|
|
78
78
|
g-100: #565151,
|
|
79
79
|
) !default;
|
|
80
80
|
|
|
81
|
+
$tag-border-blue: (
|
|
82
|
+
white-theme: #78a9ff,
|
|
83
|
+
g-10: #78a9ff,
|
|
84
|
+
g-90: #4589ff,
|
|
85
|
+
g-100: #4589ff,
|
|
86
|
+
) !default;
|
|
87
|
+
|
|
88
|
+
$tag-border-cool-gray: (
|
|
89
|
+
white-theme: #a2a9b0,
|
|
90
|
+
g-10: #a2a9b0,
|
|
91
|
+
g-90: #878d96,
|
|
92
|
+
g-100: #878d96,
|
|
93
|
+
) !default;
|
|
94
|
+
|
|
95
|
+
$tag-border-cyan: (
|
|
96
|
+
white-theme: #33b1ff,
|
|
97
|
+
g-10: #33b1ff,
|
|
98
|
+
g-90: #1192e8,
|
|
99
|
+
g-100: #1192e8,
|
|
100
|
+
) !default;
|
|
101
|
+
|
|
102
|
+
$tag-border-gray: (
|
|
103
|
+
white-theme: #a8a8a8,
|
|
104
|
+
g-10: #a8a8a8,
|
|
105
|
+
g-90: #8d8d8d,
|
|
106
|
+
g-100: #8d8d8d,
|
|
107
|
+
) !default;
|
|
108
|
+
|
|
109
|
+
$tag-border-green: (
|
|
110
|
+
white-theme: #42be65,
|
|
111
|
+
g-10: #42be65,
|
|
112
|
+
g-90: #24a148,
|
|
113
|
+
g-100: #24a148,
|
|
114
|
+
) !default;
|
|
115
|
+
|
|
116
|
+
$tag-border-magenta: (
|
|
117
|
+
white-theme: #ff7eb6,
|
|
118
|
+
g-10: #ff7eb6,
|
|
119
|
+
g-90: #ee5396,
|
|
120
|
+
g-100: #ee5396,
|
|
121
|
+
) !default;
|
|
122
|
+
|
|
123
|
+
$tag-border-purple: (
|
|
124
|
+
white-theme: #be95ff,
|
|
125
|
+
g-10: #be95ff,
|
|
126
|
+
g-90: #a56eff,
|
|
127
|
+
g-100: #a56eff,
|
|
128
|
+
) !default;
|
|
129
|
+
|
|
130
|
+
$tag-border-red: (
|
|
131
|
+
white-theme: #ff8389,
|
|
132
|
+
g-10: #ff8389,
|
|
133
|
+
g-90: #fa4d56,
|
|
134
|
+
g-100: #fa4d56,
|
|
135
|
+
) !default;
|
|
136
|
+
|
|
137
|
+
$tag-border-teal: (
|
|
138
|
+
white-theme: #08bdba,
|
|
139
|
+
g-10: #08bdba,
|
|
140
|
+
g-90: #009d9a,
|
|
141
|
+
g-100: #009d9a,
|
|
142
|
+
) !default;
|
|
143
|
+
|
|
144
|
+
$tag-border-warm-gray: (
|
|
145
|
+
white-theme: #ada8a8,
|
|
146
|
+
g-10: #ada8a8,
|
|
147
|
+
g-90: #8f8b8b,
|
|
148
|
+
g-100: #8f8b8b,
|
|
149
|
+
) !default;
|
|
150
|
+
|
|
81
151
|
$tag-color-blue: (
|
|
82
152
|
white-theme: #002d9c,
|
|
83
153
|
g-10: #002d9c,
|
|
@@ -86,10 +156,10 @@ $tag-color-blue: (
|
|
|
86
156
|
) !default;
|
|
87
157
|
|
|
88
158
|
$tag-color-cool-gray: (
|
|
89
|
-
white-theme: #
|
|
90
|
-
g-10: #
|
|
91
|
-
g-90: #
|
|
92
|
-
g-100: #
|
|
159
|
+
white-theme: #121619,
|
|
160
|
+
g-10: #121619,
|
|
161
|
+
g-90: #f2f4f8,
|
|
162
|
+
g-100: #f2f4f8,
|
|
93
163
|
) !default;
|
|
94
164
|
|
|
95
165
|
$tag-color-cyan: (
|
|
@@ -100,10 +170,10 @@ $tag-color-cyan: (
|
|
|
100
170
|
) !default;
|
|
101
171
|
|
|
102
172
|
$tag-color-gray: (
|
|
103
|
-
white-theme: #
|
|
104
|
-
g-10: #
|
|
105
|
-
g-90: #
|
|
106
|
-
g-100: #
|
|
173
|
+
white-theme: #161616,
|
|
174
|
+
g-10: #161616,
|
|
175
|
+
g-90: #f4f4f4,
|
|
176
|
+
g-100: #f4f4f4,
|
|
107
177
|
) !default;
|
|
108
178
|
|
|
109
179
|
$tag-color-green: (
|
|
@@ -142,10 +212,10 @@ $tag-color-teal: (
|
|
|
142
212
|
) !default;
|
|
143
213
|
|
|
144
214
|
$tag-color-warm-gray: (
|
|
145
|
-
white-theme: #
|
|
146
|
-
g-10: #
|
|
147
|
-
g-90: #
|
|
148
|
-
g-100: #
|
|
215
|
+
white-theme: #171414,
|
|
216
|
+
g-10: #171414,
|
|
217
|
+
g-90: #f7f3f2,
|
|
218
|
+
g-100: #f7f3f2,
|
|
149
219
|
) !default;
|
|
150
220
|
|
|
151
221
|
$tag-hover-blue: (
|
|
@@ -22,13 +22,16 @@ $white: (
|
|
|
22
22
|
ai-border-start: #78a9ff,
|
|
23
23
|
ai-border-strong: #4589ff,
|
|
24
24
|
ai-drop-shadow: rgba(15, 98, 254, 0.32),
|
|
25
|
-
ai-gradient-end: rgba(255, 255, 255, 0),
|
|
26
|
-
ai-gradient-start-01: rgba(242, 244, 248, 0.5),
|
|
27
|
-
ai-gradient-start-02: rgba(237, 245, 255, 0.5),
|
|
28
25
|
ai-inner-shadow: rgba(69, 137, 255, 0.2),
|
|
29
26
|
ai-overlay: rgba(0, 17, 65, 0.5),
|
|
30
|
-
ai-
|
|
31
|
-
ai-
|
|
27
|
+
ai-popover-caret-bottom: #d0e2ff,
|
|
28
|
+
ai-popover-caret-bottom-background: #d5e5ff,
|
|
29
|
+
ai-popover-caret-bottom-background-actions: #dae5f8,
|
|
30
|
+
ai-popover-caret-center: #a7c7ff,
|
|
31
|
+
ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25),
|
|
32
|
+
ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1),
|
|
33
|
+
ai-skeleton-background: #d0e2ff,
|
|
34
|
+
ai-skeleton-element-background: #4589ff,
|
|
32
35
|
background: #ffffff,
|
|
33
36
|
background-active: rgba(141, 141, 141, 0.5),
|
|
34
37
|
background-brand: #0f62fe,
|
|
@@ -59,9 +62,11 @@ $white: (
|
|
|
59
62
|
chat-bubble-agent: #ffffff,
|
|
60
63
|
chat-bubble-agent-border: #e0e0e0,
|
|
61
64
|
chat-bubble-user: #e0e0e0,
|
|
65
|
+
chat-header-background: #ffffff,
|
|
62
66
|
chat-prompt-background: #ffffff,
|
|
63
67
|
chat-prompt-border-end: rgba(244, 244, 244, 0),
|
|
64
68
|
chat-prompt-border-start: #f4f4f4,
|
|
69
|
+
chat-shell-background: #ffffff,
|
|
65
70
|
field-01: #f4f4f4,
|
|
66
71
|
field-02: #ffffff,
|
|
67
72
|
field-03: #f4f4f4,
|
|
@@ -119,26 +124,6 @@ $white: (
|
|
|
119
124
|
skeleton-element: #c6c6c6,
|
|
120
125
|
slug-background: #525252,
|
|
121
126
|
slug-background-hover: #6f6f6f,
|
|
122
|
-
slug-callout-aura-end: rgba(255, 255, 255, 0),
|
|
123
|
-
slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0),
|
|
124
|
-
slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0),
|
|
125
|
-
slug-callout-aura-end-selected: rgba(255, 255, 255, 0),
|
|
126
|
-
slug-callout-aura-start: rgba(69, 137, 255, 0.1),
|
|
127
|
-
slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5),
|
|
128
|
-
slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5),
|
|
129
|
-
slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6),
|
|
130
|
-
slug-callout-caret-bottom: #d0e2ff,
|
|
131
|
-
slug-callout-caret-bottom-background: #d5e5ff,
|
|
132
|
-
slug-callout-caret-bottom-background-actions: #dae5f8,
|
|
133
|
-
slug-callout-caret-center: #a7c7ff,
|
|
134
|
-
slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85),
|
|
135
|
-
slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55),
|
|
136
|
-
slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85),
|
|
137
|
-
slug-callout-gradient-top: rgba(244, 244, 244, 0.85),
|
|
138
|
-
slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55),
|
|
139
|
-
slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85),
|
|
140
|
-
slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25),
|
|
141
|
-
slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1),
|
|
142
127
|
slug-gradient: #161616
|
|
143
128
|
linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
|
|
144
129
|
slug-gradient-hover: #161616
|
|
@@ -184,13 +169,16 @@ $g10: (
|
|
|
184
169
|
ai-border-start: #78a9ff,
|
|
185
170
|
ai-border-strong: #4589ff,
|
|
186
171
|
ai-drop-shadow: rgba(15, 98, 254, 0.32),
|
|
187
|
-
ai-gradient-end: rgba(255, 255, 255, 0),
|
|
188
|
-
ai-gradient-start-01: rgba(242, 244, 248, 0.5),
|
|
189
|
-
ai-gradient-start-02: rgba(237, 245, 255, 0.5),
|
|
190
172
|
ai-inner-shadow: rgba(69, 137, 255, 0.2),
|
|
191
173
|
ai-overlay: rgba(0, 17, 65, 0.5),
|
|
192
|
-
ai-
|
|
193
|
-
ai-
|
|
174
|
+
ai-popover-caret-bottom: #d0e2ff,
|
|
175
|
+
ai-popover-caret-bottom-background: #ccdbf8,
|
|
176
|
+
ai-popover-caret-bottom-background-actions: #d2dcee,
|
|
177
|
+
ai-popover-caret-center: #a7c7ff,
|
|
178
|
+
ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25),
|
|
179
|
+
ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1),
|
|
180
|
+
ai-skeleton-background: #d0e2ff,
|
|
181
|
+
ai-skeleton-element-background: #4589ff,
|
|
194
182
|
background: #f4f4f4,
|
|
195
183
|
background-active: rgba(141, 141, 141, 0.5),
|
|
196
184
|
background-brand: #0f62fe,
|
|
@@ -221,9 +209,11 @@ $g10: (
|
|
|
221
209
|
chat-bubble-agent: #ffffff,
|
|
222
210
|
chat-bubble-agent-border: #e0e0e0,
|
|
223
211
|
chat-bubble-user: #e0e0e0,
|
|
212
|
+
chat-header-background: #ffffff,
|
|
224
213
|
chat-prompt-background: #ffffff,
|
|
225
214
|
chat-prompt-border-end: rgba(244, 244, 244, 0),
|
|
226
215
|
chat-prompt-border-start: #f4f4f4,
|
|
216
|
+
chat-shell-background: #ffffff,
|
|
227
217
|
field-01: #ffffff,
|
|
228
218
|
field-02: #f4f4f4,
|
|
229
219
|
field-03: #ffffff,
|
|
@@ -281,26 +271,6 @@ $g10: (
|
|
|
281
271
|
skeleton-element: #c6c6c6,
|
|
282
272
|
slug-background: #525252,
|
|
283
273
|
slug-background-hover: #6f6f6f,
|
|
284
|
-
slug-callout-aura-end: rgba(255, 255, 255, 0),
|
|
285
|
-
slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0),
|
|
286
|
-
slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0),
|
|
287
|
-
slug-callout-aura-end-selected: rgba(255, 255, 255, 0),
|
|
288
|
-
slug-callout-aura-start: rgba(69, 137, 255, 0.1),
|
|
289
|
-
slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5),
|
|
290
|
-
slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5),
|
|
291
|
-
slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6),
|
|
292
|
-
slug-callout-caret-bottom: #d0e2ff,
|
|
293
|
-
slug-callout-caret-bottom-background: #ccdbf8,
|
|
294
|
-
slug-callout-caret-bottom-background-actions: #d2dcee,
|
|
295
|
-
slug-callout-caret-center: #a7c7ff,
|
|
296
|
-
slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85),
|
|
297
|
-
slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55),
|
|
298
|
-
slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85),
|
|
299
|
-
slug-callout-gradient-top: rgba(244, 244, 244, 0.85),
|
|
300
|
-
slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55),
|
|
301
|
-
slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85),
|
|
302
|
-
slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25),
|
|
303
|
-
slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1),
|
|
304
274
|
slug-gradient: #161616
|
|
305
275
|
linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
|
|
306
276
|
slug-gradient-hover: #161616
|
|
@@ -346,13 +316,16 @@ $g90: (
|
|
|
346
316
|
ai-border-start: #4589ff,
|
|
347
317
|
ai-border-strong: #78a9ff,
|
|
348
318
|
ai-drop-shadow: rgba(15, 98, 254, 0.32),
|
|
349
|
-
ai-gradient-end: rgba(38, 38, 38, 0),
|
|
350
|
-
ai-gradient-start-01: rgba(208, 226, 255, 0.2),
|
|
351
|
-
ai-gradient-start-02: unquote('transparent'),
|
|
352
319
|
ai-inner-shadow: rgba(69, 137, 255, 0.2),
|
|
353
320
|
ai-overlay: rgba(0, 17, 65, 0.5),
|
|
354
|
-
ai-
|
|
355
|
-
ai-
|
|
321
|
+
ai-popover-caret-bottom: #465060,
|
|
322
|
+
ai-popover-caret-bottom-background: #2d3f5c,
|
|
323
|
+
ai-popover-caret-bottom-background-actions: #253042,
|
|
324
|
+
ai-popover-caret-center: #456fb5,
|
|
325
|
+
ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25),
|
|
326
|
+
ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65),
|
|
327
|
+
ai-skeleton-background: #a6c8ff,
|
|
328
|
+
ai-skeleton-element-background: #002d9c,
|
|
356
329
|
background: #262626,
|
|
357
330
|
background-active: rgba(141, 141, 141, 0.4),
|
|
358
331
|
background-brand: #0f62fe,
|
|
@@ -383,9 +356,11 @@ $g90: (
|
|
|
383
356
|
chat-bubble-agent: #262626,
|
|
384
357
|
chat-bubble-agent-border: #525252,
|
|
385
358
|
chat-bubble-user: #393939,
|
|
359
|
+
chat-header-background: #262626,
|
|
386
360
|
chat-prompt-background: #161616,
|
|
387
361
|
chat-prompt-border-end: rgba(38, 38, 38, 0),
|
|
388
362
|
chat-prompt-border-start: #262626,
|
|
363
|
+
chat-shell-background: #262626,
|
|
389
364
|
field-01: #393939,
|
|
390
365
|
field-02: #525252,
|
|
391
366
|
field-03: #6f6f6f,
|
|
@@ -443,26 +418,6 @@ $g90: (
|
|
|
443
418
|
skeleton-element: #525252,
|
|
444
419
|
slug-background: #c6c6c6,
|
|
445
420
|
slug-background-hover: #e0e0e0,
|
|
446
|
-
slug-callout-aura-end: rgba(0, 0, 0, 0),
|
|
447
|
-
slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0),
|
|
448
|
-
slug-callout-aura-end-hover-02: unquote('transparent'),
|
|
449
|
-
slug-callout-aura-end-selected: rgba(22, 22, 22, 0),
|
|
450
|
-
slug-callout-aura-start: rgba(69, 137, 255, 0.1),
|
|
451
|
-
slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3),
|
|
452
|
-
slug-callout-aura-start-hover-02: unquote('transparent'),
|
|
453
|
-
slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2),
|
|
454
|
-
slug-callout-caret-bottom: #465060,
|
|
455
|
-
slug-callout-caret-bottom-background: #2d3f5c,
|
|
456
|
-
slug-callout-caret-bottom-background-actions: #253042,
|
|
457
|
-
slug-callout-caret-center: #456fb5,
|
|
458
|
-
slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85),
|
|
459
|
-
slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55),
|
|
460
|
-
slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85),
|
|
461
|
-
slug-callout-gradient-top: rgba(22, 22, 22, 0.85),
|
|
462
|
-
slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55),
|
|
463
|
-
slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85),
|
|
464
|
-
slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25),
|
|
465
|
-
slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65),
|
|
466
421
|
slug-gradient: #8d8d8d
|
|
467
422
|
linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
|
|
468
423
|
slug-gradient-hover: #a8a8a8
|
|
@@ -508,13 +463,16 @@ $g100: (
|
|
|
508
463
|
ai-border-start: #4589ff,
|
|
509
464
|
ai-border-strong: #78a9ff,
|
|
510
465
|
ai-drop-shadow: rgba(15, 98, 254, 0.32),
|
|
511
|
-
ai-gradient-end: rgba(38, 38, 38, 0),
|
|
512
|
-
ai-gradient-start-01: rgba(208, 226, 255, 0.2),
|
|
513
|
-
ai-gradient-start-02: unquote('transparent'),
|
|
514
466
|
ai-inner-shadow: rgba(69, 137, 255, 0.2),
|
|
515
467
|
ai-overlay: rgba(0, 17, 65, 0.5),
|
|
516
|
-
ai-
|
|
517
|
-
ai-
|
|
468
|
+
ai-popover-caret-bottom: #3d4655,
|
|
469
|
+
ai-popover-caret-bottom-background: #213250,
|
|
470
|
+
ai-popover-caret-bottom-background-actions: #192436,
|
|
471
|
+
ai-popover-caret-center: #3f68af,
|
|
472
|
+
ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25),
|
|
473
|
+
ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65),
|
|
474
|
+
ai-skeleton-background: #a6c8ff,
|
|
475
|
+
ai-skeleton-element-background: #002d9c,
|
|
518
476
|
background: #161616,
|
|
519
477
|
background-active: rgba(141, 141, 141, 0.4),
|
|
520
478
|
background-brand: #0f62fe,
|
|
@@ -545,9 +503,11 @@ $g100: (
|
|
|
545
503
|
chat-bubble-agent: #262626,
|
|
546
504
|
chat-bubble-agent-border: #525252,
|
|
547
505
|
chat-bubble-user: #393939,
|
|
506
|
+
chat-header-background: #262626,
|
|
548
507
|
chat-prompt-background: #161616,
|
|
549
508
|
chat-prompt-border-end: rgba(38, 38, 38, 0),
|
|
550
509
|
chat-prompt-border-start: #262626,
|
|
510
|
+
chat-shell-background: #262626,
|
|
551
511
|
field-01: #262626,
|
|
552
512
|
field-02: #393939,
|
|
553
513
|
field-03: #525252,
|
|
@@ -605,26 +565,6 @@ $g100: (
|
|
|
605
565
|
skeleton-element: #393939,
|
|
606
566
|
slug-background: #c6c6c6,
|
|
607
567
|
slug-background-hover: #e0e0e0,
|
|
608
|
-
slug-callout-aura-end: rgba(0, 0, 0, 0),
|
|
609
|
-
slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0),
|
|
610
|
-
slug-callout-aura-end-hover-02: unquote('transparent'),
|
|
611
|
-
slug-callout-aura-end-selected: rgba(22, 22, 22, 0),
|
|
612
|
-
slug-callout-aura-start: rgba(69, 137, 255, 0.1),
|
|
613
|
-
slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3),
|
|
614
|
-
slug-callout-aura-start-hover-02: unquote('transparent'),
|
|
615
|
-
slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2),
|
|
616
|
-
slug-callout-caret-bottom: #3d4655,
|
|
617
|
-
slug-callout-caret-bottom-background: #213250,
|
|
618
|
-
slug-callout-caret-bottom-background-actions: #192436,
|
|
619
|
-
slug-callout-caret-center: #3f68af,
|
|
620
|
-
slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85),
|
|
621
|
-
slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55),
|
|
622
|
-
slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85),
|
|
623
|
-
slug-callout-gradient-top: rgba(22, 22, 22, 0.85),
|
|
624
|
-
slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55),
|
|
625
|
-
slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85),
|
|
626
|
-
slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25),
|
|
627
|
-
slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65),
|
|
628
568
|
slug-gradient: #8d8d8d
|
|
629
569
|
linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
|
|
630
570
|
slug-gradient-hover: #a8a8a8
|
|
@@ -307,82 +307,11 @@ $slug-gradient-hover: _get('slug-gradient-hover') !default;
|
|
|
307
307
|
/// The CSS Custom Property for the `slug-hollow-hover` token
|
|
308
308
|
$slug-hollow-hover: _get('slug-hollow-hover') !default;
|
|
309
309
|
|
|
310
|
-
/// The CSS Custom Property for the `
|
|
311
|
-
$
|
|
310
|
+
/// The CSS Custom Property for the `ai-popover-shadow-outer-01` token
|
|
311
|
+
$ai-popover-shadow-outer-01: _get('ai-popover-shadow-outer-01') !default;
|
|
312
312
|
|
|
313
|
-
/// The CSS Custom Property for the `
|
|
314
|
-
$
|
|
315
|
-
|
|
316
|
-
/// The CSS Custom Property for the `slug-callout-aura-start` token
|
|
317
|
-
$slug-callout-aura-start: _get('slug-callout-aura-start') !default;
|
|
318
|
-
|
|
319
|
-
/// The CSS Custom Property for the `slug-callout-aura-end` token
|
|
320
|
-
$slug-callout-aura-end: _get('slug-callout-aura-end') !default;
|
|
321
|
-
|
|
322
|
-
/// The CSS Custom Property for the `slug-callout-gradient-top-hover` token
|
|
323
|
-
$slug-callout-gradient-top-hover: _get(
|
|
324
|
-
'slug-callout-gradient-top-hover'
|
|
325
|
-
) !default;
|
|
326
|
-
|
|
327
|
-
/// The CSS Custom Property for the `slug-callout-gradient-bottom-hover` token
|
|
328
|
-
$slug-callout-gradient-bottom-hover: _get(
|
|
329
|
-
'slug-callout-gradient-bottom-hover'
|
|
330
|
-
) !default;
|
|
331
|
-
|
|
332
|
-
/// The CSS Custom Property for the `slug-callout-aura-start-hover-01` token
|
|
333
|
-
$slug-callout-aura-start-hover-01: _get(
|
|
334
|
-
'slug-callout-aura-start-hover-01'
|
|
335
|
-
) !default;
|
|
336
|
-
|
|
337
|
-
/// The CSS Custom Property for the `slug-callout-aura-start-hover-02` token
|
|
338
|
-
$slug-callout-aura-start-hover-02: _get(
|
|
339
|
-
'slug-callout-aura-start-hover-02'
|
|
340
|
-
) !default;
|
|
341
|
-
|
|
342
|
-
/// The CSS Custom Property for the `slug-callout-aura-end-hover-01` token
|
|
343
|
-
$slug-callout-aura-end-hover-01: _get(
|
|
344
|
-
'slug-callout-aura-end-hover-01'
|
|
345
|
-
) !default;
|
|
346
|
-
|
|
347
|
-
/// The CSS Custom Property for the `slug-callout-aura-end-hover-02` token
|
|
348
|
-
$slug-callout-aura-end-hover-02: _get(
|
|
349
|
-
'slug-callout-aura-end-hover-02'
|
|
350
|
-
) !default;
|
|
351
|
-
|
|
352
|
-
/// The CSS Custom Property for the `slug-callout-gradient-top-selected` token
|
|
353
|
-
$slug-callout-gradient-top-selected: _get(
|
|
354
|
-
'slug-callout-gradient-top-selected'
|
|
355
|
-
) !default;
|
|
356
|
-
|
|
357
|
-
/// The CSS Custom Property for the `slug-callout-gradient-bottom-selected` token
|
|
358
|
-
$slug-callout-gradient-bottom-selected: _get(
|
|
359
|
-
'slug-callout-gradient-bottom-selected'
|
|
360
|
-
) !default;
|
|
361
|
-
|
|
362
|
-
/// The CSS Custom Property for the `slug-callout-aura-start-selected` token
|
|
363
|
-
$slug-callout-aura-start-selected: _get(
|
|
364
|
-
'slug-callout-aura-start-selected'
|
|
365
|
-
) !default;
|
|
366
|
-
|
|
367
|
-
/// The CSS Custom Property for the `slug-callout-aura-end-selected` token
|
|
368
|
-
$slug-callout-aura-end-selected: _get(
|
|
369
|
-
'slug-callout-aura-end-selected'
|
|
370
|
-
) !default;
|
|
371
|
-
|
|
372
|
-
/// The CSS Custom Property for the `ai-gradient-start-01` token
|
|
373
|
-
$ai-gradient-start-01: _get('ai-gradient-start-01') !default;
|
|
374
|
-
|
|
375
|
-
/// The CSS Custom Property for the `ai-gradient-start-02` token
|
|
376
|
-
$ai-gradient-start-02: _get('ai-gradient-start-02') !default;
|
|
377
|
-
|
|
378
|
-
/// The CSS Custom Property for the `ai-gradient-end` token
|
|
379
|
-
$ai-gradient-end: _get('ai-gradient-end') !default;
|
|
380
|
-
|
|
381
|
-
/// The CSS Custom Property for the `slug-callout-shadow-outer-01` token
|
|
382
|
-
$slug-callout-shadow-outer-01: _get('slug-callout-shadow-outer-01') !default;
|
|
383
|
-
|
|
384
|
-
/// The CSS Custom Property for the `slug-callout-shadow-outer-02` token
|
|
385
|
-
$slug-callout-shadow-outer-02: _get('slug-callout-shadow-outer-02') !default;
|
|
313
|
+
/// The CSS Custom Property for the `ai-popover-shadow-outer-02` token
|
|
314
|
+
$ai-popover-shadow-outer-02: _get('ai-popover-shadow-outer-02') !default;
|
|
386
315
|
|
|
387
316
|
/// The CSS Custom Property for the `ai-inner-shadow` token
|
|
388
317
|
$ai-inner-shadow: _get('ai-inner-shadow') !default;
|
|
@@ -428,20 +357,20 @@ $ai-skeleton-element-background: _get(
|
|
|
428
357
|
/// The CSS Custom Property for the `ai-overlay` token
|
|
429
358
|
$ai-overlay: _get('ai-overlay') !default;
|
|
430
359
|
|
|
431
|
-
/// The CSS Custom Property for the `
|
|
432
|
-
$
|
|
360
|
+
/// The CSS Custom Property for the `ai-popover-caret-center` token
|
|
361
|
+
$ai-popover-caret-center: _get('ai-popover-caret-center') !default;
|
|
433
362
|
|
|
434
|
-
/// The CSS Custom Property for the `
|
|
435
|
-
$
|
|
363
|
+
/// The CSS Custom Property for the `ai-popover-caret-bottom` token
|
|
364
|
+
$ai-popover-caret-bottom: _get('ai-popover-caret-bottom') !default;
|
|
436
365
|
|
|
437
|
-
/// The CSS Custom Property for the `
|
|
438
|
-
$
|
|
439
|
-
'
|
|
366
|
+
/// The CSS Custom Property for the `ai-popover-caret-bottom-background` token
|
|
367
|
+
$ai-popover-caret-bottom-background: _get(
|
|
368
|
+
'ai-popover-caret-bottom-background'
|
|
440
369
|
) !default;
|
|
441
370
|
|
|
442
|
-
/// The CSS Custom Property for the `
|
|
443
|
-
$
|
|
444
|
-
'
|
|
371
|
+
/// The CSS Custom Property for the `ai-popover-caret-bottom-background-actions` token
|
|
372
|
+
$ai-popover-caret-bottom-background-actions: _get(
|
|
373
|
+
'ai-popover-caret-bottom-background-actions'
|
|
445
374
|
) !default;
|
|
446
375
|
|
|
447
376
|
/// The CSS Custom Property for the `chat-prompt-background` token
|
|
@@ -471,6 +400,12 @@ $chat-avatar-agent: _get('chat-avatar-agent') !default;
|
|
|
471
400
|
/// The CSS Custom Property for the `chat-avatar-user` token
|
|
472
401
|
$chat-avatar-user: _get('chat-avatar-user') !default;
|
|
473
402
|
|
|
403
|
+
/// The CSS Custom Property for the `chat-shell-background` token
|
|
404
|
+
$chat-shell-background: _get('chat-shell-background') !default;
|
|
405
|
+
|
|
406
|
+
/// The CSS Custom Property for the `chat-header-background` token
|
|
407
|
+
$chat-header-background: _get('chat-header-background') !default;
|
|
408
|
+
|
|
474
409
|
/// The CSS Custom Property for the `highlight` token
|
|
475
410
|
$highlight: _get('highlight') !default;
|
|
476
411
|
|