@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.
Files changed (15) hide show
  1. package/express/spectrum-core-global.css +0 -30
  2. package/express/spectrum-theme-dark.css +501 -0
  3. package/express/spectrum-theme-light.css +496 -0
  4. package/express/theme-dark.css +3 -486
  5. package/express/theme-light.css +3 -481
  6. package/package.json +4 -4
  7. package/spectrum-core-global.css +0 -30
  8. package/spectrum-theme-dark.css +469 -0
  9. package/spectrum-theme-darkest.css +468 -0
  10. package/spectrum-theme-light.css +468 -0
  11. package/spectrum-theme-lightest.css +305 -0
  12. package/theme-dark.css +3 -454
  13. package/theme-darkest.css +3 -453
  14. package/theme-light.css +3 -453
  15. package/theme-lightest.css +3 -290
package/theme-darkest.css CHANGED
@@ -10,459 +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-darkest.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: 13, 171, 37;
38
- --spectrum-global-color-celery-400: rgb(
39
- var(--spectrum-global-color-celery-400-rgb)
40
- );
41
- --spectrum-global-color-celery-500-rgb: 45, 191, 58;
42
- --spectrum-global-color-celery-500: rgb(
43
- var(--spectrum-global-color-celery-500-rgb)
44
- );
45
- --spectrum-global-color-celery-600-rgb: 80, 208, 82;
46
- --spectrum-global-color-celery-600: rgb(
47
- var(--spectrum-global-color-celery-600-rgb)
48
- );
49
- --spectrum-global-color-celery-700-rgb: 115, 224, 107;
50
- --spectrum-global-color-celery-700: rgb(
51
- var(--spectrum-global-color-celery-700-rgb)
52
- );
53
- --spectrum-global-color-chartreuse-400-rgb: 138, 180, 3;
54
- --spectrum-global-color-chartreuse-400: rgb(
55
- var(--spectrum-global-color-chartreuse-400-rgb)
56
- );
57
- --spectrum-global-color-chartreuse-500-rgb: 154, 198, 11;
58
- --spectrum-global-color-chartreuse-500: rgb(
59
- var(--spectrum-global-color-chartreuse-500-rgb)
60
- );
61
- --spectrum-global-color-chartreuse-600-rgb: 170, 216, 22;
62
- --spectrum-global-color-chartreuse-600: rgb(
63
- var(--spectrum-global-color-chartreuse-600-rgb)
64
- );
65
- --spectrum-global-color-chartreuse-700-rgb: 187, 232, 41;
66
- --spectrum-global-color-chartreuse-700: rgb(
67
- var(--spectrum-global-color-chartreuse-700-rgb)
68
- );
69
- --spectrum-global-color-yellow-400-rgb: 216, 181, 0;
70
- --spectrum-global-color-yellow-400: rgb(
71
- var(--spectrum-global-color-yellow-400-rgb)
72
- );
73
- --spectrum-global-color-yellow-500-rgb: 233, 199, 0;
74
- --spectrum-global-color-yellow-500: rgb(
75
- var(--spectrum-global-color-yellow-500-rgb)
76
- );
77
- --spectrum-global-color-yellow-600-rgb: 247, 216, 4;
78
- --spectrum-global-color-yellow-600: rgb(
79
- var(--spectrum-global-color-yellow-600-rgb)
80
- );
81
- --spectrum-global-color-yellow-700-rgb: 249, 233, 97;
82
- --spectrum-global-color-yellow-700: rgb(
83
- var(--spectrum-global-color-yellow-700-rgb)
84
- );
85
- --spectrum-global-color-magenta-400-rgb: 209, 43, 114;
86
- --spectrum-global-color-magenta-400: rgb(
87
- var(--spectrum-global-color-magenta-400-rgb)
88
- );
89
- --spectrum-global-color-magenta-500-rgb: 227, 69, 137;
90
- --spectrum-global-color-magenta-500: rgb(
91
- var(--spectrum-global-color-magenta-500-rgb)
92
- );
93
- --spectrum-global-color-magenta-600-rgb: 241, 97, 156;
94
- --spectrum-global-color-magenta-600: rgb(
95
- var(--spectrum-global-color-magenta-600-rgb)
96
- );
97
- --spectrum-global-color-magenta-700-rgb: 252, 124, 173;
98
- --spectrum-global-color-magenta-700: rgb(
99
- var(--spectrum-global-color-magenta-700-rgb)
100
- );
101
- --spectrum-global-color-fuchsia-400-rgb: 191, 43, 191;
102
- --spectrum-global-color-fuchsia-400: rgb(
103
- var(--spectrum-global-color-fuchsia-400-rgb)
104
- );
105
- --spectrum-global-color-fuchsia-500-rgb: 211, 65, 213;
106
- --spectrum-global-color-fuchsia-500: rgb(
107
- var(--spectrum-global-color-fuchsia-500-rgb)
108
- );
109
- --spectrum-global-color-fuchsia-600-rgb: 228, 91, 229;
110
- --spectrum-global-color-fuchsia-600: rgb(
111
- var(--spectrum-global-color-fuchsia-600-rgb)
112
- );
113
- --spectrum-global-color-fuchsia-700-rgb: 239, 120, 238;
114
- --spectrum-global-color-fuchsia-700: rgb(
115
- var(--spectrum-global-color-fuchsia-700-rgb)
116
- );
117
- --spectrum-global-color-purple-400-rgb: 145, 70, 236;
118
- --spectrum-global-color-purple-400: rgb(
119
- var(--spectrum-global-color-purple-400-rgb)
120
- );
121
- --spectrum-global-color-purple-500-rgb: 162, 94, 246;
122
- --spectrum-global-color-purple-500: rgb(
123
- var(--spectrum-global-color-purple-500-rgb)
124
- );
125
- --spectrum-global-color-purple-600-rgb: 178, 119, 250;
126
- --spectrum-global-color-purple-600: rgb(
127
- var(--spectrum-global-color-purple-600-rgb)
128
- );
129
- --spectrum-global-color-purple-700-rgb: 192, 143, 252;
130
- --spectrum-global-color-purple-700: rgb(
131
- var(--spectrum-global-color-purple-700-rgb)
132
- );
133
- --spectrum-global-color-indigo-400-rgb: 90, 96, 235;
134
- --spectrum-global-color-indigo-400: rgb(
135
- var(--spectrum-global-color-indigo-400-rgb)
136
- );
137
- --spectrum-global-color-indigo-500-rgb: 110, 115, 246;
138
- --spectrum-global-color-indigo-500: rgb(
139
- var(--spectrum-global-color-indigo-500-rgb)
140
- );
141
- --spectrum-global-color-indigo-600-rgb: 132, 136, 253;
142
- --spectrum-global-color-indigo-600: rgb(
143
- var(--spectrum-global-color-indigo-600-rgb)
144
- );
145
- --spectrum-global-color-indigo-700-rgb: 153, 157, 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, 146, 140;
150
- --spectrum-global-color-seafoam-400: rgb(
151
- var(--spectrum-global-color-seafoam-400-rgb)
152
- );
153
- --spectrum-global-color-seafoam-500-rgb: 0, 165, 159;
154
- --spectrum-global-color-seafoam-500: rgb(
155
- var(--spectrum-global-color-seafoam-500-rgb)
156
- );
157
- --spectrum-global-color-seafoam-600-rgb: 26, 185, 178;
158
- --spectrum-global-color-seafoam-600: rgb(
159
- var(--spectrum-global-color-seafoam-600-rgb)
160
- );
161
- --spectrum-global-color-seafoam-700-rgb: 66, 202, 195;
162
- --spectrum-global-color-seafoam-700: rgb(
163
- var(--spectrum-global-color-seafoam-700-rgb)
164
- );
165
- --spectrum-global-color-red-400-rgb: 221, 33, 24;
166
- --spectrum-global-color-red-400: rgb(
167
- var(--spectrum-global-color-red-400-rgb)
168
- );
169
- --spectrum-global-color-red-500-rgb: 238, 67, 49;
170
- --spectrum-global-color-red-500: rgb(
171
- var(--spectrum-global-color-red-500-rgb)
172
- );
173
- --spectrum-global-color-red-600-rgb: 249, 99, 76;
174
- --spectrum-global-color-red-600: rgb(
175
- var(--spectrum-global-color-red-600-rgb)
176
- );
177
- --spectrum-global-color-red-700-rgb: 255, 129, 107;
178
- --spectrum-global-color-red-700: rgb(
179
- var(--spectrum-global-color-red-700-rgb)
180
- );
181
- --spectrum-global-color-orange-400-rgb: 232, 116, 0;
182
- --spectrum-global-color-orange-400: rgb(
183
- var(--spectrum-global-color-orange-400-rgb)
184
- );
185
- --spectrum-global-color-orange-500-rgb: 249, 137, 23;
186
- --spectrum-global-color-orange-500: rgb(
187
- var(--spectrum-global-color-orange-500-rgb)
188
- );
189
- --spectrum-global-color-orange-600-rgb: 255, 162, 59;
190
- --spectrum-global-color-orange-600: rgb(
191
- var(--spectrum-global-color-orange-600-rgb)
192
- );
193
- --spectrum-global-color-orange-700-rgb: 255, 188, 102;
194
- --spectrum-global-color-orange-700: rgb(
195
- var(--spectrum-global-color-orange-700-rgb)
196
- );
197
- --spectrum-global-color-green-400-rgb: 0, 149, 98;
198
- --spectrum-global-color-green-400: rgb(
199
- var(--spectrum-global-color-green-400-rgb)
200
- );
201
- --spectrum-global-color-green-500-rgb: 28, 168, 114;
202
- --spectrum-global-color-green-500: rgb(
203
- var(--spectrum-global-color-green-500-rgb)
204
- );
205
- --spectrum-global-color-green-600-rgb: 52, 187, 132;
206
- --spectrum-global-color-green-600: rgb(
207
- var(--spectrum-global-color-green-600-rgb)
208
- );
209
- --spectrum-global-color-green-700-rgb: 75, 205, 149;
210
- --spectrum-global-color-green-700: rgb(
211
- var(--spectrum-global-color-green-700-rgb)
212
- );
213
- --spectrum-global-color-blue-400-rgb: 29, 128, 245;
214
- --spectrum-global-color-blue-400: rgb(
215
- var(--spectrum-global-color-blue-400-rgb)
216
- );
217
- --spectrum-global-color-blue-500-rgb: 64, 150, 243;
218
- --spectrum-global-color-blue-500: rgb(
219
- var(--spectrum-global-color-blue-500-rgb)
220
- );
221
- --spectrum-global-color-blue-600-rgb: 94, 170, 247;
222
- --spectrum-global-color-blue-600: rgb(
223
- var(--spectrum-global-color-blue-600-rgb)
224
- );
225
- --spectrum-global-color-blue-700-rgb: 124, 189, 250;
226
- --spectrum-global-color-blue-700: rgb(
227
- var(--spectrum-global-color-blue-700-rgb)
228
- );
229
- --spectrum-global-color-gray-50-rgb: 0, 0, 0;
230
- --spectrum-global-color-gray-50: rgb(
231
- var(--spectrum-global-color-gray-50-rgb)
232
- );
233
- --spectrum-global-color-gray-75-rgb: 14, 14, 14;
234
- --spectrum-global-color-gray-75: rgb(
235
- var(--spectrum-global-color-gray-75-rgb)
236
- );
237
- --spectrum-global-color-gray-100-rgb: 29, 29, 29;
238
- --spectrum-global-color-gray-100: rgb(
239
- var(--spectrum-global-color-gray-100-rgb)
240
- );
241
- --spectrum-global-color-gray-200-rgb: 48, 48, 48;
242
- --spectrum-global-color-gray-200: rgb(
243
- var(--spectrum-global-color-gray-200-rgb)
244
- );
245
- --spectrum-global-color-gray-300-rgb: 75, 75, 75;
246
- --spectrum-global-color-gray-300: rgb(
247
- var(--spectrum-global-color-gray-300-rgb)
248
- );
249
- --spectrum-global-color-gray-400-rgb: 106, 106, 106;
250
- --spectrum-global-color-gray-400: rgb(
251
- var(--spectrum-global-color-gray-400-rgb)
252
- );
253
- --spectrum-global-color-gray-500-rgb: 141, 141, 141;
254
- --spectrum-global-color-gray-500: rgb(
255
- var(--spectrum-global-color-gray-500-rgb)
256
- );
257
- --spectrum-global-color-gray-600-rgb: 176, 176, 176;
258
- --spectrum-global-color-gray-600: rgb(
259
- var(--spectrum-global-color-gray-600-rgb)
260
- );
261
- --spectrum-global-color-gray-700-rgb: 208, 208, 208;
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-background-color-primary: var(
274
- --spectrum-global-color-gray-100
275
- );
276
- --spectrum-alias-background-color-secondary: var(
277
- --spectrum-global-color-gray-75
278
- );
279
- --spectrum-alias-background-color-tertiary: var(
280
- --spectrum-global-color-gray-50
281
- );
282
- --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.6);
283
- --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.8);
284
- --spectrum-alias-background-color-hover-overlay: hsla(0, 0%, 100%, 0.08);
285
- --spectrum-alias-highlight-hover: hsla(0, 0%, 100%, 0.08);
286
- --spectrum-alias-highlight-down: hsla(0, 0%, 100%, 0.15);
287
- --spectrum-alias-highlight-selected: rgba(64, 150, 243, 0.2);
288
- --spectrum-alias-highlight-selected-hover: rgba(64, 150, 243, 0.3);
289
- --spectrum-alias-text-highlight-color: rgba(64, 150, 243, 0.3);
290
- --spectrum-alias-background-color-quickactions: rgba(29, 29, 29, 0.9);
291
- --spectrum-alias-border-color-selected: var(
292
- --spectrum-global-color-blue-600
293
- );
294
- --spectrum-alias-border-color-translucent: hsla(0, 0%, 100%, 0.1);
295
- --spectrum-alias-radial-reaction-color-default: hsla(0, 0%, 92%, 0.6);
296
- --spectrum-alias-pasteboard-background-color: var(
297
- --spectrum-global-color-gray-50
298
- );
299
- --spectrum-alias-appframe-border-color: var(
300
- --spectrum-global-color-gray-50
301
- );
302
- --spectrum-alias-appframe-separator-color: var(
303
- --spectrum-global-color-gray-50
304
- );
305
- --spectrum-scrollbar-mac-s-track-background-color: var(
306
- --spectrum-global-color-gray-100
307
- );
308
- --spectrum-scrollbar-mac-m-track-background-color: var(
309
- --spectrum-global-color-gray-100
310
- );
311
- --spectrum-scrollbar-mac-l-track-background-color: var(
312
- --spectrum-global-color-gray-100
313
- );
314
- --spectrum-slider-s-tick-editable-radial-reaction-color: hsla(
315
- 0,
316
- 0%,
317
- 92%,
318
- 0.6
319
- );
320
- --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: hsla(
321
- 0,
322
- 0%,
323
- 92%,
324
- 0.6
325
- );
326
- --spectrum-slider-s-range-tick-editable-radial-reaction-color: hsla(
327
- 0,
328
- 0%,
329
- 92%,
330
- 0.6
331
- );
332
- --spectrum-slider-s-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
333
- --spectrum-slider-s-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
334
- --spectrum-slider-s-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
335
- --spectrum-slider-s-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
336
- --spectrum-slider-s-ramp-editable-radial-reaction-color: hsla(
337
- 0,
338
- 0%,
339
- 92%,
340
- 0.6
341
- );
342
- --spectrum-slider-s-range-editable-radial-reaction-color: hsla(
343
- 0,
344
- 0%,
345
- 92%,
346
- 0.6
347
- );
348
- --spectrum-slider-s-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
349
- --spectrum-slider-s-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
350
- --spectrum-slider-s-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
351
- --spectrum-slider-m-tick-editable-radial-reaction-color: hsla(
352
- 0,
353
- 0%,
354
- 92%,
355
- 0.6
356
- );
357
- --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: hsla(
358
- 0,
359
- 0%,
360
- 92%,
361
- 0.6
362
- );
363
- --spectrum-slider-m-range-tick-editable-radial-reaction-color: hsla(
364
- 0,
365
- 0%,
366
- 92%,
367
- 0.6
368
- );
369
- --spectrum-slider-m-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
370
- --spectrum-slider-m-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
371
- --spectrum-slider-m-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
372
- --spectrum-slider-m-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
373
- --spectrum-slider-m-ramp-editable-radial-reaction-color: hsla(
374
- 0,
375
- 0%,
376
- 92%,
377
- 0.6
378
- );
379
- --spectrum-slider-m-range-editable-radial-reaction-color: hsla(
380
- 0,
381
- 0%,
382
- 92%,
383
- 0.6
384
- );
385
- --spectrum-slider-m-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
386
- --spectrum-slider-m-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
387
- --spectrum-slider-m-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
388
- --spectrum-slider-l-tick-editable-radial-reaction-color: hsla(
389
- 0,
390
- 0%,
391
- 92%,
392
- 0.6
393
- );
394
- --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: hsla(
395
- 0,
396
- 0%,
397
- 92%,
398
- 0.6
399
- );
400
- --spectrum-slider-l-range-tick-editable-radial-reaction-color: hsla(
401
- 0,
402
- 0%,
403
- 92%,
404
- 0.6
405
- );
406
- --spectrum-slider-l-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
407
- --spectrum-slider-l-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
408
- --spectrum-slider-l-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
409
- --spectrum-slider-l-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
410
- --spectrum-slider-l-ramp-editable-radial-reaction-color: hsla(
411
- 0,
412
- 0%,
413
- 92%,
414
- 0.6
415
- );
416
- --spectrum-slider-l-range-editable-radial-reaction-color: hsla(
417
- 0,
418
- 0%,
419
- 92%,
420
- 0.6
421
- );
422
- --spectrum-slider-l-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
423
- --spectrum-slider-l-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
424
- --spectrum-slider-l-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
425
- --spectrum-slider-xl-tick-editable-radial-reaction-color: hsla(
426
- 0,
427
- 0%,
428
- 92%,
429
- 0.6
430
- );
431
- --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: hsla(
432
- 0,
433
- 0%,
434
- 92%,
435
- 0.6
436
- );
437
- --spectrum-slider-xl-range-tick-editable-radial-reaction-color: hsla(
438
- 0,
439
- 0%,
440
- 92%,
441
- 0.6
442
- );
443
- --spectrum-slider-xl-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
444
- --spectrum-slider-xl-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
445
- --spectrum-slider-xl-range-tick-radial-reaction-color: hsla(
446
- 0,
447
- 0%,
448
- 92%,
449
- 0.6
450
- );
451
- --spectrum-slider-xl-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
452
- --spectrum-slider-xl-ramp-editable-radial-reaction-color: hsla(
453
- 0,
454
- 0%,
455
- 92%,
456
- 0.6
457
- );
458
- --spectrum-slider-xl-range-editable-radial-reaction-color: hsla(
459
- 0,
460
- 0%,
461
- 92%,
462
- 0.6
463
- );
464
- --spectrum-slider-xl-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
465
- --spectrum-slider-xl-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
466
- --spectrum-slider-xl-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
467
- --spectrum-well-background-color: hsla(0, 0%, 92%, 0.02);
17
+ color-scheme: dark;
468
18
  }