@carbon/themes 11.32.0 → 11.33.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 +224 -224
- package/lib/index.js +236 -245
- package/package.json +9 -7
- package/scss/generated/_tag-tokens.scss +82 -12
- package/scss/generated/_themes.scss +64 -100
- package/scss/generated/_tokens.scss +38 -85
- package/src/component-tokens/tag/tokens.js +108 -15
- package/src/g10.js +19 -32
- package/src/g100.js +19 -31
- package/src/g90.js +19 -31
- package/src/tokens/components.js +10 -0
- package/src/tokens/v11TokenGroup.js +15 -23
- package/src/white.js +19 -32
- package/telemetry.yml +7 -0
- package/umd/index.js +236 -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",
|
|
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",
|
|
35
|
+
"@carbon/layout": "^11.21.0",
|
|
36
|
+
"@carbon/type": "^11.26.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",
|
|
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": "7920f5261d5867837e0b7e6092c98a6597ac0771"
|
|
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,17 @@ $white: (
|
|
|
59
62
|
chat-bubble-agent: #ffffff,
|
|
60
63
|
chat-bubble-agent-border: #e0e0e0,
|
|
61
64
|
chat-bubble-user: #e0e0e0,
|
|
65
|
+
chat-button: #0f62fe,
|
|
66
|
+
chat-button-active: rgba(141, 141, 141, 0.5),
|
|
67
|
+
chat-button-hover: rgba(141, 141, 141, 0.12),
|
|
68
|
+
chat-button-selected: rgba(141, 141, 141, 0.2),
|
|
69
|
+
chat-button-text-hover: #0043ce,
|
|
70
|
+
chat-button-text-selected: #525252,
|
|
71
|
+
chat-header-background: #ffffff,
|
|
62
72
|
chat-prompt-background: #ffffff,
|
|
63
73
|
chat-prompt-border-end: rgba(244, 244, 244, 0),
|
|
64
74
|
chat-prompt-border-start: #f4f4f4,
|
|
75
|
+
chat-shell-background: #ffffff,
|
|
65
76
|
field-01: #f4f4f4,
|
|
66
77
|
field-02: #ffffff,
|
|
67
78
|
field-03: #f4f4f4,
|
|
@@ -119,26 +130,6 @@ $white: (
|
|
|
119
130
|
skeleton-element: #c6c6c6,
|
|
120
131
|
slug-background: #525252,
|
|
121
132
|
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
133
|
slug-gradient: #161616
|
|
143
134
|
linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
|
|
144
135
|
slug-gradient-hover: #161616
|
|
@@ -184,13 +175,16 @@ $g10: (
|
|
|
184
175
|
ai-border-start: #78a9ff,
|
|
185
176
|
ai-border-strong: #4589ff,
|
|
186
177
|
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
178
|
ai-inner-shadow: rgba(69, 137, 255, 0.2),
|
|
191
179
|
ai-overlay: rgba(0, 17, 65, 0.5),
|
|
192
|
-
ai-
|
|
193
|
-
ai-
|
|
180
|
+
ai-popover-caret-bottom: #d0e2ff,
|
|
181
|
+
ai-popover-caret-bottom-background: #ccdbf8,
|
|
182
|
+
ai-popover-caret-bottom-background-actions: #d2dcee,
|
|
183
|
+
ai-popover-caret-center: #a7c7ff,
|
|
184
|
+
ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25),
|
|
185
|
+
ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1),
|
|
186
|
+
ai-skeleton-background: #d0e2ff,
|
|
187
|
+
ai-skeleton-element-background: #4589ff,
|
|
194
188
|
background: #f4f4f4,
|
|
195
189
|
background-active: rgba(141, 141, 141, 0.5),
|
|
196
190
|
background-brand: #0f62fe,
|
|
@@ -221,9 +215,17 @@ $g10: (
|
|
|
221
215
|
chat-bubble-agent: #ffffff,
|
|
222
216
|
chat-bubble-agent-border: #e0e0e0,
|
|
223
217
|
chat-bubble-user: #e0e0e0,
|
|
218
|
+
chat-button: #0f62fe,
|
|
219
|
+
chat-button-active: rgba(141, 141, 141, 0.5),
|
|
220
|
+
chat-button-hover: rgba(141, 141, 141, 0.12),
|
|
221
|
+
chat-button-selected: rgba(141, 141, 141, 0.2),
|
|
222
|
+
chat-button-text-hover: #0043ce,
|
|
223
|
+
chat-button-text-selected: #525252,
|
|
224
|
+
chat-header-background: #ffffff,
|
|
224
225
|
chat-prompt-background: #ffffff,
|
|
225
226
|
chat-prompt-border-end: rgba(244, 244, 244, 0),
|
|
226
227
|
chat-prompt-border-start: #f4f4f4,
|
|
228
|
+
chat-shell-background: #ffffff,
|
|
227
229
|
field-01: #ffffff,
|
|
228
230
|
field-02: #f4f4f4,
|
|
229
231
|
field-03: #ffffff,
|
|
@@ -281,26 +283,6 @@ $g10: (
|
|
|
281
283
|
skeleton-element: #c6c6c6,
|
|
282
284
|
slug-background: #525252,
|
|
283
285
|
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
286
|
slug-gradient: #161616
|
|
305
287
|
linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
|
|
306
288
|
slug-gradient-hover: #161616
|
|
@@ -346,13 +328,16 @@ $g90: (
|
|
|
346
328
|
ai-border-start: #4589ff,
|
|
347
329
|
ai-border-strong: #78a9ff,
|
|
348
330
|
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
331
|
ai-inner-shadow: rgba(69, 137, 255, 0.2),
|
|
353
332
|
ai-overlay: rgba(0, 17, 65, 0.5),
|
|
354
|
-
ai-
|
|
355
|
-
ai-
|
|
333
|
+
ai-popover-caret-bottom: #465060,
|
|
334
|
+
ai-popover-caret-bottom-background: #2d3f5c,
|
|
335
|
+
ai-popover-caret-bottom-background-actions: #253042,
|
|
336
|
+
ai-popover-caret-center: #456fb5,
|
|
337
|
+
ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25),
|
|
338
|
+
ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65),
|
|
339
|
+
ai-skeleton-background: #a6c8ff,
|
|
340
|
+
ai-skeleton-element-background: #002d9c,
|
|
356
341
|
background: #262626,
|
|
357
342
|
background-active: rgba(141, 141, 141, 0.4),
|
|
358
343
|
background-brand: #0f62fe,
|
|
@@ -383,9 +368,17 @@ $g90: (
|
|
|
383
368
|
chat-bubble-agent: #262626,
|
|
384
369
|
chat-bubble-agent-border: #525252,
|
|
385
370
|
chat-bubble-user: #393939,
|
|
371
|
+
chat-button: #78a9ff,
|
|
372
|
+
chat-button-active: rgba(141, 141, 141, 0.4),
|
|
373
|
+
chat-button-hover: rgba(141, 141, 141, 0.16),
|
|
374
|
+
chat-button-selected: rgba(141, 141, 141, 0.24),
|
|
375
|
+
chat-button-text-hover: #a6c8ff,
|
|
376
|
+
chat-button-text-selected: #c6c6c6,
|
|
377
|
+
chat-header-background: #262626,
|
|
386
378
|
chat-prompt-background: #161616,
|
|
387
379
|
chat-prompt-border-end: rgba(38, 38, 38, 0),
|
|
388
380
|
chat-prompt-border-start: #262626,
|
|
381
|
+
chat-shell-background: #262626,
|
|
389
382
|
field-01: #393939,
|
|
390
383
|
field-02: #525252,
|
|
391
384
|
field-03: #6f6f6f,
|
|
@@ -443,26 +436,6 @@ $g90: (
|
|
|
443
436
|
skeleton-element: #525252,
|
|
444
437
|
slug-background: #c6c6c6,
|
|
445
438
|
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
439
|
slug-gradient: #8d8d8d
|
|
467
440
|
linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
|
|
468
441
|
slug-gradient-hover: #a8a8a8
|
|
@@ -508,13 +481,16 @@ $g100: (
|
|
|
508
481
|
ai-border-start: #4589ff,
|
|
509
482
|
ai-border-strong: #78a9ff,
|
|
510
483
|
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
484
|
ai-inner-shadow: rgba(69, 137, 255, 0.2),
|
|
515
485
|
ai-overlay: rgba(0, 17, 65, 0.5),
|
|
516
|
-
ai-
|
|
517
|
-
ai-
|
|
486
|
+
ai-popover-caret-bottom: #3d4655,
|
|
487
|
+
ai-popover-caret-bottom-background: #213250,
|
|
488
|
+
ai-popover-caret-bottom-background-actions: #192436,
|
|
489
|
+
ai-popover-caret-center: #3f68af,
|
|
490
|
+
ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25),
|
|
491
|
+
ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65),
|
|
492
|
+
ai-skeleton-background: #a6c8ff,
|
|
493
|
+
ai-skeleton-element-background: #002d9c,
|
|
518
494
|
background: #161616,
|
|
519
495
|
background-active: rgba(141, 141, 141, 0.4),
|
|
520
496
|
background-brand: #0f62fe,
|
|
@@ -545,9 +521,17 @@ $g100: (
|
|
|
545
521
|
chat-bubble-agent: #262626,
|
|
546
522
|
chat-bubble-agent-border: #525252,
|
|
547
523
|
chat-bubble-user: #393939,
|
|
524
|
+
chat-button: #78a9ff,
|
|
525
|
+
chat-button-active: rgba(141, 141, 141, 0.4),
|
|
526
|
+
chat-button-hover: rgba(141, 141, 141, 0.16),
|
|
527
|
+
chat-button-selected: rgba(141, 141, 141, 0.24),
|
|
528
|
+
chat-button-text-hover: #a6c8ff,
|
|
529
|
+
chat-button-text-selected: #c6c6c6,
|
|
530
|
+
chat-header-background: #262626,
|
|
548
531
|
chat-prompt-background: #161616,
|
|
549
532
|
chat-prompt-border-end: rgba(38, 38, 38, 0),
|
|
550
533
|
chat-prompt-border-start: #262626,
|
|
534
|
+
chat-shell-background: #262626,
|
|
551
535
|
field-01: #262626,
|
|
552
536
|
field-02: #393939,
|
|
553
537
|
field-03: #525252,
|
|
@@ -605,26 +589,6 @@ $g100: (
|
|
|
605
589
|
skeleton-element: #393939,
|
|
606
590
|
slug-background: #c6c6c6,
|
|
607
591
|
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
592
|
slug-gradient: #8d8d8d
|
|
629
593
|
linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
|
|
630
594
|
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,30 @@ $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
|
+
|
|
409
|
+
/// The CSS Custom Property for the `chat-button` token
|
|
410
|
+
$chat-button: _get('chat-button') !default;
|
|
411
|
+
|
|
412
|
+
/// The CSS Custom Property for the `chat-button-hover` token
|
|
413
|
+
$chat-button-hover: _get('chat-button-hover') !default;
|
|
414
|
+
|
|
415
|
+
/// The CSS Custom Property for the `chat-button-text-hover` token
|
|
416
|
+
$chat-button-text-hover: _get('chat-button-text-hover') !default;
|
|
417
|
+
|
|
418
|
+
/// The CSS Custom Property for the `chat-button-active` token
|
|
419
|
+
$chat-button-active: _get('chat-button-active') !default;
|
|
420
|
+
|
|
421
|
+
/// The CSS Custom Property for the `chat-button-selected` token
|
|
422
|
+
$chat-button-selected: _get('chat-button-selected') !default;
|
|
423
|
+
|
|
424
|
+
/// The CSS Custom Property for the `chat-button-text-selected` token
|
|
425
|
+
$chat-button-text-selected: _get('chat-button-text-selected') !default;
|
|
426
|
+
|
|
474
427
|
/// The CSS Custom Property for the `highlight` token
|
|
475
428
|
$highlight: _get('highlight') !default;
|
|
476
429
|
|