@spectrum-web-components/styles 0.21.0 → 0.21.1-react.54

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.
@@ -0,0 +1,496 @@
1
+ /*
2
+ Copyright 2022 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+
13
+ :host,
14
+ :root {
15
+ --spectrum-global-color-status: Verified;
16
+ --spectrum-global-color-version: 5.1.0;
17
+ --spectrum-global-color-opacity-100: 1;
18
+ --spectrum-global-color-opacity-90: 0.9;
19
+ --spectrum-global-color-opacity-80: 0.8;
20
+ --spectrum-global-color-opacity-70: 0.7;
21
+ --spectrum-global-color-opacity-60: 0.6;
22
+ --spectrum-global-color-opacity-55: 0.55;
23
+ --spectrum-global-color-opacity-50: 0.5;
24
+ --spectrum-global-color-opacity-42: 0.42;
25
+ --spectrum-global-color-opacity-40: 0.4;
26
+ --spectrum-global-color-opacity-30: 0.3;
27
+ --spectrum-global-color-opacity-25: 0.25;
28
+ --spectrum-global-color-opacity-20: 0.2;
29
+ --spectrum-global-color-opacity-15: 0.15;
30
+ --spectrum-global-color-opacity-10: 0.1;
31
+ --spectrum-global-color-opacity-8: 0.08;
32
+ --spectrum-global-color-opacity-7: 0.07;
33
+ --spectrum-global-color-opacity-6: 0.06;
34
+ --spectrum-global-color-opacity-5: 0.05;
35
+ --spectrum-global-color-opacity-4: 0.04;
36
+ --spectrum-global-color-opacity-0: 0;
37
+ --spectrum-global-color-celery-400-rgb: 39, 187, 54;
38
+ --spectrum-global-color-celery-400: rgb(
39
+ var(--spectrum-global-color-celery-400-rgb)
40
+ );
41
+ --spectrum-global-color-celery-500-rgb: 7, 167, 33;
42
+ --spectrum-global-color-celery-500: rgb(
43
+ var(--spectrum-global-color-celery-500-rgb)
44
+ );
45
+ --spectrum-global-color-celery-600-rgb: 0, 145, 18;
46
+ --spectrum-global-color-celery-600: rgb(
47
+ var(--spectrum-global-color-celery-600-rgb)
48
+ );
49
+ --spectrum-global-color-celery-700-rgb: 0, 124, 15;
50
+ --spectrum-global-color-celery-700: rgb(
51
+ var(--spectrum-global-color-celery-700-rgb)
52
+ );
53
+ --spectrum-global-color-chartreuse-400-rgb: 152, 197, 10;
54
+ --spectrum-global-color-chartreuse-400: rgb(
55
+ var(--spectrum-global-color-chartreuse-400-rgb)
56
+ );
57
+ --spectrum-global-color-chartreuse-500-rgb: 135, 177, 3;
58
+ --spectrum-global-color-chartreuse-500: rgb(
59
+ var(--spectrum-global-color-chartreuse-500-rgb)
60
+ );
61
+ --spectrum-global-color-chartreuse-600-rgb: 118, 156, 0;
62
+ --spectrum-global-color-chartreuse-600: rgb(
63
+ var(--spectrum-global-color-chartreuse-600-rgb)
64
+ );
65
+ --spectrum-global-color-chartreuse-700-rgb: 103, 136, 0;
66
+ --spectrum-global-color-chartreuse-700: rgb(
67
+ var(--spectrum-global-color-chartreuse-700-rgb)
68
+ );
69
+ --spectrum-global-color-yellow-400-rgb: 232, 198, 0;
70
+ --spectrum-global-color-yellow-400: rgb(
71
+ var(--spectrum-global-color-yellow-400-rgb)
72
+ );
73
+ --spectrum-global-color-yellow-500-rgb: 215, 179, 0;
74
+ --spectrum-global-color-yellow-500: rgb(
75
+ var(--spectrum-global-color-yellow-500-rgb)
76
+ );
77
+ --spectrum-global-color-yellow-600-rgb: 196, 159, 0;
78
+ --spectrum-global-color-yellow-600: rgb(
79
+ var(--spectrum-global-color-yellow-600-rgb)
80
+ );
81
+ --spectrum-global-color-yellow-700-rgb: 176, 140, 0;
82
+ --spectrum-global-color-yellow-700: rgb(
83
+ var(--spectrum-global-color-yellow-700-rgb)
84
+ );
85
+ --spectrum-global-color-magenta-400-rgb: 222, 61, 130;
86
+ --spectrum-global-color-magenta-400: rgb(
87
+ var(--spectrum-global-color-magenta-400-rgb)
88
+ );
89
+ --spectrum-global-color-magenta-500-rgb: 200, 34, 105;
90
+ --spectrum-global-color-magenta-500: rgb(
91
+ var(--spectrum-global-color-magenta-500-rgb)
92
+ );
93
+ --spectrum-global-color-magenta-600-rgb: 173, 9, 85;
94
+ --spectrum-global-color-magenta-600: rgb(
95
+ var(--spectrum-global-color-magenta-600-rgb)
96
+ );
97
+ --spectrum-global-color-magenta-700-rgb: 142, 0, 69;
98
+ --spectrum-global-color-magenta-700: rgb(
99
+ var(--spectrum-global-color-magenta-700-rgb)
100
+ );
101
+ --spectrum-global-color-fuchsia-400-rgb: 205, 58, 206;
102
+ --spectrum-global-color-fuchsia-400: rgb(
103
+ var(--spectrum-global-color-fuchsia-400-rgb)
104
+ );
105
+ --spectrum-global-color-fuchsia-500-rgb: 182, 34, 183;
106
+ --spectrum-global-color-fuchsia-500: rgb(
107
+ var(--spectrum-global-color-fuchsia-500-rgb)
108
+ );
109
+ --spectrum-global-color-fuchsia-600-rgb: 157, 3, 158;
110
+ --spectrum-global-color-fuchsia-600: rgb(
111
+ var(--spectrum-global-color-fuchsia-600-rgb)
112
+ );
113
+ --spectrum-global-color-fuchsia-700-rgb: 128, 0, 129;
114
+ --spectrum-global-color-fuchsia-700: rgb(
115
+ var(--spectrum-global-color-fuchsia-700-rgb)
116
+ );
117
+ --spectrum-global-color-purple-400-rgb: 157, 87, 244;
118
+ --spectrum-global-color-purple-400: rgb(
119
+ var(--spectrum-global-color-purple-400-rgb)
120
+ );
121
+ --spectrum-global-color-purple-500-rgb: 137, 61, 231;
122
+ --spectrum-global-color-purple-500: rgb(
123
+ var(--spectrum-global-color-purple-500-rgb)
124
+ );
125
+ --spectrum-global-color-purple-600-rgb: 115, 38, 211;
126
+ --spectrum-global-color-purple-600: rgb(
127
+ var(--spectrum-global-color-purple-600-rgb)
128
+ );
129
+ --spectrum-global-color-purple-700-rgb: 93, 19, 183;
130
+ --spectrum-global-color-purple-700: rgb(
131
+ var(--spectrum-global-color-purple-700-rgb)
132
+ );
133
+ --spectrum-global-color-indigo-400-rgb: 104, 109, 244;
134
+ --spectrum-global-color-indigo-400: rgb(
135
+ var(--spectrum-global-color-indigo-400-rgb)
136
+ );
137
+ --spectrum-global-color-indigo-500-rgb: 82, 88, 228;
138
+ --spectrum-global-color-indigo-500: rgb(
139
+ var(--spectrum-global-color-indigo-500-rgb)
140
+ );
141
+ --spectrum-global-color-indigo-600-rgb: 64, 70, 202;
142
+ --spectrum-global-color-indigo-600: rgb(
143
+ var(--spectrum-global-color-indigo-600-rgb)
144
+ );
145
+ --spectrum-global-color-indigo-700-rgb: 50, 54, 168;
146
+ --spectrum-global-color-indigo-700: rgb(
147
+ var(--spectrum-global-color-indigo-700-rgb)
148
+ );
149
+ --spectrum-global-color-seafoam-400-rgb: 0, 161, 154;
150
+ --spectrum-global-color-seafoam-400: rgb(
151
+ var(--spectrum-global-color-seafoam-400-rgb)
152
+ );
153
+ --spectrum-global-color-seafoam-500-rgb: 0, 140, 135;
154
+ --spectrum-global-color-seafoam-500: rgb(
155
+ var(--spectrum-global-color-seafoam-500-rgb)
156
+ );
157
+ --spectrum-global-color-seafoam-600-rgb: 0, 119, 114;
158
+ --spectrum-global-color-seafoam-600: rgb(
159
+ var(--spectrum-global-color-seafoam-600-rgb)
160
+ );
161
+ --spectrum-global-color-seafoam-700-rgb: 0, 99, 95;
162
+ --spectrum-global-color-seafoam-700: rgb(
163
+ var(--spectrum-global-color-seafoam-700-rgb)
164
+ );
165
+ --spectrum-global-color-red-400-rgb: 234, 56, 41;
166
+ --spectrum-global-color-red-400: rgb(
167
+ var(--spectrum-global-color-red-400-rgb)
168
+ );
169
+ --spectrum-global-color-red-500-rgb: 211, 21, 16;
170
+ --spectrum-global-color-red-500: rgb(
171
+ var(--spectrum-global-color-red-500-rgb)
172
+ );
173
+ --spectrum-global-color-red-600-rgb: 180, 0, 0;
174
+ --spectrum-global-color-red-600: rgb(
175
+ var(--spectrum-global-color-red-600-rgb)
176
+ );
177
+ --spectrum-global-color-red-700-rgb: 147, 0, 0;
178
+ --spectrum-global-color-red-700: rgb(
179
+ var(--spectrum-global-color-red-700-rgb)
180
+ );
181
+ --spectrum-global-color-orange-400-rgb: 246, 133, 17;
182
+ --spectrum-global-color-orange-400: rgb(
183
+ var(--spectrum-global-color-orange-400-rgb)
184
+ );
185
+ --spectrum-global-color-orange-500-rgb: 228, 111, 0;
186
+ --spectrum-global-color-orange-500: rgb(
187
+ var(--spectrum-global-color-orange-500-rgb)
188
+ );
189
+ --spectrum-global-color-orange-600-rgb: 203, 93, 0;
190
+ --spectrum-global-color-orange-600: rgb(
191
+ var(--spectrum-global-color-orange-600-rgb)
192
+ );
193
+ --spectrum-global-color-orange-700-rgb: 177, 76, 0;
194
+ --spectrum-global-color-orange-700: rgb(
195
+ var(--spectrum-global-color-orange-700-rgb)
196
+ );
197
+ --spectrum-global-color-green-400-rgb: 0, 143, 93;
198
+ --spectrum-global-color-green-400: rgb(
199
+ var(--spectrum-global-color-green-400-rgb)
200
+ );
201
+ --spectrum-global-color-green-500-rgb: 0, 122, 77;
202
+ --spectrum-global-color-green-500: rgb(
203
+ var(--spectrum-global-color-green-500-rgb)
204
+ );
205
+ --spectrum-global-color-green-600-rgb: 0, 101, 62;
206
+ --spectrum-global-color-green-600: rgb(
207
+ var(--spectrum-global-color-green-600-rgb)
208
+ );
209
+ --spectrum-global-color-green-700-rgb: 0, 81, 50;
210
+ --spectrum-global-color-green-700: rgb(
211
+ var(--spectrum-global-color-green-700-rgb)
212
+ );
213
+ --spectrum-global-color-blue-400-rgb: 20, 122, 243;
214
+ --spectrum-global-color-blue-400: rgb(
215
+ var(--spectrum-global-color-blue-400-rgb)
216
+ );
217
+ --spectrum-global-color-blue-500-rgb: 2, 101, 220;
218
+ --spectrum-global-color-blue-500: rgb(
219
+ var(--spectrum-global-color-blue-500-rgb)
220
+ );
221
+ --spectrum-global-color-blue-600-rgb: 0, 84, 182;
222
+ --spectrum-global-color-blue-600: rgb(
223
+ var(--spectrum-global-color-blue-600-rgb)
224
+ );
225
+ --spectrum-global-color-blue-700-rgb: 0, 68, 145;
226
+ --spectrum-global-color-blue-700: rgb(
227
+ var(--spectrum-global-color-blue-700-rgb)
228
+ );
229
+ --spectrum-global-color-gray-50-rgb: 255, 255, 255;
230
+ --spectrum-global-color-gray-50: rgb(
231
+ var(--spectrum-global-color-gray-50-rgb)
232
+ );
233
+ --spectrum-global-color-gray-75-rgb: 253, 253, 253;
234
+ --spectrum-global-color-gray-75: rgb(
235
+ var(--spectrum-global-color-gray-75-rgb)
236
+ );
237
+ --spectrum-global-color-gray-100-rgb: 248, 248, 248;
238
+ --spectrum-global-color-gray-100: rgb(
239
+ var(--spectrum-global-color-gray-100-rgb)
240
+ );
241
+ --spectrum-global-color-gray-200-rgb: 230, 230, 230;
242
+ --spectrum-global-color-gray-200: rgb(
243
+ var(--spectrum-global-color-gray-200-rgb)
244
+ );
245
+ --spectrum-global-color-gray-300-rgb: 213, 213, 213;
246
+ --spectrum-global-color-gray-300: rgb(
247
+ var(--spectrum-global-color-gray-300-rgb)
248
+ );
249
+ --spectrum-global-color-gray-400-rgb: 177, 177, 177;
250
+ --spectrum-global-color-gray-400: rgb(
251
+ var(--spectrum-global-color-gray-400-rgb)
252
+ );
253
+ --spectrum-global-color-gray-500-rgb: 144, 144, 144;
254
+ --spectrum-global-color-gray-500: rgb(
255
+ var(--spectrum-global-color-gray-500-rgb)
256
+ );
257
+ --spectrum-global-color-gray-600-rgb: 109, 109, 109;
258
+ --spectrum-global-color-gray-600: rgb(
259
+ var(--spectrum-global-color-gray-600-rgb)
260
+ );
261
+ --spectrum-global-color-gray-700-rgb: 70, 70, 70;
262
+ --spectrum-global-color-gray-700: rgb(
263
+ var(--spectrum-global-color-gray-700-rgb)
264
+ );
265
+ --spectrum-global-color-gray-800-rgb: 34, 34, 34;
266
+ --spectrum-global-color-gray-800: rgb(
267
+ var(--spectrum-global-color-gray-800-rgb)
268
+ );
269
+ --spectrum-global-color-gray-900-rgb: 0, 0, 0;
270
+ --spectrum-global-color-gray-900: rgb(
271
+ var(--spectrum-global-color-gray-900-rgb)
272
+ );
273
+ --spectrum-alias-avatar-border-color-default: rgba(0, 0, 0, 0.1);
274
+ --spectrum-alias-avatar-border-color-hover: rgba(0, 0, 0, 0.25);
275
+ --spectrum-alias-avatar-border-color-down: rgba(0, 0, 0, 0.4);
276
+ --spectrum-alias-avatar-border-color-key-focus: rgba(0, 0, 0, 0.25);
277
+ --spectrum-alias-avatar-border-color-selected-disabled: rgba(0, 0, 0, 0.1);
278
+ --spectrum-alias-transparent-blue-background-color-default: rgba(
279
+ 82,
280
+ 88,
281
+ 228,
282
+ 0.15
283
+ );
284
+ --spectrum-alias-transparent-blue-background-color-hover: rgba(
285
+ 64,
286
+ 70,
287
+ 202,
288
+ 0.15
289
+ );
290
+ --spectrum-alias-transparent-blue-background-color-down: rgba(
291
+ 50,
292
+ 54,
293
+ 168,
294
+ 0.15
295
+ );
296
+ --spectrum-alias-transparent-blue-background-color-key-focus: rgba(
297
+ 64,
298
+ 70,
299
+ 202,
300
+ 0.15
301
+ );
302
+ --spectrum-alias-border-color-selected: rgba(0, 0, 0, 0.9);
303
+ --spectrum-alias-background-color-primary: var(
304
+ --spectrum-global-color-gray-50
305
+ );
306
+ --spectrum-alias-background-color-secondary: var(
307
+ --spectrum-global-color-gray-100
308
+ );
309
+ --spectrum-alias-background-color-tertiary: var(
310
+ --spectrum-global-color-gray-300
311
+ );
312
+ --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.4);
313
+ --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.15);
314
+ --spectrum-alias-background-color-hover-overlay: rgba(0, 0, 0, 0.04);
315
+ --spectrum-alias-highlight-hover: rgba(0, 0, 0, 0.06);
316
+ --spectrum-alias-highlight-down: rgba(0, 0, 0, 0.1);
317
+ --spectrum-alias-highlight-selected: rgba(2, 101, 220, 0.1);
318
+ --spectrum-alias-highlight-selected-hover: rgba(2, 101, 220, 0.2);
319
+ --spectrum-alias-text-highlight-color: rgba(2, 101, 220, 0.2);
320
+ --spectrum-alias-background-color-quickactions: hsla(0, 0%, 97%, 0.9);
321
+ --spectrum-alias-border-color-translucent: rgba(0, 0, 0, 0.1);
322
+ --spectrum-alias-radial-reaction-color-default: rgba(34, 34, 34, 0.6);
323
+ --spectrum-alias-pasteboard-background-color: var(
324
+ --spectrum-global-color-gray-300
325
+ );
326
+ --spectrum-alias-appframe-border-color: var(
327
+ --spectrum-global-color-gray-300
328
+ );
329
+ --spectrum-alias-appframe-separator-color: var(
330
+ --spectrum-global-color-gray-300
331
+ );
332
+ --spectrum-scrollbar-mac-s-track-background-color: var(
333
+ --spectrum-global-color-gray-75
334
+ );
335
+ --spectrum-scrollbar-mac-m-track-background-color: var(
336
+ --spectrum-global-color-gray-75
337
+ );
338
+ --spectrum-scrollbar-mac-l-track-background-color: var(
339
+ --spectrum-global-color-gray-75
340
+ );
341
+ --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(
342
+ 34,
343
+ 34,
344
+ 34,
345
+ 0.6
346
+ );
347
+ --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(
348
+ 34,
349
+ 34,
350
+ 34,
351
+ 0.6
352
+ );
353
+ --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(
354
+ 34,
355
+ 34,
356
+ 34,
357
+ 0.6
358
+ );
359
+ --spectrum-slider-s-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
360
+ --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
361
+ --spectrum-slider-s-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
362
+ --spectrum-slider-s-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
363
+ --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(
364
+ 34,
365
+ 34,
366
+ 34,
367
+ 0.6
368
+ );
369
+ --spectrum-slider-s-range-editable-radial-reaction-color: rgba(
370
+ 34,
371
+ 34,
372
+ 34,
373
+ 0.6
374
+ );
375
+ --spectrum-slider-s-radial-reaction-color: rgba(34, 34, 34, 0.6);
376
+ --spectrum-slider-s-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
377
+ --spectrum-slider-s-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
378
+ --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(
379
+ 34,
380
+ 34,
381
+ 34,
382
+ 0.6
383
+ );
384
+ --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(
385
+ 34,
386
+ 34,
387
+ 34,
388
+ 0.6
389
+ );
390
+ --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(
391
+ 34,
392
+ 34,
393
+ 34,
394
+ 0.6
395
+ );
396
+ --spectrum-slider-m-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
397
+ --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
398
+ --spectrum-slider-m-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
399
+ --spectrum-slider-m-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
400
+ --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(
401
+ 34,
402
+ 34,
403
+ 34,
404
+ 0.6
405
+ );
406
+ --spectrum-slider-m-range-editable-radial-reaction-color: rgba(
407
+ 34,
408
+ 34,
409
+ 34,
410
+ 0.6
411
+ );
412
+ --spectrum-slider-m-radial-reaction-color: rgba(34, 34, 34, 0.6);
413
+ --spectrum-slider-m-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
414
+ --spectrum-slider-m-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
415
+ --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(
416
+ 34,
417
+ 34,
418
+ 34,
419
+ 0.6
420
+ );
421
+ --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(
422
+ 34,
423
+ 34,
424
+ 34,
425
+ 0.6
426
+ );
427
+ --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(
428
+ 34,
429
+ 34,
430
+ 34,
431
+ 0.6
432
+ );
433
+ --spectrum-slider-l-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
434
+ --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
435
+ --spectrum-slider-l-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
436
+ --spectrum-slider-l-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
437
+ --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(
438
+ 34,
439
+ 34,
440
+ 34,
441
+ 0.6
442
+ );
443
+ --spectrum-slider-l-range-editable-radial-reaction-color: rgba(
444
+ 34,
445
+ 34,
446
+ 34,
447
+ 0.6
448
+ );
449
+ --spectrum-slider-l-radial-reaction-color: rgba(34, 34, 34, 0.6);
450
+ --spectrum-slider-l-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
451
+ --spectrum-slider-l-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
452
+ --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(
453
+ 34,
454
+ 34,
455
+ 34,
456
+ 0.6
457
+ );
458
+ --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(
459
+ 34,
460
+ 34,
461
+ 34,
462
+ 0.6
463
+ );
464
+ --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(
465
+ 34,
466
+ 34,
467
+ 34,
468
+ 0.6
469
+ );
470
+ --spectrum-slider-xl-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
471
+ --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
472
+ --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(
473
+ 34,
474
+ 34,
475
+ 34,
476
+ 0.6
477
+ );
478
+ --spectrum-slider-xl-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
479
+ --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(
480
+ 34,
481
+ 34,
482
+ 34,
483
+ 0.6
484
+ );
485
+ --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(
486
+ 34,
487
+ 34,
488
+ 34,
489
+ 0.6
490
+ );
491
+ --spectrum-slider-xl-radial-reaction-color: rgba(34, 34, 34, 0.6);
492
+ --spectrum-slider-xl-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
493
+ --spectrum-slider-xl-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
494
+ --spectrum-well-background-color: rgba(34, 34, 34, 0.02);
495
+ --spectrum-well-border-color: rgba(0, 0, 0, 0.05);
496
+ }