@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.
@@ -0,0 +1,468 @@
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-background-color-primary: var(
274
+ --spectrum-global-color-gray-50
275
+ );
276
+ --spectrum-alias-background-color-secondary: var(
277
+ --spectrum-global-color-gray-100
278
+ );
279
+ --spectrum-alias-background-color-tertiary: var(
280
+ --spectrum-global-color-gray-300
281
+ );
282
+ --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.4);
283
+ --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.15);
284
+ --spectrum-alias-background-color-hover-overlay: rgba(0, 0, 0, 0.04);
285
+ --spectrum-alias-highlight-hover: rgba(0, 0, 0, 0.06);
286
+ --spectrum-alias-highlight-down: rgba(0, 0, 0, 0.1);
287
+ --spectrum-alias-highlight-selected: rgba(2, 101, 220, 0.1);
288
+ --spectrum-alias-highlight-selected-hover: rgba(2, 101, 220, 0.2);
289
+ --spectrum-alias-text-highlight-color: rgba(2, 101, 220, 0.2);
290
+ --spectrum-alias-background-color-quickactions: hsla(0, 0%, 97%, 0.9);
291
+ --spectrum-alias-border-color-selected: var(
292
+ --spectrum-global-color-blue-500
293
+ );
294
+ --spectrum-alias-border-color-translucent: rgba(0, 0, 0, 0.1);
295
+ --spectrum-alias-radial-reaction-color-default: rgba(34, 34, 34, 0.6);
296
+ --spectrum-alias-pasteboard-background-color: var(
297
+ --spectrum-global-color-gray-300
298
+ );
299
+ --spectrum-alias-appframe-border-color: var(
300
+ --spectrum-global-color-gray-300
301
+ );
302
+ --spectrum-alias-appframe-separator-color: var(
303
+ --spectrum-global-color-gray-300
304
+ );
305
+ --spectrum-scrollbar-mac-s-track-background-color: var(
306
+ --spectrum-global-color-gray-75
307
+ );
308
+ --spectrum-scrollbar-mac-m-track-background-color: var(
309
+ --spectrum-global-color-gray-75
310
+ );
311
+ --spectrum-scrollbar-mac-l-track-background-color: var(
312
+ --spectrum-global-color-gray-75
313
+ );
314
+ --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(
315
+ 34,
316
+ 34,
317
+ 34,
318
+ 0.6
319
+ );
320
+ --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(
321
+ 34,
322
+ 34,
323
+ 34,
324
+ 0.6
325
+ );
326
+ --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(
327
+ 34,
328
+ 34,
329
+ 34,
330
+ 0.6
331
+ );
332
+ --spectrum-slider-s-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
333
+ --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
334
+ --spectrum-slider-s-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
335
+ --spectrum-slider-s-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
336
+ --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(
337
+ 34,
338
+ 34,
339
+ 34,
340
+ 0.6
341
+ );
342
+ --spectrum-slider-s-range-editable-radial-reaction-color: rgba(
343
+ 34,
344
+ 34,
345
+ 34,
346
+ 0.6
347
+ );
348
+ --spectrum-slider-s-radial-reaction-color: rgba(34, 34, 34, 0.6);
349
+ --spectrum-slider-s-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
350
+ --spectrum-slider-s-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
351
+ --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(
352
+ 34,
353
+ 34,
354
+ 34,
355
+ 0.6
356
+ );
357
+ --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(
358
+ 34,
359
+ 34,
360
+ 34,
361
+ 0.6
362
+ );
363
+ --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(
364
+ 34,
365
+ 34,
366
+ 34,
367
+ 0.6
368
+ );
369
+ --spectrum-slider-m-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
370
+ --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
371
+ --spectrum-slider-m-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
372
+ --spectrum-slider-m-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
373
+ --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(
374
+ 34,
375
+ 34,
376
+ 34,
377
+ 0.6
378
+ );
379
+ --spectrum-slider-m-range-editable-radial-reaction-color: rgba(
380
+ 34,
381
+ 34,
382
+ 34,
383
+ 0.6
384
+ );
385
+ --spectrum-slider-m-radial-reaction-color: rgba(34, 34, 34, 0.6);
386
+ --spectrum-slider-m-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
387
+ --spectrum-slider-m-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
388
+ --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(
389
+ 34,
390
+ 34,
391
+ 34,
392
+ 0.6
393
+ );
394
+ --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(
395
+ 34,
396
+ 34,
397
+ 34,
398
+ 0.6
399
+ );
400
+ --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(
401
+ 34,
402
+ 34,
403
+ 34,
404
+ 0.6
405
+ );
406
+ --spectrum-slider-l-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
407
+ --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
408
+ --spectrum-slider-l-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
409
+ --spectrum-slider-l-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
410
+ --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(
411
+ 34,
412
+ 34,
413
+ 34,
414
+ 0.6
415
+ );
416
+ --spectrum-slider-l-range-editable-radial-reaction-color: rgba(
417
+ 34,
418
+ 34,
419
+ 34,
420
+ 0.6
421
+ );
422
+ --spectrum-slider-l-radial-reaction-color: rgba(34, 34, 34, 0.6);
423
+ --spectrum-slider-l-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
424
+ --spectrum-slider-l-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
425
+ --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(
426
+ 34,
427
+ 34,
428
+ 34,
429
+ 0.6
430
+ );
431
+ --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(
432
+ 34,
433
+ 34,
434
+ 34,
435
+ 0.6
436
+ );
437
+ --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(
438
+ 34,
439
+ 34,
440
+ 34,
441
+ 0.6
442
+ );
443
+ --spectrum-slider-xl-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
444
+ --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
445
+ --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(
446
+ 34,
447
+ 34,
448
+ 34,
449
+ 0.6
450
+ );
451
+ --spectrum-slider-xl-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
452
+ --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(
453
+ 34,
454
+ 34,
455
+ 34,
456
+ 0.6
457
+ );
458
+ --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(
459
+ 34,
460
+ 34,
461
+ 34,
462
+ 0.6
463
+ );
464
+ --spectrum-slider-xl-radial-reaction-color: rgba(34, 34, 34, 0.6);
465
+ --spectrum-slider-xl-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
466
+ --spectrum-slider-xl-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
467
+ --spectrum-well-background-color: rgba(34, 34, 34, 0.02);
468
+ }