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