@spectrum-web-components/styles 0.19.0 → 0.20.1

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/core-global.css CHANGED
@@ -1,3277 +1,17 @@
1
1
  /*
2
- Copyright 2022 Adobe. All rights reserved.
2
+ Copyright 2020 Adobe. All rights reserved.
3
3
  This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
4
  you may not use this file except in compliance with the License. You may obtain a copy
5
5
  of the License at http://www.apache.org/licenses/LICENSE-2.0
6
-
7
6
  Unless required by applicable law or agreed to in writing, software distributed under
8
7
  the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
8
  OF ANY KIND, either express or implied. See the License for the specific language
10
9
  governing permissions and limitations under the License.
11
10
  */
12
11
 
13
- :host,
14
- :root {
15
- --spectrum-global-animation-linear: cubic-bezier(
16
- 0,
17
- 0,
18
- 1,
19
- 1
20
- ); /* spectrum-animationGlobals.css */
21
- --spectrum-global-animation-duration-0: 0ms;
22
- --spectrum-global-animation-duration-100: 130ms;
23
- --spectrum-global-animation-duration-200: 160ms;
24
- --spectrum-global-animation-duration-300: 190ms;
25
- --spectrum-global-animation-duration-400: 220ms;
26
- --spectrum-global-animation-duration-500: 250ms;
27
- --spectrum-global-animation-duration-600: 300ms;
28
- --spectrum-global-animation-duration-700: 350ms;
29
- --spectrum-global-animation-duration-800: 400ms;
30
- --spectrum-global-animation-duration-900: 450ms;
31
- --spectrum-global-animation-duration-1000: 500ms;
32
- --spectrum-global-animation-duration-2000: 1000ms;
33
- --spectrum-global-animation-duration-4000: 2000ms;
34
- --spectrum-global-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
35
- --spectrum-global-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
36
- --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
37
- --spectrum-global-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
38
-
39
- /* spectrum-colorGlobals.css */
40
- --spectrum-global-color-status: Verified;
41
- --spectrum-global-color-version: 5.1.0;
42
- --spectrum-global-color-static-black-rgb: 0, 0, 0;
43
- --spectrum-global-color-static-black: rgb(
44
- var(--spectrum-global-color-static-black-rgb)
45
- );
46
- --spectrum-global-color-static-white-rgb: 255, 255, 255;
47
- --spectrum-global-color-static-white: rgb(
48
- var(--spectrum-global-color-static-white-rgb)
49
- );
50
- --spectrum-global-color-static-blue-rgb: 0, 87, 191;
51
- --spectrum-global-color-static-blue: rgb(
52
- var(--spectrum-global-color-static-blue-rgb)
53
- );
54
- --spectrum-global-color-static-gray-50-rgb: 255, 255, 255;
55
- --spectrum-global-color-static-gray-50: rgb(
56
- var(--spectrum-global-color-static-gray-50-rgb)
57
- );
58
- --spectrum-global-color-static-gray-75-rgb: 255, 255, 255;
59
- --spectrum-global-color-static-gray-75: rgb(
60
- var(--spectrum-global-color-static-gray-75-rgb)
61
- );
62
- --spectrum-global-color-static-gray-100-rgb: 255, 255, 255;
63
- --spectrum-global-color-static-gray-100: rgb(
64
- var(--spectrum-global-color-static-gray-100-rgb)
65
- );
66
- --spectrum-global-color-static-gray-200-rgb: 235, 235, 235;
67
- --spectrum-global-color-static-gray-200: rgb(
68
- var(--spectrum-global-color-static-gray-200-rgb)
69
- );
70
- --spectrum-global-color-static-gray-300-rgb: 217, 217, 217;
71
- --spectrum-global-color-static-gray-300: rgb(
72
- var(--spectrum-global-color-static-gray-300-rgb)
73
- );
74
- --spectrum-global-color-static-gray-400-rgb: 179, 179, 179;
75
- --spectrum-global-color-static-gray-400: rgb(
76
- var(--spectrum-global-color-static-gray-400-rgb)
77
- );
78
- --spectrum-global-color-static-gray-500-rgb: 146, 146, 146;
79
- --spectrum-global-color-static-gray-500: rgb(
80
- var(--spectrum-global-color-static-gray-500-rgb)
81
- );
82
- --spectrum-global-color-static-gray-600-rgb: 110, 110, 110;
83
- --spectrum-global-color-static-gray-600: rgb(
84
- var(--spectrum-global-color-static-gray-600-rgb)
85
- );
86
- --spectrum-global-color-static-gray-700-rgb: 71, 71, 71;
87
- --spectrum-global-color-static-gray-700: rgb(
88
- var(--spectrum-global-color-static-gray-700-rgb)
89
- );
90
- --spectrum-global-color-static-gray-800-rgb: 34, 34, 34;
91
- --spectrum-global-color-static-gray-800: rgb(
92
- var(--spectrum-global-color-static-gray-800-rgb)
93
- );
94
- --spectrum-global-color-static-gray-900-rgb: 0, 0, 0;
95
- --spectrum-global-color-static-gray-900: rgb(
96
- var(--spectrum-global-color-static-gray-900-rgb)
97
- );
98
- --spectrum-global-color-static-red-400-rgb: 237, 64, 48;
99
- --spectrum-global-color-static-red-400: rgb(
100
- var(--spectrum-global-color-static-red-400-rgb)
101
- );
102
- --spectrum-global-color-static-red-500-rgb: 217, 28, 21;
103
- --spectrum-global-color-static-red-500: rgb(
104
- var(--spectrum-global-color-static-red-500-rgb)
105
- );
106
- --spectrum-global-color-static-red-600-rgb: 187, 2, 2;
107
- --spectrum-global-color-static-red-600: rgb(
108
- var(--spectrum-global-color-static-red-600-rgb)
109
- );
110
- --spectrum-global-color-static-red-700-rgb: 154, 0, 0;
111
- --spectrum-global-color-static-red-700: rgb(
112
- var(--spectrum-global-color-static-red-700-rgb)
113
- );
114
- --spectrum-global-color-static-red-800-rgb: 124, 0, 0;
115
- --spectrum-global-color-static-red-800: rgb(
116
- var(--spectrum-global-color-static-red-800-rgb)
117
- );
118
- --spectrum-global-color-static-orange-400-rgb: 250, 139, 26;
119
- --spectrum-global-color-static-orange-400: rgb(
120
- var(--spectrum-global-color-static-orange-400-rgb)
121
- );
122
- --spectrum-global-color-static-orange-500-rgb: 233, 117, 0;
123
- --spectrum-global-color-static-orange-500: rgb(
124
- var(--spectrum-global-color-static-orange-500-rgb)
125
- );
126
- --spectrum-global-color-static-orange-600-rgb: 209, 97, 0;
127
- --spectrum-global-color-static-orange-600: rgb(
128
- var(--spectrum-global-color-static-orange-600-rgb)
129
- );
130
- --spectrum-global-color-static-orange-700-rgb: 182, 80, 0;
131
- --spectrum-global-color-static-orange-700: rgb(
132
- var(--spectrum-global-color-static-orange-700-rgb)
133
- );
134
- --spectrum-global-color-static-orange-800-rgb: 155, 64, 0;
135
- --spectrum-global-color-static-orange-800: rgb(
136
- var(--spectrum-global-color-static-orange-800-rgb)
137
- );
138
- --spectrum-global-color-static-yellow-200-rgb: 250, 237, 123;
139
- --spectrum-global-color-static-yellow-200: rgb(
140
- var(--spectrum-global-color-static-yellow-200-rgb)
141
- );
142
- --spectrum-global-color-static-yellow-300-rgb: 250, 224, 23;
143
- --spectrum-global-color-static-yellow-300: rgb(
144
- var(--spectrum-global-color-static-yellow-300-rgb)
145
- );
146
- --spectrum-global-color-static-yellow-400-rgb: 238, 205, 0;
147
- --spectrum-global-color-static-yellow-400: rgb(
148
- var(--spectrum-global-color-static-yellow-400-rgb)
149
- );
150
- --spectrum-global-color-static-yellow-500-rgb: 221, 185, 0;
151
- --spectrum-global-color-static-yellow-500: rgb(
152
- var(--spectrum-global-color-static-yellow-500-rgb)
153
- );
154
- --spectrum-global-color-static-yellow-600-rgb: 201, 164, 0;
155
- --spectrum-global-color-static-yellow-600: rgb(
156
- var(--spectrum-global-color-static-yellow-600-rgb)
157
- );
158
- --spectrum-global-color-static-yellow-700-rgb: 181, 144, 0;
159
- --spectrum-global-color-static-yellow-700: rgb(
160
- var(--spectrum-global-color-static-yellow-700-rgb)
161
- );
162
- --spectrum-global-color-static-yellow-800-rgb: 160, 125, 0;
163
- --spectrum-global-color-static-yellow-800: rgb(
164
- var(--spectrum-global-color-static-yellow-800-rgb)
165
- );
166
- --spectrum-global-color-static-chartreuse-300-rgb: 176, 222, 27;
167
- --spectrum-global-color-static-chartreuse-300: rgb(
168
- var(--spectrum-global-color-static-chartreuse-300-rgb)
169
- );
170
- --spectrum-global-color-static-chartreuse-400-rgb: 157, 203, 13;
171
- --spectrum-global-color-static-chartreuse-400: rgb(
172
- var(--spectrum-global-color-static-chartreuse-400-rgb)
173
- );
174
- --spectrum-global-color-static-chartreuse-500-rgb: 139, 182, 4;
175
- --spectrum-global-color-static-chartreuse-500: rgb(
176
- var(--spectrum-global-color-static-chartreuse-500-rgb)
177
- );
178
- --spectrum-global-color-static-chartreuse-600-rgb: 122, 162, 0;
179
- --spectrum-global-color-static-chartreuse-600: rgb(
180
- var(--spectrum-global-color-static-chartreuse-600-rgb)
181
- );
182
- --spectrum-global-color-static-chartreuse-700-rgb: 106, 141, 0;
183
- --spectrum-global-color-static-chartreuse-700: rgb(
184
- var(--spectrum-global-color-static-chartreuse-700-rgb)
185
- );
186
- --spectrum-global-color-static-chartreuse-800-rgb: 90, 120, 0;
187
- --spectrum-global-color-static-chartreuse-800: rgb(
188
- var(--spectrum-global-color-static-chartreuse-800-rgb)
189
- );
190
- --spectrum-global-color-static-celery-200-rgb: 126, 229, 114;
191
- --spectrum-global-color-static-celery-200: rgb(
192
- var(--spectrum-global-color-static-celery-200-rgb)
193
- );
194
- --spectrum-global-color-static-celery-300-rgb: 87, 212, 86;
195
- --spectrum-global-color-static-celery-300: rgb(
196
- var(--spectrum-global-color-static-celery-300-rgb)
197
- );
198
- --spectrum-global-color-static-celery-400-rgb: 48, 193, 61;
199
- --spectrum-global-color-static-celery-400: rgb(
200
- var(--spectrum-global-color-static-celery-400-rgb)
201
- );
202
- --spectrum-global-color-static-celery-500-rgb: 15, 172, 38;
203
- --spectrum-global-color-static-celery-500: rgb(
204
- var(--spectrum-global-color-static-celery-500-rgb)
205
- );
206
- --spectrum-global-color-static-celery-600-rgb: 0, 150, 20;
207
- --spectrum-global-color-static-celery-600: rgb(
208
- var(--spectrum-global-color-static-celery-600-rgb)
209
- );
210
- --spectrum-global-color-static-celery-700-rgb: 0, 128, 15;
211
- --spectrum-global-color-static-celery-700: rgb(
212
- var(--spectrum-global-color-static-celery-700-rgb)
213
- );
214
- --spectrum-global-color-static-celery-800-rgb: 0, 107, 15;
215
- --spectrum-global-color-static-celery-800: rgb(
216
- var(--spectrum-global-color-static-celery-800-rgb)
217
- );
218
- --spectrum-global-color-static-green-400-rgb: 29, 169, 115;
219
- --spectrum-global-color-static-green-400: rgb(
220
- var(--spectrum-global-color-static-green-400-rgb)
221
- );
222
- --spectrum-global-color-static-green-500-rgb: 0, 148, 97;
223
- --spectrum-global-color-static-green-500: rgb(
224
- var(--spectrum-global-color-static-green-500-rgb)
225
- );
226
- --spectrum-global-color-static-green-600-rgb: 0, 126, 80;
227
- --spectrum-global-color-static-green-600: rgb(
228
- var(--spectrum-global-color-static-green-600-rgb)
229
- );
230
- --spectrum-global-color-static-green-700-rgb: 0, 105, 65;
231
- --spectrum-global-color-static-green-700: rgb(
232
- var(--spectrum-global-color-static-green-700-rgb)
233
- );
234
- --spectrum-global-color-static-green-800-rgb: 0, 86, 53;
235
- --spectrum-global-color-static-green-800: rgb(
236
- var(--spectrum-global-color-static-green-800-rgb)
237
- );
238
- --spectrum-global-color-static-seafoam-200-rgb: 75, 206, 199;
239
- --spectrum-global-color-static-seafoam-200: rgb(
240
- var(--spectrum-global-color-static-seafoam-200-rgb)
241
- );
242
- --spectrum-global-color-static-seafoam-300-rgb: 32, 187, 180;
243
- --spectrum-global-color-static-seafoam-300: rgb(
244
- var(--spectrum-global-color-static-seafoam-300-rgb)
245
- );
246
- --spectrum-global-color-static-seafoam-400-rgb: 0, 166, 160;
247
- --spectrum-global-color-static-seafoam-400: rgb(
248
- var(--spectrum-global-color-static-seafoam-400-rgb)
249
- );
250
- --spectrum-global-color-static-seafoam-500-rgb: 0, 145, 139;
251
- --spectrum-global-color-static-seafoam-500: rgb(
252
- var(--spectrum-global-color-static-seafoam-500-rgb)
253
- );
254
- --spectrum-global-color-static-seafoam-600-rgb: 0, 124, 118;
255
- --spectrum-global-color-static-seafoam-600: rgb(
256
- var(--spectrum-global-color-static-seafoam-600-rgb)
257
- );
258
- --spectrum-global-color-static-seafoam-700-rgb: 0, 103, 99;
259
- --spectrum-global-color-static-seafoam-700: rgb(
260
- var(--spectrum-global-color-static-seafoam-700-rgb)
261
- );
262
- --spectrum-global-color-static-seafoam-800-rgb: 10, 83, 80;
263
- --spectrum-global-color-static-seafoam-800: rgb(
264
- var(--spectrum-global-color-static-seafoam-800-rgb)
265
- );
266
- --spectrum-global-color-static-blue-200-rgb: 130, 193, 251;
267
- --spectrum-global-color-static-blue-200: rgb(
268
- var(--spectrum-global-color-static-blue-200-rgb)
269
- );
270
- --spectrum-global-color-static-blue-300-rgb: 98, 173, 247;
271
- --spectrum-global-color-static-blue-300: rgb(
272
- var(--spectrum-global-color-static-blue-300-rgb)
273
- );
274
- --spectrum-global-color-static-blue-400-rgb: 66, 151, 244;
275
- --spectrum-global-color-static-blue-400: rgb(
276
- var(--spectrum-global-color-static-blue-400-rgb)
277
- );
278
- --spectrum-global-color-static-blue-500-rgb: 27, 127, 245;
279
- --spectrum-global-color-static-blue-500: rgb(
280
- var(--spectrum-global-color-static-blue-500-rgb)
281
- );
282
- --spectrum-global-color-static-blue-600-rgb: 4, 105, 227;
283
- --spectrum-global-color-static-blue-600: rgb(
284
- var(--spectrum-global-color-static-blue-600-rgb)
285
- );
286
- --spectrum-global-color-static-blue-700-rgb: 0, 87, 190;
287
- --spectrum-global-color-static-blue-700: rgb(
288
- var(--spectrum-global-color-static-blue-700-rgb)
289
- );
290
- --spectrum-global-color-static-blue-800-rgb: 0, 72, 153;
291
- --spectrum-global-color-static-blue-800: rgb(
292
- var(--spectrum-global-color-static-blue-800-rgb)
293
- );
294
- --spectrum-global-color-static-indigo-200-rgb: 178, 181, 255;
295
- --spectrum-global-color-static-indigo-200: rgb(
296
- var(--spectrum-global-color-static-indigo-200-rgb)
297
- );
298
- --spectrum-global-color-static-indigo-300-rgb: 155, 159, 255;
299
- --spectrum-global-color-static-indigo-300: rgb(
300
- var(--spectrum-global-color-static-indigo-300-rgb)
301
- );
302
- --spectrum-global-color-static-indigo-400-rgb: 132, 137, 253;
303
- --spectrum-global-color-static-indigo-400: rgb(
304
- var(--spectrum-global-color-static-indigo-400-rgb)
305
- );
306
- --spectrum-global-color-static-indigo-500-rgb: 109, 115, 246;
307
- --spectrum-global-color-static-indigo-500: rgb(
308
- var(--spectrum-global-color-static-indigo-500-rgb)
309
- );
310
- --spectrum-global-color-static-indigo-600-rgb: 87, 93, 232;
311
- --spectrum-global-color-static-indigo-600: rgb(
312
- var(--spectrum-global-color-static-indigo-600-rgb)
313
- );
314
- --spectrum-global-color-static-indigo-700-rgb: 68, 74, 208;
315
- --spectrum-global-color-static-indigo-700: rgb(
316
- var(--spectrum-global-color-static-indigo-700-rgb)
317
- );
318
- --spectrum-global-color-static-indigo-800-rgb: 68, 74, 208;
319
- --spectrum-global-color-static-indigo-800: rgb(
320
- var(--spectrum-global-color-static-indigo-800-rgb)
321
- );
322
- --spectrum-global-color-static-purple-400-rgb: 178, 121, 250;
323
- --spectrum-global-color-static-purple-400: rgb(
324
- var(--spectrum-global-color-static-purple-400-rgb)
325
- );
326
- --spectrum-global-color-static-purple-500-rgb: 161, 93, 246;
327
- --spectrum-global-color-static-purple-500: rgb(
328
- var(--spectrum-global-color-static-purple-500-rgb)
329
- );
330
- --spectrum-global-color-static-purple-600-rgb: 142, 67, 234;
331
- --spectrum-global-color-static-purple-600: rgb(
332
- var(--spectrum-global-color-static-purple-600-rgb)
333
- );
334
- --spectrum-global-color-static-purple-700-rgb: 120, 43, 216;
335
- --spectrum-global-color-static-purple-700: rgb(
336
- var(--spectrum-global-color-static-purple-700-rgb)
337
- );
338
- --spectrum-global-color-static-purple-800-rgb: 98, 23, 190;
339
- --spectrum-global-color-static-purple-800: rgb(
340
- var(--spectrum-global-color-static-purple-800-rgb)
341
- );
342
- --spectrum-global-color-static-fuchsia-400-rgb: 228, 93, 230;
343
- --spectrum-global-color-static-fuchsia-400: rgb(
344
- var(--spectrum-global-color-static-fuchsia-400-rgb)
345
- );
346
- --spectrum-global-color-static-fuchsia-500-rgb: 211, 63, 212;
347
- --spectrum-global-color-static-fuchsia-500: rgb(
348
- var(--spectrum-global-color-static-fuchsia-500-rgb)
349
- );
350
- --spectrum-global-color-static-fuchsia-600-rgb: 188, 39, 187;
351
- --spectrum-global-color-static-fuchsia-600: rgb(
352
- var(--spectrum-global-color-static-fuchsia-600-rgb)
353
- );
354
- --spectrum-global-color-static-fuchsia-700-rgb: 163, 10, 163;
355
- --spectrum-global-color-static-fuchsia-700: rgb(
356
- var(--spectrum-global-color-static-fuchsia-700-rgb)
357
- );
358
- --spectrum-global-color-static-fuchsia-800-rgb: 135, 0, 136;
359
- --spectrum-global-color-static-fuchsia-800: rgb(
360
- var(--spectrum-global-color-static-fuchsia-800-rgb)
361
- );
362
- --spectrum-global-color-static-magenta-200-rgb: 253, 127, 175;
363
- --spectrum-global-color-static-magenta-200: rgb(
364
- var(--spectrum-global-color-static-magenta-200-rgb)
365
- );
366
- --spectrum-global-color-static-magenta-300-rgb: 242, 98, 157;
367
- --spectrum-global-color-static-magenta-300: rgb(
368
- var(--spectrum-global-color-static-magenta-300-rgb)
369
- );
370
- --spectrum-global-color-static-magenta-400-rgb: 226, 68, 135;
371
- --spectrum-global-color-static-magenta-400: rgb(
372
- var(--spectrum-global-color-static-magenta-400-rgb)
373
- );
374
- --spectrum-global-color-static-magenta-500-rgb: 205, 40, 111;
375
- --spectrum-global-color-static-magenta-500: rgb(
376
- var(--spectrum-global-color-static-magenta-500-rgb)
377
- );
378
- --spectrum-global-color-static-magenta-600-rgb: 179, 15, 89;
379
- --spectrum-global-color-static-magenta-600: rgb(
380
- var(--spectrum-global-color-static-magenta-600-rgb)
381
- );
382
- --spectrum-global-color-static-magenta-700-rgb: 149, 0, 72;
383
- --spectrum-global-color-static-magenta-700: rgb(
384
- var(--spectrum-global-color-static-magenta-700-rgb)
385
- );
386
- --spectrum-global-color-static-magenta-800-rgb: 119, 0, 58;
387
- --spectrum-global-color-static-magenta-800: rgb(
388
- var(--spectrum-global-color-static-magenta-800-rgb)
389
- );
390
- --spectrum-global-color-static-transparent-white-200: hsla(
391
- 0,
392
- 0%,
393
- 100%,
394
- 0.1
395
- );
396
- --spectrum-global-color-static-transparent-white-300: hsla(
397
- 0,
398
- 0%,
399
- 100%,
400
- 0.25
401
- );
402
- --spectrum-global-color-static-transparent-white-400: hsla(
403
- 0,
404
- 0%,
405
- 100%,
406
- 0.4
407
- );
408
- --spectrum-global-color-static-transparent-white-500: hsla(
409
- 0,
410
- 0%,
411
- 100%,
412
- 0.55
413
- );
414
- --spectrum-global-color-static-transparent-white-600: hsla(
415
- 0,
416
- 0%,
417
- 100%,
418
- 0.7
419
- );
420
- --spectrum-global-color-static-transparent-white-700: hsla(
421
- 0,
422
- 0%,
423
- 100%,
424
- 0.8
425
- );
426
- --spectrum-global-color-static-transparent-white-800: hsla(
427
- 0,
428
- 0%,
429
- 100%,
430
- 0.9
431
- );
432
- --spectrum-global-color-static-transparent-white-900-rgb: 255, 255, 255;
433
- --spectrum-global-color-static-transparent-white-900: rgb(
434
- var(--spectrum-global-color-static-transparent-white-900-rgb)
435
- );
436
- --spectrum-global-color-static-transparent-black-200: rgba(0, 0, 0, 0.1);
437
- --spectrum-global-color-static-transparent-black-300: rgba(0, 0, 0, 0.25);
438
- --spectrum-global-color-static-transparent-black-400: rgba(0, 0, 0, 0.4);
439
- --spectrum-global-color-static-transparent-black-500: rgba(0, 0, 0, 0.55);
440
- --spectrum-global-color-static-transparent-black-600: rgba(0, 0, 0, 0.7);
441
- --spectrum-global-color-static-transparent-black-700: rgba(0, 0, 0, 0.8);
442
- --spectrum-global-color-static-transparent-black-800: rgba(0, 0, 0, 0.9);
443
- --spectrum-global-color-static-transparent-black-900-rgb: 0, 0, 0;
444
- --spectrum-global-color-static-transparent-black-900: rgb(
445
- var(--spectrum-global-color-static-transparent-black-900-rgb)
446
- );
447
- --spectrum-global-color-sequential-cerulean: #e9fff1, #c8f1e4, #a5e3d7,
448
- #82d5ca, #68c5c1, #54b4ba, #3fa2b2, #2991ac, #2280a2, #1f6d98, #1d5c8d,
449
- #1a4b83, #1a3979, #1a266f, #191264, #180057;
450
- --spectrum-global-color-sequential-forest: #ffffdf, #e2f6ba, #c4eb95,
451
- #a4e16d, #8dd366, #77c460, #5fb65a, #48a754, #36984f, #2c894d, #237a4a,
452
- #196b47, #105c45, #094d41, #033f3e, #00313a;
453
- --spectrum-global-color-sequential-rose: #fff4dd, #ffddd7, #ffc5d2, #feaecb,
454
- #fa96c4, #f57ebd, #ef64b5, #e846ad, #d238a1, #bb2e96, #a3248c, #8a1b83,
455
- #71167c, #560f74, #370b6e, #000968;
456
- --spectrum-global-color-diverging-orange-yellow-seafoam: #580000, #79260b,
457
- #9c4511, #bd651a, #dd8629, #f5ad52, #fed693, #ffffe0, #bbe4d1, #76c7be,
458
- #3ea8a6, #208288, #076769, #00494b, #002c2d;
459
- --spectrum-global-color-diverging-red-yellow-blue: #4a001e, #751232, #a52747,
460
- #c65154, #e47961, #f0a882, #fad4ac, #ffffe0, #bce2cf, #89c0c4, #579eb9,
461
- #397aa8, #1c5796, #163771, #10194d;
462
- --spectrum-global-color-diverging-red-blue: #4a001e, #731331, #9f2945,
463
- #cc415a, #e06e85, #ed9ab0, #f8c3d9, #faf0ff, #c6d0f2, #92b2de, #5d94cb,
464
- #2f74b3, #265191, #163670, #0b194c;
465
-
466
- /* spectrum-colorSemantics.css */
467
- --spectrum-semantic-negative-background-color: var(
468
- --spectrum-global-color-static-red-600
469
- );
470
- --spectrum-semantic-negative-color-default: var(
471
- --spectrum-global-color-red-500
472
- );
473
- --spectrum-semantic-negative-color-hover: var(
474
- --spectrum-global-color-red-600
475
- );
476
- --spectrum-semantic-negative-color-dark: var(
477
- --spectrum-global-color-red-600
478
- );
479
- --spectrum-semantic-negative-border-color: var(
480
- --spectrum-global-color-red-400
481
- );
482
- --spectrum-semantic-negative-icon-color: var(
483
- --spectrum-global-color-red-600
484
- );
485
- --spectrum-semantic-negative-status-color: var(
486
- --spectrum-global-color-red-400
487
- );
488
- --spectrum-semantic-negative-text-color-large: var(
489
- --spectrum-global-color-red-500
490
- );
491
- --spectrum-semantic-negative-text-color-small: var(
492
- --spectrum-global-color-red-600
493
- );
494
- --spectrum-semantic-negative-text-color-small-hover: var(
495
- --spectrum-global-color-red-700
496
- );
497
- --spectrum-semantic-negative-text-color-small-down: var(
498
- --spectrum-global-color-red-700
499
- );
500
- --spectrum-semantic-negative-text-color-small-key-focus: var(
501
- --spectrum-global-color-red-600
502
- );
503
- --spectrum-semantic-negative-color-down: var(
504
- --spectrum-global-color-red-700
505
- );
506
- --spectrum-semantic-negative-color-key-focus: var(
507
- --spectrum-global-color-red-400
508
- );
509
- --spectrum-semantic-negative-background-color-default: var(
510
- --spectrum-global-color-static-red-600
511
- );
512
- --spectrum-semantic-negative-background-color-hover: var(
513
- --spectrum-global-color-static-red-700
514
- );
515
- --spectrum-semantic-negative-background-color-down: var(
516
- --spectrum-global-color-static-red-800
517
- );
518
- --spectrum-semantic-negative-background-color-key-focus: var(
519
- --spectrum-global-color-static-red-700
520
- );
521
- --spectrum-semantic-notice-background-color: var(
522
- --spectrum-global-color-static-orange-600
523
- );
524
- --spectrum-semantic-notice-color-default: var(
525
- --spectrum-global-color-orange-500
526
- );
527
- --spectrum-semantic-notice-color-dark: var(
528
- --spectrum-global-color-orange-600
529
- );
530
- --spectrum-semantic-notice-border-color: var(
531
- --spectrum-global-color-orange-400
532
- );
533
- --spectrum-semantic-notice-icon-color: var(
534
- --spectrum-global-color-orange-600
535
- );
536
- --spectrum-semantic-notice-status-color: var(
537
- --spectrum-global-color-orange-400
538
- );
539
- --spectrum-semantic-notice-text-color-large: var(
540
- --spectrum-global-color-orange-500
541
- );
542
- --spectrum-semantic-notice-text-color-small: var(
543
- --spectrum-global-color-orange-600
544
- );
545
- --spectrum-semantic-notice-color-down: var(
546
- --spectrum-global-color-orange-700
547
- );
548
- --spectrum-semantic-notice-color-key-focus: var(
549
- --spectrum-global-color-orange-400
550
- );
551
- --spectrum-semantic-notice-background-color-default: var(
552
- --spectrum-global-color-static-orange-600
553
- );
554
- --spectrum-semantic-notice-background-color-hover: var(
555
- --spectrum-global-color-static-orange-700
556
- );
557
- --spectrum-semantic-notice-background-color-down: var(
558
- --spectrum-global-color-static-orange-800
559
- );
560
- --spectrum-semantic-notice-background-color-key-focus: var(
561
- --spectrum-global-color-static-orange-700
562
- );
563
- --spectrum-semantic-positive-background-color: var(
564
- --spectrum-global-color-static-green-600
565
- );
566
- --spectrum-semantic-positive-color-default: var(
567
- --spectrum-global-color-green-500
568
- );
569
- --spectrum-semantic-positive-color-dark: var(
570
- --spectrum-global-color-green-600
571
- );
572
- --spectrum-semantic-positive-border-color: var(
573
- --spectrum-global-color-green-400
574
- );
575
- --spectrum-semantic-positive-icon-color: var(
576
- --spectrum-global-color-green-600
577
- );
578
- --spectrum-semantic-positive-status-color: var(
579
- --spectrum-global-color-green-400
580
- );
581
- --spectrum-semantic-positive-text-color-large: var(
582
- --spectrum-global-color-green-500
583
- );
584
- --spectrum-semantic-positive-text-color-small: var(
585
- --spectrum-global-color-green-600
586
- );
587
- --spectrum-semantic-positive-color-down: var(
588
- --spectrum-global-color-green-700
589
- );
590
- --spectrum-semantic-positive-color-key-focus: var(
591
- --spectrum-global-color-green-400
592
- );
593
- --spectrum-semantic-positive-background-color-default: var(
594
- --spectrum-global-color-static-green-600
595
- );
596
- --spectrum-semantic-positive-background-color-hover: var(
597
- --spectrum-global-color-static-green-700
598
- );
599
- --spectrum-semantic-positive-background-color-down: var(
600
- --spectrum-global-color-static-green-800
601
- );
602
- --spectrum-semantic-positive-background-color-key-focus: var(
603
- --spectrum-global-color-static-green-700
604
- );
605
- --spectrum-semantic-informative-background-color: var(
606
- --spectrum-global-color-static-blue-600
607
- );
608
- --spectrum-semantic-informative-color-default: var(
609
- --spectrum-global-color-blue-500
610
- );
611
- --spectrum-semantic-informative-color-dark: var(
612
- --spectrum-global-color-blue-600
613
- );
614
- --spectrum-semantic-informative-border-color: var(
615
- --spectrum-global-color-blue-400
616
- );
617
- --spectrum-semantic-informative-icon-color: var(
618
- --spectrum-global-color-blue-600
619
- );
620
- --spectrum-semantic-informative-status-color: var(
621
- --spectrum-global-color-blue-400
622
- );
623
- --spectrum-semantic-informative-text-color-large: var(
624
- --spectrum-global-color-blue-500
625
- );
626
- --spectrum-semantic-informative-text-color-small: var(
627
- --spectrum-global-color-blue-600
628
- );
629
- --spectrum-semantic-informative-color-down: var(
630
- --spectrum-global-color-blue-700
631
- );
632
- --spectrum-semantic-informative-color-key-focus: var(
633
- --spectrum-global-color-blue-400
634
- );
635
- --spectrum-semantic-informative-background-color-default: var(
636
- --spectrum-global-color-static-blue-600
637
- );
638
- --spectrum-semantic-informative-background-color-hover: var(
639
- --spectrum-global-color-static-blue-700
640
- );
641
- --spectrum-semantic-informative-background-color-down: var(
642
- --spectrum-global-color-static-blue-800
643
- );
644
- --spectrum-semantic-informative-background-color-key-focus: var(
645
- --spectrum-global-color-static-blue-700
646
- );
647
- --spectrum-semantic-cta-background-color-default: var(
648
- --spectrum-global-color-static-blue-600
649
- );
650
- --spectrum-semantic-cta-background-color-hover: var(
651
- --spectrum-global-color-static-blue-700
652
- );
653
- --spectrum-semantic-cta-background-color-down: var(
654
- --spectrum-global-color-static-blue-800
655
- );
656
- --spectrum-semantic-cta-background-color-key-focus: var(
657
- --spectrum-global-color-static-blue-700
658
- );
659
- --spectrum-semantic-emphasized-border-color-default: var(
660
- --spectrum-global-color-blue-500
661
- );
662
- --spectrum-semantic-emphasized-border-color-hover: var(
663
- --spectrum-global-color-blue-600
664
- );
665
- --spectrum-semantic-emphasized-border-color-down: var(
666
- --spectrum-global-color-blue-700
667
- );
668
- --spectrum-semantic-emphasized-border-color-key-focus: var(
669
- --spectrum-global-color-blue-600
670
- );
671
- --spectrum-semantic-neutral-background-color-default: var(
672
- --spectrum-global-color-static-gray-700
673
- );
674
- --spectrum-semantic-neutral-background-color-hover: var(
675
- --spectrum-global-color-static-gray-800
676
- );
677
- --spectrum-semantic-neutral-background-color-down: var(
678
- --spectrum-global-color-static-gray-900
679
- );
680
- --spectrum-semantic-neutral-background-color-key-focus: var(
681
- --spectrum-global-color-static-gray-800
682
- );
683
- --spectrum-semantic-presence-color-1: var(
684
- --spectrum-global-color-static-red-500
685
- );
686
- --spectrum-semantic-presence-color-2: var(
687
- --spectrum-global-color-static-orange-400
688
- );
689
- --spectrum-semantic-presence-color-3: var(
690
- --spectrum-global-color-static-yellow-400
691
- );
692
- --spectrum-semantic-presence-color-4-rgb: 75, 204, 162;
693
- --spectrum-semantic-presence-color-4: rgb(
694
- var(--spectrum-semantic-presence-color-4-rgb)
695
- );
696
- --spectrum-semantic-presence-color-5-rgb: 0, 199, 255;
697
- --spectrum-semantic-presence-color-5: rgb(
698
- var(--spectrum-semantic-presence-color-5-rgb)
699
- );
700
- --spectrum-semantic-presence-color-6-rgb: 0, 140, 184;
701
- --spectrum-semantic-presence-color-6: rgb(
702
- var(--spectrum-semantic-presence-color-6-rgb)
703
- );
704
- --spectrum-semantic-presence-color-7-rgb: 126, 75, 243;
705
- --spectrum-semantic-presence-color-7: rgb(
706
- var(--spectrum-semantic-presence-color-7-rgb)
707
- );
708
- --spectrum-semantic-presence-color-8: var(
709
- --spectrum-global-color-static-fuchsia-600
710
- );
711
-
712
- /* spectrum-dimensionGlobals.css */
713
- --spectrum-global-dimension-static-percent-50: 50%;
714
- --spectrum-global-dimension-static-percent-70: 70%;
715
- --spectrum-global-dimension-static-percent-100: 100%;
716
- --spectrum-global-dimension-static-breakpoint-xsmall: 304px;
717
- --spectrum-global-dimension-static-breakpoint-small: 768px;
718
- --spectrum-global-dimension-static-breakpoint-medium: 1280px;
719
- --spectrum-global-dimension-static-breakpoint-large: 1768px;
720
- --spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
721
- --spectrum-global-dimension-static-grid-columns: 12;
722
- --spectrum-global-dimension-static-grid-fluid-width: 100%;
723
- --spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
724
- --spectrum-global-dimension-static-size-0: 0px;
725
- --spectrum-global-dimension-static-size-10: 1px;
726
- --spectrum-global-dimension-static-size-25: 2px;
727
- --spectrum-global-dimension-static-size-40: 3px;
728
- --spectrum-global-dimension-static-size-50: 4px;
729
- --spectrum-global-dimension-static-size-65: 5px;
730
- --spectrum-global-dimension-static-size-75: 6px;
731
- --spectrum-global-dimension-static-size-85: 7px;
732
- --spectrum-global-dimension-static-size-100: 8px;
733
- --spectrum-global-dimension-static-size-115: 9px;
734
- --spectrum-global-dimension-static-size-125: 10px;
735
- --spectrum-global-dimension-static-size-130: 11px;
736
- --spectrum-global-dimension-static-size-150: 12px;
737
- --spectrum-global-dimension-static-size-160: 13px;
738
- --spectrum-global-dimension-static-size-175: 14px;
739
- --spectrum-global-dimension-static-size-185: 15px;
740
- --spectrum-global-dimension-static-size-200: 16px;
741
- --spectrum-global-dimension-static-size-225: 18px;
742
- --spectrum-global-dimension-static-size-250: 20px;
743
- --spectrum-global-dimension-static-size-275: 22px;
744
- --spectrum-global-dimension-static-size-300: 24px;
745
- --spectrum-global-dimension-static-size-325: 26px;
746
- --spectrum-global-dimension-static-size-350: 28px;
747
- --spectrum-global-dimension-static-size-400: 32px;
748
- --spectrum-global-dimension-static-size-450: 36px;
749
- --spectrum-global-dimension-static-size-500: 40px;
750
- --spectrum-global-dimension-static-size-550: 44px;
751
- --spectrum-global-dimension-static-size-600: 48px;
752
- --spectrum-global-dimension-static-size-700: 56px;
753
- --spectrum-global-dimension-static-size-800: 64px;
754
- --spectrum-global-dimension-static-size-900: 72px;
755
- --spectrum-global-dimension-static-size-1000: 80px;
756
- --spectrum-global-dimension-static-size-1200: 96px;
757
- --spectrum-global-dimension-static-size-1700: 136px;
758
- --spectrum-global-dimension-static-size-2400: 192px;
759
- --spectrum-global-dimension-static-size-2500: 200px;
760
- --spectrum-global-dimension-static-size-2600: 208px;
761
- --spectrum-global-dimension-static-size-2800: 224px;
762
- --spectrum-global-dimension-static-size-3200: 256px;
763
- --spectrum-global-dimension-static-size-3400: 272px;
764
- --spectrum-global-dimension-static-size-3500: 280px;
765
- --spectrum-global-dimension-static-size-3600: 288px;
766
- --spectrum-global-dimension-static-size-3800: 304px;
767
- --spectrum-global-dimension-static-size-4600: 368px;
768
- --spectrum-global-dimension-static-size-5000: 400px;
769
- --spectrum-global-dimension-static-size-6000: 480px;
770
- --spectrum-global-dimension-static-size-16000: 1280px;
771
- --spectrum-global-dimension-static-font-size-50: 11px;
772
- --spectrum-global-dimension-static-font-size-75: 12px;
773
- --spectrum-global-dimension-static-font-size-100: 14px;
774
- --spectrum-global-dimension-static-font-size-150: 15px;
775
- --spectrum-global-dimension-static-font-size-200: 16px;
776
- --spectrum-global-dimension-static-font-size-300: 18px;
777
- --spectrum-global-dimension-static-font-size-400: 20px;
778
- --spectrum-global-dimension-static-font-size-500: 22px;
779
- --spectrum-global-dimension-static-font-size-600: 25px;
780
- --spectrum-global-dimension-static-font-size-700: 28px;
781
- --spectrum-global-dimension-static-font-size-800: 32px;
782
- --spectrum-global-dimension-static-font-size-900: 36px;
783
- --spectrum-global-dimension-static-font-size-1000: 40px;
784
-
785
- /* spectrum-fontGlobals.css */
786
- --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro',
787
- -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
788
- 'Trebuchet MS', 'Lucida Grande', sans-serif;
789
- --spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro',
790
- Georgia, serif;
791
- --spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
792
- --spectrum-global-font-weight-thin: 100;
793
- --spectrum-global-font-weight-ultra-light: 200;
794
- --spectrum-global-font-weight-light: 300;
795
- --spectrum-global-font-weight-regular: 400;
796
- --spectrum-global-font-weight-medium: 500;
797
- --spectrum-global-font-weight-semi-bold: 600;
798
- --spectrum-global-font-weight-bold: 700;
799
- --spectrum-global-font-weight-extra-bold: 800;
800
- --spectrum-global-font-weight-black: 900;
801
- --spectrum-global-font-style-regular: normal;
802
- --spectrum-global-font-style-italic: italic;
803
- --spectrum-global-font-letter-spacing-none: 0;
804
- --spectrum-global-font-letter-spacing-small: 0.0125em;
805
- --spectrum-global-font-letter-spacing-han: 0.05em;
806
- --spectrum-global-font-letter-spacing-medium: 0.06em;
807
- --spectrum-global-font-line-height-large: 1.7;
808
- --spectrum-global-font-line-height-medium: 1.5;
809
- --spectrum-global-font-line-height-small: 1.3;
810
- --spectrum-global-font-multiplier-0: 0em;
811
- --spectrum-global-font-multiplier-25: 0.25em;
812
- --spectrum-global-font-multiplier-75: 0.75em;
813
- --spectrum-global-font-font-family-ar: myriad-arabic, adobe-clean,
814
- 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
815
- Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
816
- --spectrum-global-font-font-family-he: myriad-hebrew, adobe-clean,
817
- 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
818
- Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
819
- --spectrum-global-font-font-family-zh: adobe-clean-han-traditional,
820
- source-han-traditional, 'MingLiu', 'Heiti TC Light', 'sans-serif';
821
- --spectrum-global-font-font-family-zhhans: adobe-clean-han-simplified-c,
822
- source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
823
- --spectrum-global-font-font-family-ko: adobe-clean-han-korean,
824
- source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
825
- --spectrum-global-font-font-family-ja: adobe-clean-han-japanese,
826
- 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Osaka', YuGothic,
827
- 'Yu Gothic', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic',
828
- 'sans-serif';
829
- --spectrum-global-font-font-family-condensed: adobe-clean-han-traditional,
830
- source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean,
831
- 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
832
- Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
12
+ @import './spectrum-core-global.css';
833
13
 
834
- /* spectrum-staticAliases.css */
835
- --spectrum-alias-loupe-entry-animation-duration: var(
836
- --spectrum-global-animation-duration-300
837
- );
838
- --spectrum-alias-loupe-exit-animation-duration: var(
839
- --spectrum-global-animation-duration-300
840
- );
841
- --spectrum-alias-heading-text-line-height: var(
842
- --spectrum-global-font-line-height-small
843
- );
844
- --spectrum-alias-heading-text-font-weight-regular: var(
845
- --spectrum-global-font-weight-bold
846
- );
847
- --spectrum-alias-heading-text-font-weight-regular-strong: var(
848
- --spectrum-global-font-weight-black
849
- );
850
- --spectrum-alias-heading-text-font-weight-light: var(
851
- --spectrum-global-font-weight-light
852
- );
853
- --spectrum-alias-heading-text-font-weight-light-strong: var(
854
- --spectrum-global-font-weight-bold
855
- );
856
- --spectrum-alias-heading-text-font-weight-heavy: var(
857
- --spectrum-global-font-weight-black
858
- );
859
- --spectrum-alias-heading-text-font-weight-heavy-strong: var(
860
- --spectrum-global-font-weight-black
861
- );
862
- --spectrum-alias-heading-text-font-weight-quiet: var(
863
- --spectrum-global-font-weight-light
864
- );
865
- --spectrum-alias-heading-text-font-weight-quiet-strong: var(
866
- --spectrum-global-font-weight-bold
867
- );
868
- --spectrum-alias-heading-text-font-weight-strong: var(
869
- --spectrum-global-font-weight-black
870
- );
871
- --spectrum-alias-heading-text-font-weight-strong-strong: var(
872
- --spectrum-global-font-weight-black
873
- );
874
- --spectrum-alias-heading-margin-bottom: var(
875
- --spectrum-global-font-multiplier-25
876
- );
877
- --spectrum-alias-subheading-text-font-weight: var(
878
- --spectrum-global-font-weight-bold
879
- );
880
- --spectrum-alias-subheading-text-font-weight-strong: var(
881
- --spectrum-global-font-weight-black
882
- );
883
- --spectrum-alias-body-text-font-family: var(
884
- --spectrum-global-font-family-base
885
- );
886
- --spectrum-alias-body-text-line-height: var(
887
- --spectrum-global-font-line-height-medium
888
- );
889
- --spectrum-alias-body-text-font-weight: var(
890
- --spectrum-global-font-weight-regular
891
- );
892
- --spectrum-alias-body-text-font-weight-strong: var(
893
- --spectrum-global-font-weight-bold
894
- );
895
- --spectrum-alias-body-margin-bottom: var(
896
- --spectrum-global-font-multiplier-75
897
- );
898
- --spectrum-alias-detail-text-font-weight: var(
899
- --spectrum-global-font-weight-bold
900
- );
901
- --spectrum-alias-detail-text-font-weight-regular: var(
902
- --spectrum-global-font-weight-bold
903
- );
904
- --spectrum-alias-detail-text-font-weight-light: var(
905
- --spectrum-global-font-weight-regular
906
- );
907
- --spectrum-alias-detail-text-font-weight-strong: var(
908
- --spectrum-global-font-weight-black
909
- );
910
- --spectrum-alias-article-heading-text-font-weight: var(
911
- --spectrum-global-font-weight-bold
912
- );
913
- --spectrum-alias-article-heading-text-font-weight-strong: var(
914
- --spectrum-global-font-weight-black
915
- );
916
- --spectrum-alias-article-heading-text-font-weight-quiet: var(
917
- --spectrum-global-font-weight-regular
918
- );
919
- --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(
920
- --spectrum-global-font-weight-bold
921
- );
922
- --spectrum-alias-article-body-text-font-weight: var(
923
- --spectrum-global-font-weight-regular
924
- );
925
- --spectrum-alias-article-body-text-font-weight-strong: var(
926
- --spectrum-global-font-weight-black
927
- );
928
- --spectrum-alias-article-subheading-text-font-weight: var(
929
- --spectrum-global-font-weight-bold
930
- );
931
- --spectrum-alias-article-subheading-text-font-weight-strong: var(
932
- --spectrum-global-font-weight-black
933
- );
934
- --spectrum-alias-article-detail-text-font-weight: var(
935
- --spectrum-global-font-weight-regular
936
- );
937
- --spectrum-alias-article-detail-text-font-weight-strong: var(
938
- --spectrum-global-font-weight-bold
939
- );
940
- --spectrum-alias-code-text-font-family: var(
941
- --spectrum-global-font-family-code
942
- );
943
- --spectrum-alias-code-text-font-weight-regular: var(
944
- --spectrum-global-font-weight-regular
945
- );
946
- --spectrum-alias-code-text-font-weight-strong: var(
947
- --spectrum-global-font-weight-bold
948
- );
949
- --spectrum-alias-code-text-line-height: var(
950
- --spectrum-global-font-line-height-medium
951
- );
952
- --spectrum-alias-code-margin-bottom: var(
953
- --spectrum-global-font-multiplier-0
954
- );
955
- --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar);
956
- --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he);
957
- --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh);
958
- --spectrum-alias-font-family-zhhans: var(
959
- --spectrum-global-font-font-family-zhhans
960
- );
961
- --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko);
962
- --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja);
963
- --spectrum-alias-font-family-condensed: var(
964
- --spectrum-global-font-font-family-condensed
965
- );
966
- --spectrum-alias-button-text-line-height: var(
967
- --spectrum-global-font-line-height-small
968
- );
969
- --spectrum-alias-component-text-line-height: var(
970
- --spectrum-global-font-line-height-small
971
- );
972
- --spectrum-alias-han-component-text-line-height: var(
973
- --spectrum-global-font-line-height-medium
974
- );
975
- --spectrum-alias-serif-text-font-family: var(
976
- --spectrum-global-font-family-serif
977
- );
978
- --spectrum-alias-han-heading-text-line-height: var(
979
- --spectrum-global-font-line-height-medium
980
- );
981
- --spectrum-alias-han-heading-text-font-weight-regular: var(
982
- --spectrum-global-font-weight-bold
983
- );
984
- --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(
985
- --spectrum-global-font-weight-extra-bold
986
- );
987
- --spectrum-alias-han-heading-text-font-weight-regular-strong: var(
988
- --spectrum-global-font-weight-black
989
- );
990
- --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(
991
- --spectrum-global-font-weight-bold
992
- );
993
- --spectrum-alias-han-heading-text-font-weight-light: var(
994
- --spectrum-global-font-weight-light
995
- );
996
- --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(
997
- --spectrum-global-font-weight-regular
998
- );
999
- --spectrum-alias-han-heading-text-font-weight-light-strong: var(
1000
- --spectrum-global-font-weight-bold
1001
- );
1002
- --spectrum-alias-han-heading-text-font-weight-heavy: var(
1003
- --spectrum-global-font-weight-black
1004
- );
1005
- --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(
1006
- --spectrum-global-font-weight-black
1007
- );
1008
- --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(
1009
- --spectrum-global-font-weight-black
1010
- );
1011
- --spectrum-alias-han-body-text-line-height: var(
1012
- --spectrum-global-font-line-height-large
1013
- );
1014
- --spectrum-alias-han-body-text-font-weight-regular: var(
1015
- --spectrum-global-font-weight-regular
1016
- );
1017
- --spectrum-alias-han-body-text-font-weight-emphasis: var(
1018
- --spectrum-global-font-weight-bold
1019
- );
1020
- --spectrum-alias-han-body-text-font-weight-strong: var(
1021
- --spectrum-global-font-weight-black
1022
- );
1023
- --spectrum-alias-han-subheading-text-font-weight-regular: var(
1024
- --spectrum-global-font-weight-bold
1025
- );
1026
- --spectrum-alias-han-subheading-text-font-weight-emphasis: var(
1027
- --spectrum-global-font-weight-extra-bold
1028
- );
1029
- --spectrum-alias-han-subheading-text-font-weight-strong: var(
1030
- --spectrum-global-font-weight-black
1031
- );
1032
- --spectrum-alias-han-detail-text-font-weight: var(
1033
- --spectrum-global-font-weight-regular
1034
- );
1035
- --spectrum-alias-han-detail-text-font-weight-emphasis: var(
1036
- --spectrum-global-font-weight-bold
1037
- );
1038
- --spectrum-alias-han-detail-text-font-weight-strong: var(
1039
- --spectrum-global-font-weight-black
1040
- );
1041
- }
1042
- :host,
1043
- :root {
1044
- /* spectrum-dimensionAliases.css */
1045
- --spectrum-alias-item-height-s: var(--spectrum-global-dimension-size-300);
1046
- --spectrum-alias-item-height-m: var(--spectrum-global-dimension-size-400);
1047
- --spectrum-alias-item-height-l: var(--spectrum-global-dimension-size-500);
1048
- --spectrum-alias-item-height-xl: var(--spectrum-global-dimension-size-600);
1049
- --spectrum-alias-item-rounded-border-radius-s: var(
1050
- --spectrum-global-dimension-size-150
1051
- );
1052
- --spectrum-alias-item-rounded-border-radius-m: var(
1053
- --spectrum-global-dimension-size-200
1054
- );
1055
- --spectrum-alias-item-rounded-border-radius-l: var(
1056
- --spectrum-global-dimension-size-250
1057
- );
1058
- --spectrum-alias-item-rounded-border-radius-xl: var(
1059
- --spectrum-global-dimension-size-300
1060
- );
1061
- --spectrum-alias-item-text-size-s: var(
1062
- --spectrum-global-dimension-font-size-75
1063
- );
1064
- --spectrum-alias-item-text-size-m: var(
1065
- --spectrum-global-dimension-font-size-100
1066
- );
1067
- --spectrum-alias-item-text-size-l: var(
1068
- --spectrum-global-dimension-font-size-200
1069
- );
1070
- --spectrum-alias-item-text-size-xl: var(
1071
- --spectrum-global-dimension-font-size-300
1072
- );
1073
- --spectrum-alias-item-text-padding-top-s: var(
1074
- --spectrum-global-dimension-static-size-50
1075
- );
1076
- --spectrum-alias-item-text-padding-top-m: var(
1077
- --spectrum-global-dimension-size-75
1078
- );
1079
- --spectrum-alias-item-text-padding-top-xl: var(
1080
- --spectrum-global-dimension-size-150
1081
- );
1082
- --spectrum-alias-item-text-padding-bottom-m: var(
1083
- --spectrum-global-dimension-size-115
1084
- );
1085
- --spectrum-alias-item-text-padding-bottom-l: var(
1086
- --spectrum-global-dimension-size-130
1087
- );
1088
- --spectrum-alias-item-text-padding-bottom-xl: var(
1089
- --spectrum-global-dimension-size-175
1090
- );
1091
- --spectrum-alias-item-icon-padding-top-s: var(
1092
- --spectrum-global-dimension-size-50
1093
- );
1094
- --spectrum-alias-item-icon-padding-top-m: var(
1095
- --spectrum-global-dimension-size-85
1096
- );
1097
- --spectrum-alias-item-icon-padding-top-l: var(
1098
- --spectrum-global-dimension-size-125
1099
- );
1100
- --spectrum-alias-item-icon-padding-top-xl: var(
1101
- --spectrum-global-dimension-size-160
1102
- );
1103
- --spectrum-alias-item-icon-padding-bottom-s: var(
1104
- --spectrum-global-dimension-size-50
1105
- );
1106
- --spectrum-alias-item-icon-padding-bottom-m: var(
1107
- --spectrum-global-dimension-size-85
1108
- );
1109
- --spectrum-alias-item-icon-padding-bottom-l: var(
1110
- --spectrum-global-dimension-size-125
1111
- );
1112
- --spectrum-alias-item-icon-padding-bottom-xl: var(
1113
- --spectrum-global-dimension-size-160
1114
- );
1115
- --spectrum-alias-item-padding-s: var(--spectrum-global-dimension-size-115);
1116
- --spectrum-alias-item-padding-m: var(--spectrum-global-dimension-size-150);
1117
- --spectrum-alias-item-padding-l: var(--spectrum-global-dimension-size-185);
1118
- --spectrum-alias-item-padding-xl: var(--spectrum-global-dimension-size-225);
1119
- --spectrum-alias-item-rounded-padding-s: var(
1120
- --spectrum-global-dimension-size-150
1121
- );
1122
- --spectrum-alias-item-rounded-padding-m: var(
1123
- --spectrum-global-dimension-size-200
1124
- );
1125
- --spectrum-alias-item-rounded-padding-l: var(
1126
- --spectrum-global-dimension-size-250
1127
- );
1128
- --spectrum-alias-item-rounded-padding-xl: var(
1129
- --spectrum-global-dimension-size-300
1130
- );
1131
- --spectrum-alias-item-icononly-padding-s: var(
1132
- --spectrum-global-dimension-size-50
1133
- );
1134
- --spectrum-alias-item-icononly-padding-m: var(
1135
- --spectrum-global-dimension-size-85
1136
- );
1137
- --spectrum-alias-item-icononly-padding-l: var(
1138
- --spectrum-global-dimension-size-125
1139
- );
1140
- --spectrum-alias-item-icononly-padding-xl: var(
1141
- --spectrum-global-dimension-size-160
1142
- );
1143
- --spectrum-alias-item-control-gap-s: var(
1144
- --spectrum-global-dimension-size-115
1145
- );
1146
- --spectrum-alias-item-control-gap-m: var(
1147
- --spectrum-global-dimension-size-125
1148
- );
1149
- --spectrum-alias-item-control-gap-l: var(
1150
- --spectrum-global-dimension-size-130
1151
- );
1152
- --spectrum-alias-item-control-gap-xl: var(
1153
- --spectrum-global-dimension-size-160
1154
- );
1155
- --spectrum-alias-item-workflow-icon-gap-s: var(
1156
- --spectrum-global-dimension-size-85
1157
- );
1158
- --spectrum-alias-item-workflow-icon-gap-m: var(
1159
- --spectrum-global-dimension-size-100
1160
- );
1161
- --spectrum-alias-item-workflow-icon-gap-l: var(
1162
- --spectrum-global-dimension-size-115
1163
- );
1164
- --spectrum-alias-item-workflow-icon-gap-xl: var(
1165
- --spectrum-global-dimension-size-125
1166
- );
1167
- --spectrum-alias-item-mark-gap-s: var(--spectrum-global-dimension-size-85);
1168
- --spectrum-alias-item-mark-gap-m: var(--spectrum-global-dimension-size-100);
1169
- --spectrum-alias-item-mark-gap-l: var(--spectrum-global-dimension-size-115);
1170
- --spectrum-alias-item-mark-gap-xl: var(
1171
- --spectrum-global-dimension-size-125
1172
- );
1173
- --spectrum-alias-item-ui-icon-gap-s: var(
1174
- --spectrum-global-dimension-size-85
1175
- );
1176
- --spectrum-alias-item-ui-icon-gap-m: var(
1177
- --spectrum-global-dimension-size-100
1178
- );
1179
- --spectrum-alias-item-ui-icon-gap-l: var(
1180
- --spectrum-global-dimension-size-115
1181
- );
1182
- --spectrum-alias-item-ui-icon-gap-xl: var(
1183
- --spectrum-global-dimension-size-125
1184
- );
1185
- --spectrum-alias-item-clearbutton-gap-s: var(
1186
- --spectrum-global-dimension-size-50
1187
- );
1188
- --spectrum-alias-item-clearbutton-gap-m: var(
1189
- --spectrum-global-dimension-size-85
1190
- );
1191
- --spectrum-alias-item-clearbutton-gap-l: var(
1192
- --spectrum-global-dimension-size-125
1193
- );
1194
- --spectrum-alias-item-clearbutton-gap-xl: var(
1195
- --spectrum-global-dimension-size-150
1196
- );
1197
- --spectrum-alias-item-workflow-padding-left-s: var(
1198
- --spectrum-global-dimension-size-85
1199
- );
1200
- --spectrum-alias-item-workflow-padding-left-l: var(
1201
- --spectrum-global-dimension-size-160
1202
- );
1203
- --spectrum-alias-item-workflow-padding-left-xl: var(
1204
- --spectrum-global-dimension-size-185
1205
- );
1206
- --spectrum-alias-item-rounded-workflow-padding-left-s: var(
1207
- --spectrum-global-dimension-size-125
1208
- );
1209
- --spectrum-alias-item-rounded-workflow-padding-left-l: var(
1210
- --spectrum-global-dimension-size-225
1211
- );
1212
- --spectrum-alias-item-mark-padding-top-s: var(
1213
- --spectrum-global-dimension-size-40
1214
- );
1215
- --spectrum-alias-item-mark-padding-top-l: var(
1216
- --spectrum-global-dimension-size-115
1217
- );
1218
- --spectrum-alias-item-mark-padding-top-xl: var(
1219
- --spectrum-global-dimension-size-130
1220
- );
1221
- --spectrum-alias-item-mark-padding-bottom-s: var(
1222
- --spectrum-global-dimension-size-40
1223
- );
1224
- --spectrum-alias-item-mark-padding-bottom-l: var(
1225
- --spectrum-global-dimension-size-115
1226
- );
1227
- --spectrum-alias-item-mark-padding-bottom-xl: var(
1228
- --spectrum-global-dimension-size-130
1229
- );
1230
- --spectrum-alias-item-mark-padding-left-s: var(
1231
- --spectrum-global-dimension-size-85
1232
- );
1233
- --spectrum-alias-item-mark-padding-left-l: var(
1234
- --spectrum-global-dimension-size-160
1235
- );
1236
- --spectrum-alias-item-mark-padding-left-xl: var(
1237
- --spectrum-global-dimension-size-185
1238
- );
1239
- --spectrum-alias-item-control-1-size-s: var(
1240
- --spectrum-global-dimension-static-size-100
1241
- );
1242
- --spectrum-alias-item-control-1-size-m: var(
1243
- --spectrum-global-dimension-size-100
1244
- );
1245
- --spectrum-alias-item-control-2-size-m: var(
1246
- --spectrum-global-dimension-size-175
1247
- );
1248
- --spectrum-alias-item-control-2-size-l: var(
1249
- --spectrum-global-dimension-size-200
1250
- );
1251
- --spectrum-alias-item-control-2-size-xl: var(
1252
- --spectrum-global-dimension-size-225
1253
- );
1254
- --spectrum-alias-item-control-2-size-xxl: var(
1255
- --spectrum-global-dimension-size-250
1256
- );
1257
- --spectrum-alias-item-control-2-border-radius-s: var(
1258
- --spectrum-global-dimension-size-75
1259
- );
1260
- --spectrum-alias-item-control-2-border-radius-m: var(
1261
- --spectrum-global-dimension-size-85
1262
- );
1263
- --spectrum-alias-item-control-2-border-radius-l: var(
1264
- --spectrum-global-dimension-size-100
1265
- );
1266
- --spectrum-alias-item-control-2-border-radius-xl: var(
1267
- --spectrum-global-dimension-size-115
1268
- );
1269
- --spectrum-alias-item-control-2-border-radius-xxl: var(
1270
- --spectrum-global-dimension-size-125
1271
- );
1272
- --spectrum-alias-item-control-2-padding-s: var(
1273
- --spectrum-global-dimension-size-75
1274
- );
1275
- --spectrum-alias-item-control-2-padding-m: var(
1276
- --spectrum-global-dimension-size-115
1277
- );
1278
- --spectrum-alias-item-control-2-padding-l: var(
1279
- --spectrum-global-dimension-size-150
1280
- );
1281
- --spectrum-alias-item-control-2-padding-xl: var(
1282
- --spectrum-global-dimension-size-185
1283
- );
1284
- --spectrum-alias-item-control-3-height-m: var(
1285
- --spectrum-global-dimension-size-175
1286
- );
1287
- --spectrum-alias-item-control-3-height-l: var(
1288
- --spectrum-global-dimension-size-200
1289
- );
1290
- --spectrum-alias-item-control-3-height-xl: var(
1291
- --spectrum-global-dimension-size-225
1292
- );
1293
- --spectrum-alias-item-control-3-border-radius-s: var(
1294
- --spectrum-global-dimension-size-75
1295
- );
1296
- --spectrum-alias-item-control-3-border-radius-m: var(
1297
- --spectrum-global-dimension-size-85
1298
- );
1299
- --spectrum-alias-item-control-3-border-radius-l: var(
1300
- --spectrum-global-dimension-size-100
1301
- );
1302
- --spectrum-alias-item-control-3-border-radius-xl: var(
1303
- --spectrum-global-dimension-size-115
1304
- );
1305
- --spectrum-alias-item-control-3-padding-s: var(
1306
- --spectrum-global-dimension-size-75
1307
- );
1308
- --spectrum-alias-item-control-3-padding-m: var(
1309
- --spectrum-global-dimension-size-115
1310
- );
1311
- --spectrum-alias-item-control-3-padding-l: var(
1312
- --spectrum-global-dimension-size-150
1313
- );
1314
- --spectrum-alias-item-control-3-padding-xl: var(
1315
- --spectrum-global-dimension-size-185
1316
- );
1317
- --spectrum-alias-item-mark-size-s: var(
1318
- --spectrum-global-dimension-size-225
1319
- );
1320
- --spectrum-alias-item-mark-size-l: var(
1321
- --spectrum-global-dimension-size-275
1322
- );
1323
- --spectrum-alias-item-mark-size-xl: var(
1324
- --spectrum-global-dimension-size-325
1325
- );
1326
- --spectrum-alias-heading-xxxl-text-size: var(
1327
- --spectrum-global-dimension-font-size-1300
1328
- );
1329
- --spectrum-alias-heading-xxl-text-size: var(
1330
- --spectrum-global-dimension-font-size-1100
1331
- );
1332
- --spectrum-alias-heading-xl-text-size: var(
1333
- --spectrum-global-dimension-font-size-900
1334
- );
1335
- --spectrum-alias-heading-l-text-size: var(
1336
- --spectrum-global-dimension-font-size-700
1337
- );
1338
- --spectrum-alias-heading-m-text-size: var(
1339
- --spectrum-global-dimension-font-size-500
1340
- );
1341
- --spectrum-alias-heading-s-text-size: var(
1342
- --spectrum-global-dimension-font-size-300
1343
- );
1344
- --spectrum-alias-heading-xs-text-size: var(
1345
- --spectrum-global-dimension-font-size-200
1346
- );
1347
- --spectrum-alias-heading-xxs-text-size: var(
1348
- --spectrum-global-dimension-font-size-100
1349
- );
1350
- --spectrum-alias-heading-xxxl-margin-top: var(
1351
- --spectrum-global-dimension-font-size-1200
1352
- );
1353
- --spectrum-alias-heading-xxl-margin-top: var(
1354
- --spectrum-global-dimension-font-size-900
1355
- );
1356
- --spectrum-alias-heading-xl-margin-top: var(
1357
- --spectrum-global-dimension-font-size-800
1358
- );
1359
- --spectrum-alias-heading-l-margin-top: var(
1360
- --spectrum-global-dimension-font-size-600
1361
- );
1362
- --spectrum-alias-heading-m-margin-top: var(
1363
- --spectrum-global-dimension-font-size-400
1364
- );
1365
- --spectrum-alias-heading-s-margin-top: var(
1366
- --spectrum-global-dimension-font-size-200
1367
- );
1368
- --spectrum-alias-heading-xs-margin-top: var(
1369
- --spectrum-global-dimension-font-size-100
1370
- );
1371
- --spectrum-alias-heading-xxs-margin-top: var(
1372
- --spectrum-global-dimension-font-size-75
1373
- );
1374
- --spectrum-alias-heading-han-xxxl-text-size: var(
1375
- --spectrum-global-dimension-font-size-1300
1376
- );
1377
- --spectrum-alias-heading-han-xxl-text-size: var(
1378
- --spectrum-global-dimension-font-size-900
1379
- );
1380
- --spectrum-alias-heading-han-xl-text-size: var(
1381
- --spectrum-global-dimension-font-size-800
1382
- );
1383
- --spectrum-alias-heading-han-l-text-size: var(
1384
- --spectrum-global-dimension-font-size-600
1385
- );
1386
- --spectrum-alias-heading-han-m-text-size: var(
1387
- --spectrum-global-dimension-font-size-400
1388
- );
1389
- --spectrum-alias-heading-han-s-text-size: var(
1390
- --spectrum-global-dimension-font-size-300
1391
- );
1392
- --spectrum-alias-heading-han-xs-text-size: var(
1393
- --spectrum-global-dimension-font-size-200
1394
- );
1395
- --spectrum-alias-heading-han-xxs-text-size: var(
1396
- --spectrum-global-dimension-font-size-100
1397
- );
1398
- --spectrum-alias-heading-han-xxxl-margin-top: var(
1399
- --spectrum-global-dimension-font-size-1200
1400
- );
1401
- --spectrum-alias-heading-han-xxl-margin-top: var(
1402
- --spectrum-global-dimension-font-size-800
1403
- );
1404
- --spectrum-alias-heading-han-xl-margin-top: var(
1405
- --spectrum-global-dimension-font-size-700
1406
- );
1407
- --spectrum-alias-heading-han-l-margin-top: var(
1408
- --spectrum-global-dimension-font-size-500
1409
- );
1410
- --spectrum-alias-heading-han-m-margin-top: var(
1411
- --spectrum-global-dimension-font-size-300
1412
- );
1413
- --spectrum-alias-heading-han-s-margin-top: var(
1414
- --spectrum-global-dimension-font-size-200
1415
- );
1416
- --spectrum-alias-heading-han-xs-margin-top: var(
1417
- --spectrum-global-dimension-font-size-100
1418
- );
1419
- --spectrum-alias-heading-han-xxs-margin-top: var(
1420
- --spectrum-global-dimension-font-size-75
1421
- );
1422
- --spectrum-alias-component-border-radius: var(
1423
- --spectrum-global-dimension-size-50
1424
- );
1425
- --spectrum-alias-component-border-radius-quiet: var(
1426
- --spectrum-global-dimension-static-size-0
1427
- );
1428
- --spectrum-alias-component-focusring-gap: var(
1429
- --spectrum-global-dimension-static-size-0
1430
- );
1431
- --spectrum-alias-component-focusring-gap-emphasized: var(
1432
- --spectrum-global-dimension-static-size-25
1433
- );
1434
- --spectrum-alias-component-focusring-size: var(
1435
- --spectrum-global-dimension-static-size-10
1436
- );
1437
- --spectrum-alias-component-focusring-size-emphasized: var(
1438
- --spectrum-global-dimension-static-size-25
1439
- );
1440
- --spectrum-alias-input-border-size: var(
1441
- --spectrum-global-dimension-static-size-10
1442
- );
1443
- --spectrum-alias-input-focusring-gap: var(
1444
- --spectrum-global-dimension-static-size-0
1445
- );
1446
- --spectrum-alias-input-quiet-focusline-gap: var(
1447
- --spectrum-global-dimension-static-size-10
1448
- );
1449
- --spectrum-alias-control-two-size-m: var(
1450
- --spectrum-global-dimension-size-175
1451
- );
1452
- --spectrum-alias-control-two-size-l: var(
1453
- --spectrum-global-dimension-size-200
1454
- );
1455
- --spectrum-alias-control-two-size-xl: var(
1456
- --spectrum-global-dimension-size-225
1457
- );
1458
- --spectrum-alias-control-two-size-xxl: var(
1459
- --spectrum-global-dimension-size-250
1460
- );
1461
- --spectrum-alias-control-two-border-radius-s: var(
1462
- --spectrum-global-dimension-size-75
1463
- );
1464
- --spectrum-alias-control-two-border-radius-m: var(
1465
- --spectrum-global-dimension-size-85
1466
- );
1467
- --spectrum-alias-control-two-border-radius-l: var(
1468
- --spectrum-global-dimension-size-100
1469
- );
1470
- --spectrum-alias-control-two-border-radius-xl: var(
1471
- --spectrum-global-dimension-size-115
1472
- );
1473
- --spectrum-alias-control-two-border-radius-xxl: var(
1474
- --spectrum-global-dimension-size-125
1475
- );
1476
- --spectrum-alias-control-two-focus-ring-border-radius-s: var(
1477
- --spectrum-global-dimension-size-125
1478
- );
1479
- --spectrum-alias-control-two-focus-ring-border-radius-m: var(
1480
- --spectrum-global-dimension-size-130
1481
- );
1482
- --spectrum-alias-control-two-focus-ring-border-radius-l: var(
1483
- --spectrum-global-dimension-size-150
1484
- );
1485
- --spectrum-alias-control-two-focus-ring-border-radius-xl: var(
1486
- --spectrum-global-dimension-size-160
1487
- );
1488
- --spectrum-alias-control-two-focus-ring-border-radius-xxl: var(
1489
- --spectrum-global-dimension-size-175
1490
- );
1491
- --spectrum-alias-control-three-height-m: var(
1492
- --spectrum-global-dimension-size-175
1493
- );
1494
- --spectrum-alias-control-three-height-l: var(
1495
- --spectrum-global-dimension-size-200
1496
- );
1497
- --spectrum-alias-control-three-height-xl: var(
1498
- --spectrum-global-dimension-size-225
1499
- );
1500
- --spectrum-alias-infieldbutton-icon-margin-y-s: var(
1501
- --spectrum-global-dimension-size-50
1502
- );
1503
- --spectrum-alias-infieldbutton-icon-margin-y-m: var(
1504
- --spectrum-global-dimension-size-85
1505
- );
1506
- --spectrum-alias-infieldbutton-icon-margin-y-l: var(
1507
- --spectrum-global-dimension-size-125
1508
- );
1509
- --spectrum-alias-infieldbutton-icon-margin-y-xl: var(
1510
- --spectrum-global-dimension-size-160
1511
- );
1512
- --spectrum-alias-infieldbutton-border-radius: var(
1513
- --spectrum-global-dimension-size-50
1514
- );
1515
- --spectrum-alias-infieldbutton-border-radius-sided: 0;
1516
- --spectrum-alias-infieldbutton-border-size: var(
1517
- --spectrum-global-dimension-static-size-10
1518
- );
1519
- --spectrum-alias-infieldbutton-fill-padding-s: var(
1520
- --spectrum-global-dimension-size-50
1521
- );
1522
- --spectrum-alias-infieldbutton-fill-padding-m: var(
1523
- --spectrum-global-dimension-size-85
1524
- );
1525
- --spectrum-alias-infieldbutton-fill-padding-l: var(
1526
- --spectrum-global-dimension-size-125
1527
- );
1528
- --spectrum-alias-infieldbutton-fill-padding-xl: var(
1529
- --spectrum-global-dimension-size-160
1530
- );
1531
- --spectrum-alias-infieldbutton-padding-s: 0;
1532
- --spectrum-alias-infieldbutton-padding-m: 0;
1533
- --spectrum-alias-infieldbutton-padding-l: 0;
1534
- --spectrum-alias-infieldbutton-padding-xl: 0;
1535
- --spectrum-alias-infieldbutton-full-height-s: var(
1536
- --spectrum-global-dimension-size-300
1537
- );
1538
- --spectrum-alias-infieldbutton-full-height-m: var(
1539
- --spectrum-global-dimension-size-400
1540
- );
1541
- --spectrum-alias-infieldbutton-full-height-l: var(
1542
- --spectrum-global-dimension-size-500
1543
- );
1544
- --spectrum-alias-infieldbutton-full-height-xl: var(
1545
- --spectrum-global-dimension-size-600
1546
- );
1547
- --spectrum-alias-infieldbutton-half-height-s: var(
1548
- --spectrum-global-dimension-size-150
1549
- );
1550
- --spectrum-alias-infieldbutton-half-height-m: var(
1551
- --spectrum-global-dimension-size-200
1552
- );
1553
- --spectrum-alias-infieldbutton-half-height-l: var(
1554
- --spectrum-global-dimension-size-250
1555
- );
1556
- --spectrum-alias-infieldbutton-half-height-xl: var(
1557
- --spectrum-global-dimension-size-300
1558
- );
1559
- --spectrum-alias-stepperbutton-gap: 0;
1560
- --spectrum-alias-stepperbutton-width-s: var(
1561
- --spectrum-global-dimension-size-225
1562
- );
1563
- --spectrum-alias-stepperbutton-width-m: var(
1564
- --spectrum-global-dimension-size-300
1565
- );
1566
- --spectrum-alias-stepperbutton-width-l: var(
1567
- --spectrum-global-dimension-size-400
1568
- );
1569
- --spectrum-alias-stepperbutton-width-xl: var(
1570
- --spectrum-global-dimension-size-450
1571
- );
1572
- --spectrum-alias-stepperbutton-icon-x-offset-s: var(
1573
- --spectrum-global-dimension-size-50
1574
- );
1575
- --spectrum-alias-stepperbutton-icon-x-offset-m: var(
1576
- --spectrum-global-dimension-size-85
1577
- );
1578
- --spectrum-alias-stepperbutton-icon-x-offset-l: var(
1579
- --spectrum-global-dimension-size-125
1580
- );
1581
- --spectrum-alias-stepperbutton-icon-x-offset-xl: var(
1582
- --spectrum-global-dimension-size-130
1583
- );
1584
- --spectrum-alias-stepperbutton-icon-y-offset-top-s: var(
1585
- --spectrum-global-dimension-size-25
1586
- );
1587
- --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(
1588
- --spectrum-global-dimension-size-50
1589
- );
1590
- --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(
1591
- --spectrum-global-dimension-size-65
1592
- );
1593
- --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(
1594
- --spectrum-global-dimension-size-75
1595
- );
1596
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: var(
1597
- --spectrum-global-dimension-size-10
1598
- );
1599
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: var(
1600
- --spectrum-global-dimension-size-25
1601
- );
1602
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: var(
1603
- --spectrum-global-dimension-size-40
1604
- );
1605
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: var(
1606
- --spectrum-global-dimension-size-50
1607
- );
1608
- --spectrum-alias-stepperbutton-radius-touching: 0;
1609
- --spectrum-alias-clearbutton-icon-margin-s: var(
1610
- --spectrum-global-dimension-size-100
1611
- );
1612
- --spectrum-alias-clearbutton-icon-margin-m: var(
1613
- --spectrum-global-dimension-size-150
1614
- );
1615
- --spectrum-alias-clearbutton-icon-margin-l: var(
1616
- --spectrum-global-dimension-size-185
1617
- );
1618
- --spectrum-alias-clearbutton-icon-margin-xl: var(
1619
- --spectrum-global-dimension-size-225
1620
- );
1621
- --spectrum-alias-clearbutton-border-radius: var(
1622
- --spectrum-global-dimension-size-50
1623
- );
1624
- --spectrum-alias-pickerbutton-icononly-padding-x-s: var(
1625
- --spectrum-global-dimension-size-85
1626
- );
1627
- --spectrum-alias-pickerbutton-icononly-padding-x-m: var(
1628
- --spectrum-global-dimension-size-125
1629
- );
1630
- --spectrum-alias-pickerbutton-icononly-padding-x-l: var(
1631
- --spectrum-global-dimension-size-160
1632
- );
1633
- --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(
1634
- --spectrum-global-dimension-size-200
1635
- );
1636
- --spectrum-alias-pickerbutton-icon-margin-y-s: var(
1637
- --spectrum-global-dimension-size-85
1638
- );
1639
- --spectrum-alias-pickerbutton-icon-margin-y-m: var(
1640
- --spectrum-global-dimension-size-125
1641
- );
1642
- --spectrum-alias-pickerbutton-icon-margin-y-l: var(
1643
- --spectrum-global-dimension-size-160
1644
- );
1645
- --spectrum-alias-pickerbutton-icon-margin-y-xl: var(
1646
- --spectrum-global-dimension-size-200
1647
- );
1648
- --spectrum-alias-pickerbutton-label-padding-y-s: var(
1649
- --spectrum-global-dimension-size-50
1650
- );
1651
- --spectrum-alias-pickerbutton-label-padding-y-m: var(
1652
- --spectrum-global-dimension-size-75
1653
- );
1654
- --spectrum-alias-pickerbutton-label-padding-y-l: var(
1655
- --spectrum-global-dimension-size-115
1656
- );
1657
- --spectrum-alias-pickerbutton-label-padding-y-xl: var(
1658
- --spectrum-global-dimension-size-150
1659
- );
1660
- --spectrum-alias-pickerbutton-border-radius-rounded: var(
1661
- --spectrum-global-dimension-size-50
1662
- );
1663
- --spectrum-alias-pickerbutton-border-radius-rounded-sided: 0;
1664
- --spectrum-alias-search-border-radius: var(
1665
- --spectrum-global-dimension-size-50
1666
- );
1667
- --spectrum-alias-search-border-radius-quiet: 0;
1668
- --spectrum-alias-combobox-quiet-button-offset-x: var(
1669
- --spectrum-global-dimension-size-100
1670
- );
1671
- --spectrum-alias-thumbnail-border-radius-small: var(
1672
- --spectrum-global-dimension-size-25
1673
- );
1674
- --spectrum-alias-search-padding-left-s: var(
1675
- --spectrum-global-dimension-size-85
1676
- );
1677
- --spectrum-alias-search-padding-left-l: var(
1678
- --spectrum-global-dimension-size-160
1679
- );
1680
- --spectrum-alias-search-padding-left-xl: var(
1681
- --spectrum-global-dimension-size-185
1682
- );
1683
- --spectrum-alias-percent-50: 50%;
1684
- --spectrum-alias-percent-70: 70%;
1685
- --spectrum-alias-percent-100: 100%;
1686
- --spectrum-alias-breakpoint-xsmall: 304px;
1687
- --spectrum-alias-breakpoint-small: 768px;
1688
- --spectrum-alias-breakpoint-medium: 1280px;
1689
- --spectrum-alias-breakpoint-large: 1768px;
1690
- --spectrum-alias-breakpoint-xlarge: 2160px;
1691
- --spectrum-alias-grid-columns: 12;
1692
- --spectrum-alias-grid-fluid-width: 100%;
1693
- --spectrum-alias-grid-fixed-max-width: 1280px;
1694
- --spectrum-alias-border-size-thin: var(
1695
- --spectrum-global-dimension-static-size-10
1696
- );
1697
- --spectrum-alias-border-size-thick: var(
1698
- --spectrum-global-dimension-static-size-25
1699
- );
1700
- --spectrum-alias-border-size-thicker: var(
1701
- --spectrum-global-dimension-static-size-50
1702
- );
1703
- --spectrum-alias-border-size-thickest: var(
1704
- --spectrum-global-dimension-static-size-100
1705
- );
1706
- --spectrum-alias-border-offset-thin: var(
1707
- --spectrum-global-dimension-static-size-25
1708
- );
1709
- --spectrum-alias-border-offset-thick: var(
1710
- --spectrum-global-dimension-static-size-50
1711
- );
1712
- --spectrum-alias-border-offset-thicker: var(
1713
- --spectrum-global-dimension-static-size-100
1714
- );
1715
- --spectrum-alias-border-offset-thickest: var(
1716
- --spectrum-global-dimension-static-size-200
1717
- );
1718
- --spectrum-alias-grid-baseline: var(
1719
- --spectrum-global-dimension-static-size-100
1720
- );
1721
- --spectrum-alias-grid-gutter-xsmall: var(
1722
- --spectrum-global-dimension-static-size-200
1723
- );
1724
- --spectrum-alias-grid-gutter-small: var(
1725
- --spectrum-global-dimension-static-size-300
1726
- );
1727
- --spectrum-alias-grid-gutter-medium: var(
1728
- --spectrum-global-dimension-static-size-400
1729
- );
1730
- --spectrum-alias-grid-gutter-large: var(
1731
- --spectrum-global-dimension-static-size-500
1732
- );
1733
- --spectrum-alias-grid-gutter-xlarge: var(
1734
- --spectrum-global-dimension-static-size-600
1735
- );
1736
- --spectrum-alias-grid-margin-xsmall: var(
1737
- --spectrum-global-dimension-static-size-200
1738
- );
1739
- --spectrum-alias-grid-margin-small: var(
1740
- --spectrum-global-dimension-static-size-300
1741
- );
1742
- --spectrum-alias-grid-margin-medium: var(
1743
- --spectrum-global-dimension-static-size-400
1744
- );
1745
- --spectrum-alias-grid-margin-large: var(
1746
- --spectrum-global-dimension-static-size-500
1747
- );
1748
- --spectrum-alias-grid-margin-xlarge: var(
1749
- --spectrum-global-dimension-static-size-600
1750
- );
1751
- --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(
1752
- --spectrum-global-dimension-static-size-200
1753
- );
1754
- --spectrum-alias-grid-layout-region-margin-bottom-small: var(
1755
- --spectrum-global-dimension-static-size-300
1756
- );
1757
- --spectrum-alias-grid-layout-region-margin-bottom-medium: var(
1758
- --spectrum-global-dimension-static-size-400
1759
- );
1760
- --spectrum-alias-grid-layout-region-margin-bottom-large: var(
1761
- --spectrum-global-dimension-static-size-500
1762
- );
1763
- --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(
1764
- --spectrum-global-dimension-static-size-600
1765
- );
1766
- --spectrum-alias-radial-reaction-size-default: var(
1767
- --spectrum-global-dimension-static-size-550
1768
- );
1769
- --spectrum-alias-focus-ring-gap: var(
1770
- --spectrum-global-dimension-static-size-25
1771
- );
1772
- --spectrum-alias-focus-ring-size: var(
1773
- --spectrum-global-dimension-static-size-25
1774
- );
1775
- --spectrum-alias-focus-ring-gap-small: var(
1776
- --spectrum-global-dimension-static-size-0
1777
- );
1778
- --spectrum-alias-focus-ring-size-small: var(
1779
- --spectrum-global-dimension-static-size-10
1780
- );
1781
- --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
1782
- --spectrum-alias-dropshadow-offset-y: var(
1783
- --spectrum-global-dimension-size-10
1784
- );
1785
- --spectrum-alias-font-size-default: var(
1786
- --spectrum-global-dimension-font-size-100
1787
- );
1788
- --spectrum-alias-layout-label-gap-size: var(
1789
- --spectrum-global-dimension-size-100
1790
- );
1791
- --spectrum-alias-pill-button-text-size: var(
1792
- --spectrum-global-dimension-font-size-100
1793
- );
1794
- --spectrum-alias-pill-button-text-baseline: var(
1795
- --spectrum-global-dimension-static-size-150
1796
- );
1797
- --spectrum-alias-border-radius-xsmall: var(
1798
- --spectrum-global-dimension-size-10
1799
- );
1800
- --spectrum-alias-border-radius-small: var(
1801
- --spectrum-global-dimension-size-25
1802
- );
1803
- --spectrum-alias-border-radius-regular: var(
1804
- --spectrum-global-dimension-size-50
1805
- );
1806
- --spectrum-alias-border-radius-medium: var(
1807
- --spectrum-global-dimension-size-100
1808
- );
1809
- --spectrum-alias-border-radius-large: var(
1810
- --spectrum-global-dimension-size-200
1811
- );
1812
- --spectrum-alias-border-radius-xlarge: var(
1813
- --spectrum-global-dimension-size-300
1814
- );
1815
- --spectrum-alias-focus-ring-border-radius-xsmall: var(
1816
- --spectrum-global-dimension-size-50
1817
- );
1818
- --spectrum-alias-focus-ring-border-radius-small: var(
1819
- --spectrum-global-dimension-static-size-65
1820
- );
1821
- --spectrum-alias-focus-ring-border-radius-medium: var(
1822
- --spectrum-global-dimension-size-150
1823
- );
1824
- --spectrum-alias-focus-ring-border-radius-large: var(
1825
- --spectrum-global-dimension-size-250
1826
- );
1827
- --spectrum-alias-focus-ring-border-radius-xlarge: var(
1828
- --spectrum-global-dimension-size-350
1829
- );
1830
- --spectrum-alias-single-line-height: var(
1831
- --spectrum-global-dimension-size-400
1832
- );
1833
- --spectrum-alias-single-line-width: var(
1834
- --spectrum-global-dimension-size-2400
1835
- );
1836
- --spectrum-alias-workflow-icon-size-s: var(
1837
- --spectrum-global-dimension-size-200
1838
- );
1839
- --spectrum-alias-workflow-icon-size-m: var(
1840
- --spectrum-global-dimension-size-225
1841
- );
1842
- --spectrum-alias-workflow-icon-size-xl: var(
1843
- --spectrum-global-dimension-size-275
1844
- );
1845
- --spectrum-alias-ui-icon-alert-size-75: var(
1846
- --spectrum-global-dimension-size-200
1847
- );
1848
- --spectrum-alias-ui-icon-alert-size-100: var(
1849
- --spectrum-global-dimension-size-225
1850
- );
1851
- --spectrum-alias-ui-icon-alert-size-200: var(
1852
- --spectrum-global-dimension-size-250
1853
- );
1854
- --spectrum-alias-ui-icon-alert-size-300: var(
1855
- --spectrum-global-dimension-size-275
1856
- );
1857
- --spectrum-alias-ui-icon-triplegripper-size-100-height: var(
1858
- --spectrum-global-dimension-size-100
1859
- );
1860
- --spectrum-alias-ui-icon-doublegripper-size-100-width: var(
1861
- --spectrum-global-dimension-size-200
1862
- );
1863
- --spectrum-alias-ui-icon-singlegripper-size-100-width: var(
1864
- --spectrum-global-dimension-size-300
1865
- );
1866
- --spectrum-alias-ui-icon-cornertriangle-size-75: var(
1867
- --spectrum-global-dimension-size-65
1868
- );
1869
- --spectrum-alias-ui-icon-cornertriangle-size-200: var(
1870
- --spectrum-global-dimension-size-75
1871
- );
1872
- --spectrum-alias-ui-icon-asterisk-size-75: var(
1873
- --spectrum-global-dimension-static-size-100
1874
- );
1875
- --spectrum-alias-ui-icon-asterisk-size-100: var(
1876
- --spectrum-global-dimension-size-100
1877
- );
1878
- --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);
1879
- --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);
1880
- --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);
1881
- --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
1882
- --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
1883
- --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
1884
- --spectrum-alias-avatar-border-size: var(
1885
- --spectrum-global-dimension-size-0
1886
- );
1887
- --spectrum-alias-tag-border-radius: var(
1888
- --spectrum-global-dimension-size-50
1889
- );
1890
- --spectrum-alias-tag-border-size-default: var(
1891
- --spectrum-global-dimension-static-size-10
1892
- );
1893
- --spectrum-alias-tag-border-size-key-focus: var(
1894
- --spectrum-global-dimension-static-size-25
1895
- );
1896
- --spectrum-alias-tag-border-size-disabled: var(
1897
- --spectrum-global-dimension-size-0
1898
- );
1899
- --spectrum-alias-tag-border-size: var(
1900
- --spectrum-global-dimension-static-size-10
1901
- );
1902
- --spectrum-alias-tag-padding-right-s: var(
1903
- --spectrum-global-dimension-size-115
1904
- );
1905
- --spectrum-alias-tag-padding-right-m: var(
1906
- --spectrum-global-dimension-size-150
1907
- );
1908
- --spectrum-alias-tag-padding-right-l: var(
1909
- --spectrum-global-dimension-size-185
1910
- );
1911
- --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-300);
1912
- --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-400);
1913
- --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-500);
1914
- --spectrum-alias-tag-font-size-s: var(
1915
- --spectrum-global-dimension-font-size-75
1916
- );
1917
- --spectrum-alias-tag-font-size-m: var(
1918
- --spectrum-global-dimension-font-size-100
1919
- );
1920
- --spectrum-alias-tag-font-size-l: var(
1921
- --spectrum-global-dimension-font-size-200
1922
- );
1923
- --spectrum-alias-tag-text-padding-top-s: var(
1924
- --spectrum-global-dimension-size-50
1925
- );
1926
- --spectrum-alias-tag-text-padding-top-m: var(
1927
- --spectrum-global-dimension-size-75
1928
- );
1929
- --spectrum-alias-tag-text-padding-top-l: var(
1930
- --spectrum-global-dimension-size-115
1931
- );
1932
- --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-200);
1933
- --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-225);
1934
- --spectrum-alias-tag-icon-margin-top-s: var(
1935
- --spectrum-global-dimension-size-50
1936
- );
1937
- --spectrum-alias-tag-icon-margin-top-m: var(
1938
- --spectrum-global-dimension-size-85
1939
- );
1940
- --spectrum-alias-tag-icon-margin-top-l: var(
1941
- --spectrum-global-dimension-size-125
1942
- );
1943
- --spectrum-alias-tag-icon-margin-right-s: var(
1944
- --spectrum-global-dimension-size-85
1945
- );
1946
- --spectrum-alias-tag-icon-margin-right-m: var(
1947
- --spectrum-global-dimension-size-100
1948
- );
1949
- --spectrum-alias-tag-icon-margin-right-l: var(
1950
- --spectrum-global-dimension-size-115
1951
- );
1952
- --spectrum-alias-tag-clearbutton-width-s: var(
1953
- --spectrum-global-dimension-size-300
1954
- );
1955
- --spectrum-alias-tag-clearbutton-width-m: var(
1956
- --spectrum-global-dimension-size-400
1957
- );
1958
- --spectrum-alias-tag-clearbutton-width-l: var(
1959
- --spectrum-global-dimension-size-500
1960
- );
1961
- --spectrum-alias-tag-clearbutton-icon-margin-s: var(
1962
- --spectrum-global-dimension-size-100
1963
- );
1964
- --spectrum-alias-tag-clearbutton-icon-margin-m: var(
1965
- --spectrum-global-dimension-size-150
1966
- );
1967
- --spectrum-alias-tag-clearbutton-icon-margin-l: var(
1968
- --spectrum-global-dimension-size-185
1969
- );
1970
- --spectrum-alias-tag-focusring-size: var(
1971
- --spectrum-global-dimension-size-25
1972
- );
1973
- --spectrum-alias-tag-focusring-gap: var(
1974
- --spectrum-global-dimension-static-size-0
1975
- );
1976
- --spectrum-alias-tag-focusring-gap-selected: var(
1977
- --spectrum-global-dimension-size-25
1978
- );
1979
- --spectrum-alias-colorloupe-width: var(
1980
- --spectrum-global-dimension-static-size-600
1981
- );
1982
- --spectrum-alias-colorloupe-height: var(
1983
- --spectrum-global-dimension-static-size-800
1984
- );
1985
- }
1986
- :host,
1987
- :root {
1988
- /* spectrum-colorAliases.css */
1989
- --spectrum-alias-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);
1990
- --spectrum-alias-transparent-blue-background-color-hover: rgba(
1991
- 0,
1992
- 87,
1993
- 190,
1994
- 0.15
1995
- );
1996
- --spectrum-alias-transparent-blue-background-color-down: rgba(
1997
- 0,
1998
- 72,
1999
- 153,
2000
- 0.3
2001
- );
2002
- --spectrum-alias-transparent-blue-background-color-key-focus: var(
2003
- --spectrum-alias-transparent-blue-background-color-hover
2004
- );
2005
- --spectrum-alias-transparent-blue-background-color-mouse-focus: var(
2006
- --spectrum-alias-transparent-blue-background-color-hover
2007
- );
2008
- --spectrum-alias-transparent-blue-background-color: var(
2009
- --spectrum-alias-component-text-color-default
2010
- );
2011
- --spectrum-alias-transparent-red-background-color-hover: rgba(
2012
- 154,
2013
- 0,
2014
- 0,
2015
- 0.15
2016
- );
2017
- --spectrum-alias-transparent-red-background-color-down: rgba(
2018
- 124,
2019
- 0,
2020
- 0,
2021
- 0.3
2022
- );
2023
- --spectrum-alias-transparent-red-background-color-key-focus: var(
2024
- --spectrum-alias-transparent-red-background-color-hover
2025
- );
2026
- --spectrum-alias-transparent-red-background-color-mouse-focus: var(
2027
- --spectrum-alias-transparent-red-background-color-hover
2028
- );
2029
- --spectrum-alias-transparent-red-background-color: var(
2030
- --spectrum-alias-component-text-color-default
2031
- );
2032
- --spectrum-alias-component-text-color-disabled: var(
2033
- --spectrum-global-color-gray-500
2034
- );
2035
- --spectrum-alias-component-text-color-default: var(
2036
- --spectrum-global-color-gray-800
2037
- );
2038
- --spectrum-alias-component-text-color-hover: var(
2039
- --spectrum-global-color-gray-900
2040
- );
2041
- --spectrum-alias-component-text-color-down: var(
2042
- --spectrum-global-color-gray-900
2043
- );
2044
- --spectrum-alias-component-text-color-key-focus: var(
2045
- --spectrum-alias-component-text-color-hover
2046
- );
2047
- --spectrum-alias-component-text-color-mouse-focus: var(
2048
- --spectrum-alias-component-text-color-hover
2049
- );
2050
- --spectrum-alias-component-text-color: var(
2051
- --spectrum-alias-component-text-color-default
2052
- );
2053
- --spectrum-alias-component-text-color-selected-default: var(
2054
- --spectrum-alias-component-text-color-default
2055
- );
2056
- --spectrum-alias-component-text-color-selected-hover: var(
2057
- --spectrum-alias-component-text-color-hover
2058
- );
2059
- --spectrum-alias-component-text-color-selected-down: var(
2060
- --spectrum-alias-component-text-color-down
2061
- );
2062
- --spectrum-alias-component-text-color-selected-key-focus: var(
2063
- --spectrum-alias-component-text-color-key-focus
2064
- );
2065
- --spectrum-alias-component-text-color-selected-mouse-focus: var(
2066
- --spectrum-alias-component-text-color-mouse-focus
2067
- );
2068
- --spectrum-alias-component-text-color-selected: var(
2069
- --spectrum-alias-component-text-color-selected-default
2070
- );
2071
- --spectrum-alias-component-text-color-emphasized-selected-default: var(
2072
- --spectrum-global-color-static-white
2073
- );
2074
- --spectrum-alias-component-text-color-emphasized-selected-hover: var(
2075
- --spectrum-alias-component-text-color-emphasized-selected-default
2076
- );
2077
- --spectrum-alias-component-text-color-emphasized-selected-down: var(
2078
- --spectrum-alias-component-text-color-emphasized-selected-default
2079
- );
2080
- --spectrum-alias-component-text-color-emphasized-selected-key-focus: var(
2081
- --spectrum-alias-component-text-color-emphasized-selected-default
2082
- );
2083
- --spectrum-alias-component-text-color-emphasized-selected-mouse-focus: var(
2084
- --spectrum-alias-component-text-color-emphasized-selected-default
2085
- );
2086
- --spectrum-alias-component-text-color-emphasized-selected: var(
2087
- --spectrum-alias-component-text-color-emphasized-selected-default
2088
- );
2089
- --spectrum-alias-component-text-color-error-default: var(
2090
- --spectrum-semantic-negative-text-color-small
2091
- );
2092
- --spectrum-alias-component-text-color-error-hover: var(
2093
- --spectrum-semantic-negative-text-color-small-hover
2094
- );
2095
- --spectrum-alias-component-text-color-error-down: var(
2096
- --spectrum-semantic-negative-text-color-small-down
2097
- );
2098
- --spectrum-alias-component-text-color-error-key-focus: var(
2099
- --spectrum-semantic-negative-text-color-small-key-focus
2100
- );
2101
- --spectrum-alias-component-text-color-error-mouse-focus: var(
2102
- --spectrum-semantic-negative-text-color-small-key-focus
2103
- );
2104
- --spectrum-alias-component-text-color-error: var(
2105
- --spectrum-alias-component-text-color-error-default
2106
- );
2107
- --spectrum-alias-component-icon-color-disabled: var(
2108
- --spectrum-alias-icon-color-disabled
2109
- );
2110
- --spectrum-alias-component-icon-color-default: var(
2111
- --spectrum-alias-icon-color
2112
- );
2113
- --spectrum-alias-component-icon-color-hover: var(
2114
- --spectrum-alias-icon-color-hover
2115
- );
2116
- --spectrum-alias-component-icon-color-down: var(
2117
- --spectrum-alias-icon-color-down
2118
- );
2119
- --spectrum-alias-component-icon-color-key-focus: var(
2120
- --spectrum-alias-icon-color-hover
2121
- );
2122
- --spectrum-alias-component-icon-color-mouse-focus: var(
2123
- --spectrum-alias-icon-color-down
2124
- );
2125
- --spectrum-alias-component-icon-color: var(
2126
- --spectrum-alias-component-icon-color-default
2127
- );
2128
- --spectrum-alias-component-icon-color-selected: var(
2129
- --spectrum-alias-icon-color-selected-neutral-subdued
2130
- );
2131
- --spectrum-alias-component-icon-color-emphasized-selected-default: var(
2132
- --spectrum-global-color-static-white
2133
- );
2134
- --spectrum-alias-component-icon-color-emphasized-selected-hover: var(
2135
- --spectrum-alias-component-icon-color-emphasized-selected-default
2136
- );
2137
- --spectrum-alias-component-icon-color-emphasized-selected-down: var(
2138
- --spectrum-alias-component-icon-color-emphasized-selected-default
2139
- );
2140
- --spectrum-alias-component-icon-color-emphasized-selected-key-focus: var(
2141
- --spectrum-alias-component-icon-color-emphasized-selected-default
2142
- );
2143
- --spectrum-alias-component-icon-color-emphasized-selected: var(
2144
- --spectrum-alias-component-icon-color-emphasized-selected-default
2145
- );
2146
- --spectrum-alias-component-background-color-disabled: var(
2147
- --spectrum-global-color-gray-200
2148
- );
2149
- --spectrum-alias-component-background-color-quiet-disabled: var(
2150
- --spectrum-alias-background-color-transparent
2151
- );
2152
- --spectrum-alias-component-background-color-quiet-selected-disabled: var(
2153
- --spectrum-alias-component-background-color-disabled
2154
- );
2155
- --spectrum-alias-component-background-color-default: var(
2156
- --spectrum-global-color-gray-75
2157
- );
2158
- --spectrum-alias-component-background-color-hover: var(
2159
- --spectrum-global-color-gray-50
2160
- );
2161
- --spectrum-alias-component-background-color-down: var(
2162
- --spectrum-global-color-gray-200
2163
- );
2164
- --spectrum-alias-component-background-color-key-focus: var(
2165
- --spectrum-global-color-gray-50
2166
- );
2167
- --spectrum-alias-component-background-color: var(
2168
- --spectrum-alias-component-background-color-default
2169
- );
2170
- --spectrum-alias-component-background-color-selected-default: var(
2171
- --spectrum-global-color-gray-200
2172
- );
2173
- --spectrum-alias-component-background-color-selected-hover: var(
2174
- --spectrum-global-color-gray-200
2175
- );
2176
- --spectrum-alias-component-background-color-selected-down: var(
2177
- --spectrum-global-color-gray-200
2178
- );
2179
- --spectrum-alias-component-background-color-selected-key-focus: var(
2180
- --spectrum-global-color-gray-200
2181
- );
2182
- --spectrum-alias-component-background-color-selected: var(
2183
- --spectrum-alias-component-background-color-selected-default
2184
- );
2185
- --spectrum-alias-component-background-color-quiet-default: var(
2186
- --spectrum-alias-background-color-transparent
2187
- );
2188
- --spectrum-alias-component-background-color-quiet-hover: var(
2189
- --spectrum-alias-background-color-transparent
2190
- );
2191
- --spectrum-alias-component-background-color-quiet-down: var(
2192
- --spectrum-global-color-gray-300
2193
- );
2194
- --spectrum-alias-component-background-color-quiet-key-focus: var(
2195
- --spectrum-alias-background-color-transparent
2196
- );
2197
- --spectrum-alias-component-background-color-quiet: var(
2198
- --spectrum-alias-component-background-color-quiet-default
2199
- );
2200
- --spectrum-alias-component-background-color-quiet-selected-default: var(
2201
- --spectrum-alias-component-background-color-selected-default
2202
- );
2203
- --spectrum-alias-component-background-color-quiet-selected-hover: var(
2204
- --spectrum-alias-component-background-color-selected-hover
2205
- );
2206
- --spectrum-alias-component-background-color-quiet-selected-down: var(
2207
- --spectrum-alias-component-background-color-selected-down
2208
- );
2209
- --spectrum-alias-component-background-color-quiet-selected-key-focus: var(
2210
- --spectrum-alias-component-background-color-selected-key-focus
2211
- );
2212
- --spectrum-alias-component-background-color-quiet-selected: var(
2213
- --spectrum-alias-component-background-color-selected-default
2214
- );
2215
- --spectrum-alias-component-background-color-emphasized-selected-default: var(
2216
- --spectrum-semantic-cta-background-color-default
2217
- );
2218
- --spectrum-alias-component-background-color-emphasized-selected-hover: var(
2219
- --spectrum-semantic-cta-background-color-hover
2220
- );
2221
- --spectrum-alias-component-background-color-emphasized-selected-down: var(
2222
- --spectrum-semantic-cta-background-color-down
2223
- );
2224
- --spectrum-alias-component-background-color-emphasized-selected-key-focus: var(
2225
- --spectrum-semantic-cta-background-color-key-focus
2226
- );
2227
- --spectrum-alias-component-background-color-emphasized-selected: var(
2228
- --spectrum-alias-component-background-color-emphasized-selected-default
2229
- );
2230
- --spectrum-alias-component-border-color-disabled: var(
2231
- --spectrum-alias-border-color-disabled
2232
- );
2233
- --spectrum-alias-component-border-color-quiet-disabled: var(
2234
- --spectrum-alias-border-color-transparent
2235
- );
2236
- --spectrum-alias-component-border-color-default: var(
2237
- --spectrum-alias-border-color
2238
- );
2239
- --spectrum-alias-component-border-color-hover: var(
2240
- --spectrum-alias-border-color-hover
2241
- );
2242
- --spectrum-alias-component-border-color-down: var(
2243
- --spectrum-alias-border-color-down
2244
- );
2245
- --spectrum-alias-component-border-color-key-focus: var(
2246
- --spectrum-alias-border-color-key-focus
2247
- );
2248
- --spectrum-alias-component-border-color: var(
2249
- --spectrum-alias-component-border-color-default
2250
- );
2251
- --spectrum-alias-component-border-color-selected-default: var(
2252
- --spectrum-alias-border-color
2253
- );
2254
- --spectrum-alias-component-border-color-selected-hover: var(
2255
- --spectrum-alias-border-color-hover
2256
- );
2257
- --spectrum-alias-component-border-color-selected-down: var(
2258
- --spectrum-alias-border-color-down
2259
- );
2260
- --spectrum-alias-component-border-color-selected-key-focus: var(
2261
- --spectrum-alias-border-color-key-focus
2262
- );
2263
- --spectrum-alias-component-border-color-selected: var(
2264
- --spectrum-alias-component-border-color-selected-default
2265
- );
2266
- --spectrum-alias-component-border-color-quiet-default: var(
2267
- --spectrum-alias-border-color-transparent
2268
- );
2269
- --spectrum-alias-component-border-color-quiet-hover: var(
2270
- --spectrum-alias-border-color-transparent
2271
- );
2272
- --spectrum-alias-component-border-color-quiet-down: var(
2273
- --spectrum-alias-border-color-transparent
2274
- );
2275
- --spectrum-alias-component-border-color-quiet-key-focus: var(
2276
- --spectrum-alias-border-color-key-focus
2277
- );
2278
- --spectrum-alias-component-border-color-quiet: var(
2279
- --spectrum-alias-component-border-color-quiet-default
2280
- );
2281
- --spectrum-alias-component-border-color-quiet-selected-default: var(
2282
- --spectrum-global-color-gray-200
2283
- );
2284
- --spectrum-alias-component-border-color-quiet-selected-hover: var(
2285
- --spectrum-global-color-gray-200
2286
- );
2287
- --spectrum-alias-component-border-color-quiet-selected-down: var(
2288
- --spectrum-global-color-gray-200
2289
- );
2290
- --spectrum-alias-component-border-color-quiet-selected-key-focus: var(
2291
- --spectrum-alias-border-color-key-focus
2292
- );
2293
- --spectrum-alias-component-border-color-quiet-selected: var(
2294
- --spectrum-alias-component-border-color-quiet-selected-default
2295
- );
2296
- --spectrum-alias-component-border-color-emphasized-selected-default: var(
2297
- --spectrum-semantic-cta-background-color-default
2298
- );
2299
- --spectrum-alias-component-border-color-emphasized-selected-hover: var(
2300
- --spectrum-semantic-cta-background-color-hover
2301
- );
2302
- --spectrum-alias-component-border-color-emphasized-selected-down: var(
2303
- --spectrum-semantic-cta-background-color-down
2304
- );
2305
- --spectrum-alias-component-border-color-emphasized-selected-key-focus: var(
2306
- --spectrum-semantic-cta-background-color-key-focus
2307
- );
2308
- --spectrum-alias-component-border-color-emphasized-selected: var(
2309
- --spectrum-alias-component-border-color-emphasized-selected-default
2310
- );
2311
- --spectrum-alias-tag-border-color-default: var(
2312
- --spectrum-alias-border-color-darker-default
2313
- );
2314
- --spectrum-alias-tag-border-color-hover: var(
2315
- --spectrum-alias-border-color-darker-hover
2316
- );
2317
- --spectrum-alias-tag-border-color-down: var(
2318
- --spectrum-alias-border-color-darker-hover
2319
- );
2320
- --spectrum-alias-tag-border-color-key-focus: var(
2321
- --spectrum-alias-border-color-key-focus
2322
- );
2323
- --spectrum-alias-tag-border-color-error-default: var(
2324
- --spectrum-semantic-negative-color-default
2325
- );
2326
- --spectrum-alias-tag-border-color-error-hover: var(
2327
- --spectrum-semantic-negative-color-hover
2328
- );
2329
- --spectrum-alias-tag-border-color-error-down: var(
2330
- --spectrum-semantic-negative-color-hover
2331
- );
2332
- --spectrum-alias-tag-border-color-error-key-focus: var(
2333
- --spectrum-alias-border-color-key-focus
2334
- );
2335
- --spectrum-alias-tag-border-color-error-selected: var(
2336
- --spectrum-semantic-negative-color-default
2337
- );
2338
- --spectrum-alias-tag-border-color-selected: var(
2339
- --spectrum-alias-tag-background-color-selected-default
2340
- );
2341
- --spectrum-alias-tag-border-color: var(
2342
- --spectrum-alias-tag-border-color-default
2343
- );
2344
- --spectrum-alias-tag-border-color-disabled: var(
2345
- --spectrum-alias-border-color-disabled
2346
- );
2347
- --spectrum-alias-tag-border-color-error: var(
2348
- --spectrum-alias-tag-border-color-error-default
2349
- );
2350
- --spectrum-alias-tag-text-color-default: var(
2351
- --spectrum-alias-label-text-color
2352
- );
2353
- --spectrum-alias-tag-text-color-hover: var(
2354
- --spectrum-alias-text-color-hover
2355
- );
2356
- --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
2357
- --spectrum-alias-tag-text-color-key-focus: var(
2358
- --spectrum-alias-text-color-hover
2359
- );
2360
- --spectrum-alias-tag-text-color-disabled: var(
2361
- --spectrum-global-color-gray-500
2362
- );
2363
- --spectrum-alias-tag-text-color: var(
2364
- --spectrum-alias-tag-text-color-default
2365
- );
2366
- --spectrum-alias-tag-text-color-error-default: var(
2367
- --spectrum-global-color-red-600
2368
- );
2369
- --spectrum-alias-tag-text-color-error-hover: var(
2370
- --spectrum-global-color-red-700
2371
- );
2372
- --spectrum-alias-tag-text-color-error-down: var(
2373
- --spectrum-global-color-red-700
2374
- );
2375
- --spectrum-alias-tag-text-color-error-key-focus: var(
2376
- --spectrum-global-color-red-700
2377
- );
2378
- --spectrum-alias-tag-text-color-error: var(
2379
- --spectrum-alias-tag-text-color-error-default
2380
- );
2381
- --spectrum-alias-tag-text-color-selected: var(
2382
- --spectrum-global-color-gray-50
2383
- );
2384
- --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
2385
- --spectrum-alias-tag-icon-color-hover: var(
2386
- --spectrum-alias-icon-color-hover
2387
- );
2388
- --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
2389
- --spectrum-alias-tag-icon-color-key-focus: var(
2390
- --spectrum-alias-icon-color-hover
2391
- );
2392
- --spectrum-alias-tag-icon-color-disabled: var(
2393
- --spectrum-alias-icon-color-disabled
2394
- );
2395
- --spectrum-alias-tag-icon-color: var(
2396
- --spectrum-alias-tag-icon-color-default
2397
- );
2398
- --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
2399
- --spectrum-alias-tag-icon-color-selected: var(
2400
- --spectrum-global-color-gray-50
2401
- );
2402
- --spectrum-alias-tag-background-color-disabled: var(
2403
- --spectrum-global-color-gray-200
2404
- );
2405
- --spectrum-alias-tag-background-color-default: var(
2406
- --spectrum-global-color-gray-50
2407
- );
2408
- --spectrum-alias-tag-background-color-hover: var(
2409
- --spectrum-global-color-gray-50
2410
- );
2411
- --spectrum-alias-tag-background-color-down: var(
2412
- --spectrum-global-color-gray-200
2413
- );
2414
- --spectrum-alias-tag-background-color-key-focus: var(
2415
- --spectrum-global-color-gray-50
2416
- );
2417
- --spectrum-alias-tag-background-color: var(
2418
- --spectrum-alias-tag-background-color-default
2419
- );
2420
- --spectrum-alias-tag-background-color-error-default: var(
2421
- --spectrum-global-color-gray-50
2422
- );
2423
- --spectrum-alias-tag-background-color-error-hover: var(
2424
- --spectrum-global-color-gray-50
2425
- );
2426
- --spectrum-alias-tag-background-color-error-down: var(
2427
- --spectrum-global-color-gray-200
2428
- );
2429
- --spectrum-alias-tag-background-color-error-key-focus: var(
2430
- --spectrum-global-color-gray-50
2431
- );
2432
- --spectrum-alias-tag-background-color-error: var(
2433
- --spectrum-alias-tag-background-color-error-default
2434
- );
2435
- --spectrum-alias-tag-background-color-error-selected-default: var(
2436
- --spectrum-semantic-negative-color-default
2437
- );
2438
- --spectrum-alias-tag-background-color-error-selected-hover: var(
2439
- --spectrum-semantic-negative-color-hover
2440
- );
2441
- --spectrum-alias-tag-background-color-error-selected-down: var(
2442
- --spectrum-semantic-negative-color-hover
2443
- );
2444
- --spectrum-alias-tag-background-color-error-selected-key-focus: var(
2445
- --spectrum-global-color-red-600
2446
- );
2447
- --spectrum-alias-tag-background-color-error-selected: var(
2448
- --spectrum-alias-tag-background-color-error-selected-default
2449
- );
2450
- --spectrum-alias-tag-background-color-selected-default: var(
2451
- --spectrum-global-color-gray-700
2452
- );
2453
- --spectrum-alias-tag-background-color-selected-hover: var(
2454
- --spectrum-global-color-gray-800
2455
- );
2456
- --spectrum-alias-tag-background-color-selected-down: var(
2457
- --spectrum-global-color-gray-900
2458
- );
2459
- --spectrum-alias-tag-background-color-selected-key-focus: var(
2460
- --spectrum-global-color-gray-900
2461
- );
2462
- --spectrum-alias-tag-background-color-selected: var(
2463
- --spectrum-alias-tag-background-color-selected-default
2464
- );
2465
- --spectrum-alias-tag-focusring-border-color-default: transparent;
2466
- --spectrum-alias-tag-focusring-border-color-key-focus: transparent;
2467
- --spectrum-alias-tag-focusring-border-color-disabled: transparent;
2468
- --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(
2469
- --spectrum-alias-focus-ring-color
2470
- );
2471
- --spectrum-alias-tag-focusring-border-color: var(
2472
- --spectrum-alias-tag-focusring-border-color-default
2473
- );
2474
- --spectrum-alias-avatar-border-color-default: var(
2475
- --spectrum-alias-background-color-transparent
2476
- );
2477
- --spectrum-alias-avatar-border-color-hover: var(
2478
- --spectrum-alias-background-color-transparent
2479
- );
2480
- --spectrum-alias-avatar-border-color-down: var(
2481
- --spectrum-alias-background-color-transparent
2482
- );
2483
- --spectrum-alias-avatar-border-color-key-focus: var(
2484
- --spectrum-alias-background-color-transparent
2485
- );
2486
- --spectrum-alias-avatar-border-color: var(
2487
- --spectrum-alias-avatar-border-color-default
2488
- );
2489
- --spectrum-alias-avatar-border-color-disabled: var(
2490
- --spectrum-alias-background-color-transparent
2491
- );
2492
- --spectrum-alias-avatar-border-color-selected-default: var(
2493
- --spectrum-alias-background-color-transparent
2494
- );
2495
- --spectrum-alias-avatar-border-color-selected-hover: var(
2496
- --spectrum-alias-background-color-transparent
2497
- );
2498
- --spectrum-alias-avatar-border-color-selected-down: var(
2499
- --spectrum-alias-background-color-transparent
2500
- );
2501
- --spectrum-alias-avatar-border-color-selected-key-focus: var(
2502
- --spectrum-alias-background-color-transparent
2503
- );
2504
- --spectrum-alias-avatar-border-color-selected: var(
2505
- --spectrum-alias-avatar-border-color-selected-default
2506
- );
2507
- --spectrum-alias-avatar-border-color-selected-disabled: var(
2508
- --spectrum-alias-background-color-transparent
2509
- );
2510
- --spectrum-alias-toggle-background-color-default: var(
2511
- --spectrum-global-color-gray-700
2512
- );
2513
- --spectrum-alias-toggle-background-color-hover: var(
2514
- --spectrum-global-color-gray-800
2515
- );
2516
- --spectrum-alias-toggle-background-color-down: var(
2517
- --spectrum-global-color-gray-900
2518
- );
2519
- --spectrum-alias-toggle-background-color-key-focus: var(
2520
- --spectrum-global-color-gray-800
2521
- );
2522
- --spectrum-alias-toggle-background-color: var(
2523
- --spectrum-alias-toggle-background-color-default
2524
- );
2525
- --spectrum-alias-toggle-background-color-emphasized-selected-default: var(
2526
- --spectrum-global-color-blue-500
2527
- );
2528
- --spectrum-alias-toggle-background-color-emphasized-selected-hover: var(
2529
- --spectrum-global-color-blue-600
2530
- );
2531
- --spectrum-alias-toggle-background-color-emphasized-selected-down: var(
2532
- --spectrum-global-color-blue-700
2533
- );
2534
- --spectrum-alias-toggle-background-color-emphasized-selected-key-focus: var(
2535
- --spectrum-global-color-blue-600
2536
- );
2537
- --spectrum-alias-toggle-background-color-emphasized-selected: var(
2538
- --spectrum-alias-toggle-background-color-emphasized-selected-default
2539
- );
2540
- --spectrum-alias-toggle-border-color-default: var(
2541
- --spectrum-global-color-gray-700
2542
- );
2543
- --spectrum-alias-toggle-border-color-hover: var(
2544
- --spectrum-global-color-gray-800
2545
- );
2546
- --spectrum-alias-toggle-border-color-down: var(
2547
- --spectrum-global-color-gray-900
2548
- );
2549
- --spectrum-alias-toggle-border-color-key-focus: var(
2550
- --spectrum-global-color-gray-800
2551
- );
2552
- --spectrum-alias-toggle-border-color: var(
2553
- --spectrum-alias-toggle-border-color-default
2554
- );
2555
- --spectrum-alias-toggle-icon-color-selected: var(
2556
- --spectrum-global-color-gray-75
2557
- );
2558
- --spectrum-alias-toggle-icon-color-emphasized-selected: var(
2559
- --spectrum-global-color-gray-75
2560
- );
2561
- --spectrum-alias-button-primary-background-color-default: var(
2562
- --spectrum-alias-background-color-transparent
2563
- );
2564
- --spectrum-alias-button-primary-background-color-hover: var(
2565
- --spectrum-global-color-gray-800
2566
- );
2567
- --spectrum-alias-button-primary-background-color-down: var(
2568
- --spectrum-global-color-gray-900
2569
- );
2570
- --spectrum-alias-button-primary-background-color-key-focus: var(
2571
- --spectrum-global-color-gray-800
2572
- );
2573
- --spectrum-alias-button-primary-background-color: var(
2574
- --spectrum-alias-button-primary-background-color-default
2575
- );
2576
- --spectrum-alias-button-primary-border-color-default: var(
2577
- --spectrum-global-color-gray-800
2578
- );
2579
- --spectrum-alias-button-primary-border-color-hover: var(
2580
- --spectrum-alias-button-primary-background-color-hover
2581
- );
2582
- --spectrum-alias-button-primary-border-color-down: var(
2583
- --spectrum-alias-button-primary-background-color-down
2584
- );
2585
- --spectrum-alias-button-primary-border-color-key-focus: var(
2586
- --spectrum-alias-button-primary-background-color-key-focus
2587
- );
2588
- --spectrum-alias-button-primary-border-color: var(
2589
- --spectrum-alias-button-primary-border-color-default
2590
- );
2591
- --spectrum-alias-button-primary-text-color-default: var(
2592
- --spectrum-global-color-gray-800
2593
- );
2594
- --spectrum-alias-button-primary-text-color-hover: var(
2595
- --spectrum-global-color-gray-50
2596
- );
2597
- --spectrum-alias-button-primary-text-color-down: var(
2598
- --spectrum-global-color-gray-50
2599
- );
2600
- --spectrum-alias-button-primary-text-color-key-focus: var(
2601
- --spectrum-global-color-gray-50
2602
- );
2603
- --spectrum-alias-button-primary-text-color: var(
2604
- --spectrum-alias-button-primary-text-color-default
2605
- );
2606
- --spectrum-alias-button-primary-icon-color-default: var(
2607
- --spectrum-alias-button-primary-text-color-default
2608
- );
2609
- --spectrum-alias-button-primary-icon-color-hover: var(
2610
- --spectrum-alias-button-primary-text-color-hover
2611
- );
2612
- --spectrum-alias-button-primary-icon-color-down: var(
2613
- --spectrum-alias-button-primary-text-color-down
2614
- );
2615
- --spectrum-alias-button-primary-icon-color-key-focus: var(
2616
- --spectrum-alias-button-primary-text-color-key-focus
2617
- );
2618
- --spectrum-alias-button-primary-icon-color: var(
2619
- --spectrum-alias-button-primary-icon-color-default
2620
- );
2621
- --spectrum-alias-button-secondary-background-color-default: var(
2622
- --spectrum-alias-background-color-transparent
2623
- );
2624
- --spectrum-alias-button-secondary-background-color-hover: var(
2625
- --spectrum-global-color-gray-700
2626
- );
2627
- --spectrum-alias-button-secondary-background-color-down: var(
2628
- --spectrum-global-color-gray-800
2629
- );
2630
- --spectrum-alias-button-secondary-background-color-key-focus: var(
2631
- --spectrum-global-color-gray-700
2632
- );
2633
- --spectrum-alias-button-secondary-background-color: var(
2634
- --spectrum-alias-button-secondary-background-color-default
2635
- );
2636
- --spectrum-alias-button-secondary-border-color-default: var(
2637
- --spectrum-global-color-gray-700
2638
- );
2639
- --spectrum-alias-button-secondary-border-color-hover: var(
2640
- --spectrum-alias-button-secondary-background-color-hover
2641
- );
2642
- --spectrum-alias-button-secondary-border-color-down: var(
2643
- --spectrum-alias-button-secondary-background-color-down
2644
- );
2645
- --spectrum-alias-button-secondary-border-color-key-focus: var(
2646
- --spectrum-alias-button-secondary-background-color-key-focus
2647
- );
2648
- --spectrum-alias-button-secondary-border-color: var(
2649
- --spectrum-alias-button-secondary-border-color-default
2650
- );
2651
- --spectrum-alias-button-secondary-text-color-default: var(
2652
- --spectrum-global-color-gray-700
2653
- );
2654
- --spectrum-alias-button-secondary-text-color-hover: var(
2655
- --spectrum-global-color-gray-50
2656
- );
2657
- --spectrum-alias-button-secondary-text-color-down: var(
2658
- --spectrum-global-color-gray-50
2659
- );
2660
- --spectrum-alias-button-secondary-text-color-key-focus: var(
2661
- --spectrum-global-color-gray-50
2662
- );
2663
- --spectrum-alias-button-secondary-text-color: var(
2664
- --spectrum-alias-button-secondary-text-color-default
2665
- );
2666
- --spectrum-alias-button-secondary-icon-color-default: var(
2667
- --spectrum-alias-button-secondary-text-color-default
2668
- );
2669
- --spectrum-alias-button-secondary-icon-color-hover: var(
2670
- --spectrum-alias-button-secondary-text-color-hover
2671
- );
2672
- --spectrum-alias-button-secondary-icon-color-down: var(
2673
- --spectrum-alias-button-secondary-text-color-down
2674
- );
2675
- --spectrum-alias-button-secondary-icon-color-key-focus: var(
2676
- --spectrum-alias-button-secondary-text-color-key-focus
2677
- );
2678
- --spectrum-alias-button-secondary-icon-color: var(
2679
- --spectrum-alias-button-secondary-icon-color-default
2680
- );
2681
- --spectrum-alias-button-negative-background-color-default: var(
2682
- --spectrum-alias-background-color-transparent
2683
- );
2684
- --spectrum-alias-button-negative-background-color-hover: var(
2685
- --spectrum-semantic-negative-text-color-small
2686
- );
2687
- --spectrum-alias-button-negative-background-color-down: var(
2688
- --spectrum-global-color-red-700
2689
- );
2690
- --spectrum-alias-button-negative-background-color-key-focus: var(
2691
- --spectrum-semantic-negative-text-color-small
2692
- );
2693
- --spectrum-alias-button-negative-background-color: var(
2694
- --spectrum-alias-button-negative-background-color-default
2695
- );
2696
- --spectrum-alias-button-negative-border-color-default: var(
2697
- --spectrum-semantic-negative-text-color-small
2698
- );
2699
- --spectrum-alias-button-negative-border-color-hover: var(
2700
- --spectrum-semantic-negative-text-color-small
2701
- );
2702
- --spectrum-alias-button-negative-border-color-down: var(
2703
- --spectrum-global-color-red-700
2704
- );
2705
- --spectrum-alias-button-negative-border-color-key-focus: var(
2706
- --spectrum-semantic-negative-text-color-small
2707
- );
2708
- --spectrum-alias-button-negative-border-color: var(
2709
- --spectrum-alias-button-negative-border-color-default
2710
- );
2711
- --spectrum-alias-button-negative-text-color-default: var(
2712
- --spectrum-semantic-negative-text-color-small
2713
- );
2714
- --spectrum-alias-button-negative-text-color-hover: var(
2715
- --spectrum-global-color-gray-50
2716
- );
2717
- --spectrum-alias-button-negative-text-color-down: var(
2718
- --spectrum-global-color-gray-50
2719
- );
2720
- --spectrum-alias-button-negative-text-color-key-focus: var(
2721
- --spectrum-global-color-gray-50
2722
- );
2723
- --spectrum-alias-button-negative-text-color: var(
2724
- --spectrum-alias-button-negative-text-color-default
2725
- );
2726
- --spectrum-alias-button-negative-icon-color-default: var(
2727
- --spectrum-alias-button-negative-text-color-default
2728
- );
2729
- --spectrum-alias-button-negative-icon-color-hover: var(
2730
- --spectrum-alias-button-negative-text-color-hover
2731
- );
2732
- --spectrum-alias-button-negative-icon-color-down: var(
2733
- --spectrum-alias-button-negative-text-color-down
2734
- );
2735
- --spectrum-alias-button-negative-icon-color-key-focus: var(
2736
- --spectrum-alias-button-negative-text-color-key-focus
2737
- );
2738
- --spectrum-alias-button-negative-icon-color: var(
2739
- --spectrum-alias-button-negative-icon-color-default
2740
- );
2741
- --spectrum-alias-input-border-color-disabled: var(
2742
- --spectrum-alias-border-color-transparent
2743
- );
2744
- --spectrum-alias-input-border-color-quiet-disabled: var(
2745
- --spectrum-alias-border-color-mid
2746
- );
2747
- --spectrum-alias-input-border-color-default: var(
2748
- --spectrum-alias-border-color
2749
- );
2750
- --spectrum-alias-input-border-color-hover: var(
2751
- --spectrum-alias-border-color-hover
2752
- );
2753
- --spectrum-alias-input-border-color-down: var(
2754
- --spectrum-alias-border-color-mouse-focus
2755
- );
2756
- --spectrum-alias-input-border-color-mouse-focus: var(
2757
- --spectrum-alias-border-color-mouse-focus
2758
- );
2759
- --spectrum-alias-input-border-color-key-focus: var(
2760
- --spectrum-alias-border-color-key-focus
2761
- );
2762
- --spectrum-alias-input-border-color: var(
2763
- --spectrum-alias-input-border-color-default
2764
- );
2765
- --spectrum-alias-input-border-color-invalid-default: var(
2766
- --spectrum-semantic-negative-color-default
2767
- );
2768
- --spectrum-alias-input-border-color-invalid-hover: var(
2769
- --spectrum-semantic-negative-color-hover
2770
- );
2771
- --spectrum-alias-input-border-color-invalid-down: var(
2772
- --spectrum-semantic-negative-color-down
2773
- );
2774
- --spectrum-alias-input-border-color-invalid-mouse-focus: var(
2775
- --spectrum-semantic-negative-color-hover
2776
- );
2777
- --spectrum-alias-input-border-color-invalid-key-focus: var(
2778
- --spectrum-alias-border-color-key-focus
2779
- );
2780
- --spectrum-alias-input-border-color-invalid: var(
2781
- --spectrum-alias-input-border-color-invalid-default
2782
- );
2783
- --spectrum-alias-background-color-yellow-default: var(
2784
- --spectrum-global-color-static-yellow-300
2785
- );
2786
- --spectrum-alias-background-color-yellow-hover: var(
2787
- --spectrum-global-color-static-yellow-400
2788
- );
2789
- --spectrum-alias-background-color-yellow-key-focus: var(
2790
- --spectrum-global-color-static-yellow-400
2791
- );
2792
- --spectrum-alias-background-color-yellow-down: var(
2793
- --spectrum-global-color-static-yellow-500
2794
- );
2795
- --spectrum-alias-background-color-yellow: var(
2796
- --spectrum-alias-background-color-yellow-default
2797
- );
2798
- --spectrum-alias-infieldbutton-background-color: var(
2799
- --spectrum-global-color-gray-200
2800
- );
2801
- --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent;
2802
- --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent;
2803
- --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(
2804
- --spectrum-alias-component-background-color-disabled
2805
- );
2806
- --spectrum-alias-infieldbutton-fill-border-color-default: var(
2807
- --spectrum-alias-input-border-color-default
2808
- );
2809
- --spectrum-alias-infieldbutton-fill-border-color-hover: var(
2810
- --spectrum-alias-input-border-color-hover
2811
- );
2812
- --spectrum-alias-infieldbutton-fill-border-color-down: var(
2813
- --spectrum-alias-input-border-color-down
2814
- );
2815
- --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: var(
2816
- --spectrum-alias-input-border-color-mouse-focus
2817
- );
2818
- --spectrum-alias-infieldbutton-fill-border-color-key-focus: var(
2819
- --spectrum-alias-input-border-color-key-focus
2820
- );
2821
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent;
2822
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: transparent;
2823
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: transparent;
2824
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: transparent;
2825
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent;
2826
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(
2827
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
2828
- );
2829
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(
2830
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
2831
- );
2832
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(
2833
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
2834
- );
2835
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(
2836
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
2837
- );
2838
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent;
2839
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(
2840
- --spectrum-alias-component-background-color-default
2841
- );
2842
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(
2843
- --spectrum-alias-component-background-color-hover
2844
- );
2845
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(
2846
- --spectrum-alias-component-background-color-down
2847
- );
2848
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(
2849
- --spectrum-alias-component-background-color-key-focus
2850
- );
2851
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(
2852
- --spectrum-alias-component-background-color-disabled
2853
- );
2854
- --spectrum-alias-tabs-divider-background-color-default: var(
2855
- --spectrum-global-color-gray-300
2856
- );
2857
- --spectrum-alias-tabs-divider-background-color-quiet: var(
2858
- --spectrum-alias-background-color-transparent
2859
- );
2860
- --spectrum-alias-tabitem-text-color-default: var(
2861
- --spectrum-alias-label-text-color
2862
- );
2863
- --spectrum-alias-tabitem-text-color-hover: var(
2864
- --spectrum-alias-text-color-hover
2865
- );
2866
- --spectrum-alias-tabitem-text-color-down: var(
2867
- --spectrum-alias-text-color-down
2868
- );
2869
- --spectrum-alias-tabitem-text-color-key-focus: var(
2870
- --spectrum-alias-text-color-hover
2871
- );
2872
- --spectrum-alias-tabitem-text-color-mouse-focus: var(
2873
- --spectrum-alias-text-color-hover
2874
- );
2875
- --spectrum-alias-tabitem-text-color: var(
2876
- --spectrum-alias-tabitem-text-color-default
2877
- );
2878
- --spectrum-alias-tabitem-text-color-selected-default: var(
2879
- --spectrum-global-color-gray-900
2880
- );
2881
- --spectrum-alias-tabitem-text-color-selected-hover: var(
2882
- --spectrum-alias-tabitem-text-color-selected-default
2883
- );
2884
- --spectrum-alias-tabitem-text-color-selected-down: var(
2885
- --spectrum-alias-tabitem-text-color-selected-default
2886
- );
2887
- --spectrum-alias-tabitem-text-color-selected-key-focus: var(
2888
- --spectrum-alias-tabitem-text-color-selected-default
2889
- );
2890
- --spectrum-alias-tabitem-text-color-selected-mouse-focus: var(
2891
- --spectrum-alias-tabitem-text-color-selected-default
2892
- );
2893
- --spectrum-alias-tabitem-text-color-selected: var(
2894
- --spectrum-alias-tabitem-text-color-selected-default
2895
- );
2896
- --spectrum-alias-tabitem-text-color-emphasized: var(
2897
- --spectrum-alias-tabitem-text-color-default
2898
- );
2899
- --spectrum-alias-tabitem-text-color-emphasized-selected-default: var(
2900
- --spectrum-global-color-static-blue-500
2901
- );
2902
- --spectrum-alias-tabitem-text-color-emphasized-selected-hover: var(
2903
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2904
- );
2905
- --spectrum-alias-tabitem-text-color-emphasized-selected-down: var(
2906
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2907
- );
2908
- --spectrum-alias-tabitem-text-color-emphasized-selected-key-focus: var(
2909
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2910
- );
2911
- --spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus: var(
2912
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2913
- );
2914
- --spectrum-alias-tabitem-text-color-emphasized-selected: var(
2915
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2916
- );
2917
- --spectrum-alias-tabitem-selection-indicator-color-default: var(
2918
- --spectrum-alias-tabitem-text-color-selected-default
2919
- );
2920
- --spectrum-alias-tabitem-selection-indicator-color-emphasized: var(
2921
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2922
- );
2923
- --spectrum-alias-tabitem-icon-color-disabled: var(
2924
- --spectrum-alias-text-color-disabled
2925
- );
2926
- --spectrum-alias-tabitem-icon-color-default: var(
2927
- --spectrum-alias-icon-color
2928
- );
2929
- --spectrum-alias-tabitem-icon-color-hover: var(
2930
- --spectrum-alias-icon-color-hover
2931
- );
2932
- --spectrum-alias-tabitem-icon-color-down: var(
2933
- --spectrum-alias-icon-color-down
2934
- );
2935
- --spectrum-alias-tabitem-icon-color-key-focus: var(
2936
- --spectrum-alias-icon-color-hover
2937
- );
2938
- --spectrum-alias-tabitem-icon-color-mouse-focus: var(
2939
- --spectrum-alias-icon-color-down
2940
- );
2941
- --spectrum-alias-tabitem-icon-color: var(
2942
- --spectrum-alias-tabitem-icon-color-default
2943
- );
2944
- --spectrum-alias-tabitem-icon-color-selected: var(
2945
- --spectrum-alias-icon-color-selected-neutral
2946
- );
2947
- --spectrum-alias-tabitem-icon-color-emphasized: var(
2948
- --spectrum-alias-tabitem-text-color-default
2949
- );
2950
- --spectrum-alias-tabitem-icon-color-emphasized-selected: var(
2951
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2952
- );
2953
- --spectrum-alias-assetcard-selectionindicator-background-color-ordered: var(
2954
- --spectrum-global-color-blue-500
2955
- );
2956
- --spectrum-alias-assetcard-overlay-background-color: rgba(
2957
- 27,
2958
- 127,
2959
- 245,
2960
- 0.1
2961
- );
2962
- --spectrum-alias-assetcard-border-color-selected: var(
2963
- --spectrum-global-color-blue-500
2964
- );
2965
- --spectrum-alias-assetcard-border-color-selected-hover: var(
2966
- --spectrum-global-color-blue-500
2967
- );
2968
- --spectrum-alias-assetcard-border-color-selected-down: var(
2969
- --spectrum-global-color-blue-600
2970
- );
2971
- --spectrum-alias-background-color-default: var(
2972
- --spectrum-global-color-gray-100
2973
- );
2974
- --spectrum-alias-background-color-disabled: var(
2975
- --spectrum-global-color-gray-200
2976
- );
2977
- --spectrum-alias-background-color-transparent: transparent;
2978
- --spectrum-alias-background-color-overbackground-down: hsla(
2979
- 0,
2980
- 0%,
2981
- 100%,
2982
- 0.2
2983
- );
2984
- --spectrum-alias-background-color-quiet-overbackground-hover: hsla(
2985
- 0,
2986
- 0%,
2987
- 100%,
2988
- 0.1
2989
- );
2990
- --spectrum-alias-background-color-quiet-overbackground-down: hsla(
2991
- 0,
2992
- 0%,
2993
- 100%,
2994
- 0.2
2995
- );
2996
- --spectrum-alias-background-color-overbackground-disabled: hsla(
2997
- 0,
2998
- 0%,
2999
- 100%,
3000
- 0.1
3001
- );
3002
- --spectrum-alias-background-color-quickactions-overlay: rgba(0, 0, 0, 0.2);
3003
- --spectrum-alias-placeholder-text-color: var(
3004
- --spectrum-global-color-gray-800
3005
- );
3006
- --spectrum-alias-placeholder-text-color-hover: var(
3007
- --spectrum-global-color-gray-900
3008
- );
3009
- --spectrum-alias-placeholder-text-color-down: var(
3010
- --spectrum-global-color-gray-900
3011
- );
3012
- --spectrum-alias-placeholder-text-color-selected: var(
3013
- --spectrum-global-color-gray-800
3014
- );
3015
- --spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
3016
- --spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
3017
- --spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
3018
- --spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
3019
- --spectrum-alias-text-color-key-focus: var(
3020
- --spectrum-global-color-blue-600
3021
- );
3022
- --spectrum-alias-text-color-mouse-focus: var(
3023
- --spectrum-global-color-blue-600
3024
- );
3025
- --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
3026
- --spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
3027
- --spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
3028
- --spectrum-alias-text-color-selected-neutral: var(
3029
- --spectrum-global-color-gray-900
3030
- );
3031
- --spectrum-alias-text-color-overbackground: var(
3032
- --spectrum-global-color-static-white
3033
- );
3034
- --spectrum-alias-text-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
3035
- --spectrum-alias-text-color-quiet-overbackground-disabled: hsla(
3036
- 0,
3037
- 0%,
3038
- 100%,
3039
- 0.2
3040
- );
3041
- --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
3042
- --spectrum-alias-link-primary-text-color-default: var(
3043
- --spectrum-global-color-blue-600
3044
- );
3045
- --spectrum-alias-link-primary-text-color-hover: var(
3046
- --spectrum-global-color-blue-600
3047
- );
3048
- --spectrum-alias-link-primary-text-color-down: var(
3049
- --spectrum-global-color-blue-700
3050
- );
3051
- --spectrum-alias-link-primary-text-color-key-focus: var(
3052
- --spectrum-alias-text-color-key-focus
3053
- );
3054
- --spectrum-alias-link-primary-text-color: var(
3055
- --spectrum-alias-link-primary-text-color-default
3056
- );
3057
- --spectrum-alias-link-secondary-text-color-default: var(
3058
- --spectrum-alias-link-primary-text-color-default
3059
- );
3060
- --spectrum-alias-link-secondary-text-color-hover: var(
3061
- --spectrum-alias-link-primary-text-color-hover
3062
- );
3063
- --spectrum-alias-link-secondary-text-color-down: var(
3064
- --spectrum-alias-link-primary-text-color-down
3065
- );
3066
- --spectrum-alias-link-secondary-text-color-key-focus: var(
3067
- --spectrum-alias-link-primary-text-color-key-focus
3068
- );
3069
- --spectrum-alias-link-secondary-text-color: var(
3070
- --spectrum-alias-link-secondary-text-color-default
3071
- );
3072
- --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
3073
- --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
3074
- --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);
3075
- --spectrum-alias-border-color-key-focus: var(
3076
- --spectrum-global-color-blue-400
3077
- );
3078
- --spectrum-alias-border-color-mouse-focus: var(
3079
- --spectrum-global-color-blue-500
3080
- );
3081
- --spectrum-alias-border-color-disabled: var(
3082
- --spectrum-global-color-gray-200
3083
- );
3084
- --spectrum-alias-border-color-extralight: var(
3085
- --spectrum-global-color-gray-100
3086
- );
3087
- --spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
3088
- --spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
3089
- --spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
3090
- --spectrum-alias-border-color-darker-default: var(
3091
- --spectrum-global-color-gray-600
3092
- );
3093
- --spectrum-alias-border-color-darker-hover: var(
3094
- --spectrum-global-color-gray-900
3095
- );
3096
- --spectrum-alias-border-color-darker-down: var(
3097
- --spectrum-global-color-gray-900
3098
- );
3099
- --spectrum-alias-border-color-transparent: transparent;
3100
- --spectrum-alias-border-color-translucent-dark: rgba(0, 0, 0, 0.05);
3101
- --spectrum-alias-border-color-translucent-darker: rgba(0, 0, 0, 0.1);
3102
- --spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
3103
- --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color);
3104
- --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
3105
- --spectrum-alias-track-fill-color-overbackground: var(
3106
- --spectrum-global-color-static-white
3107
- );
3108
- --spectrum-alias-track-color-disabled: var(
3109
- --spectrum-global-color-gray-300
3110
- );
3111
- --spectrum-alias-thumbnail-darksquare-background-color: var(
3112
- --spectrum-global-color-gray-300
3113
- );
3114
- --spectrum-alias-thumbnail-lightsquare-background-color: var(
3115
- --spectrum-global-color-static-white
3116
- );
3117
- --spectrum-alias-track-color-overbackground: hsla(0, 0%, 100%, 0.2);
3118
- --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
3119
- --spectrum-alias-icon-color-overbackground: var(
3120
- --spectrum-global-color-static-white
3121
- );
3122
- --spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
3123
- --spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
3124
- --spectrum-alias-icon-color-key-focus: var(
3125
- --spectrum-global-color-gray-900
3126
- );
3127
- --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
3128
- --spectrum-alias-icon-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
3129
- --spectrum-alias-icon-color-quiet-overbackground-disabled: hsla(
3130
- 0,
3131
- 0%,
3132
- 100%,
3133
- 0.15
3134
- );
3135
- --spectrum-alias-icon-color-selected-neutral: var(
3136
- --spectrum-global-color-gray-900
3137
- );
3138
- --spectrum-alias-icon-color-selected-neutral-subdued: var(
3139
- --spectrum-global-color-gray-800
3140
- );
3141
- --spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
3142
- --spectrum-alias-icon-color-selected-hover: var(
3143
- --spectrum-global-color-blue-600
3144
- );
3145
- --spectrum-alias-icon-color-selected-down: var(
3146
- --spectrum-global-color-blue-700
3147
- );
3148
- --spectrum-alias-icon-color-selected-focus: var(
3149
- --spectrum-global-color-blue-600
3150
- );
3151
- --spectrum-alias-image-opacity-disabled: var(
3152
- --spectrum-global-color-opacity-30
3153
- );
3154
- --spectrum-alias-toolbar-background-color: var(
3155
- --spectrum-global-color-gray-100
3156
- );
3157
- --spectrum-alias-code-highlight-color-default: var(
3158
- --spectrum-global-color-gray-800
3159
- );
3160
- --spectrum-alias-code-highlight-background-color: var(
3161
- --spectrum-global-color-gray-75
3162
- );
3163
- --spectrum-alias-code-highlight-color-keyword: var(
3164
- --spectrum-global-color-fuchsia-600
3165
- );
3166
- --spectrum-alias-code-highlight-color-section: var(
3167
- --spectrum-global-color-red-600
3168
- );
3169
- --spectrum-alias-code-highlight-color-literal: var(
3170
- --spectrum-global-color-blue-600
3171
- );
3172
- --spectrum-alias-code-highlight-color-attribute: var(
3173
- --spectrum-global-color-seafoam-600
3174
- );
3175
- --spectrum-alias-code-highlight-color-class: var(
3176
- --spectrum-global-color-magenta-600
3177
- );
3178
- --spectrum-alias-code-highlight-color-variable: var(
3179
- --spectrum-global-color-purple-600
3180
- );
3181
- --spectrum-alias-code-highlight-color-title: var(
3182
- --spectrum-global-color-indigo-600
3183
- );
3184
- --spectrum-alias-code-highlight-color-string: var(
3185
- --spectrum-global-color-fuchsia-600
3186
- );
3187
- --spectrum-alias-code-highlight-color-function: var(
3188
- --spectrum-global-color-blue-600
3189
- );
3190
- --spectrum-alias-code-highlight-color-comment: var(
3191
- --spectrum-global-color-gray-700
3192
- );
3193
- --spectrum-alias-categorical-color-1: var(
3194
- --spectrum-global-color-static-seafoam-200
3195
- );
3196
- --spectrum-alias-categorical-color-2: var(
3197
- --spectrum-global-color-static-indigo-700
3198
- );
3199
- --spectrum-alias-categorical-color-3: var(
3200
- --spectrum-global-color-static-orange-500
3201
- );
3202
- --spectrum-alias-categorical-color-4: var(
3203
- --spectrum-global-color-static-magenta-500
3204
- );
3205
- --spectrum-alias-categorical-color-5: var(
3206
- --spectrum-global-color-static-indigo-200
3207
- );
3208
- --spectrum-alias-categorical-color-6: var(
3209
- --spectrum-global-color-static-celery-200
3210
- );
3211
- --spectrum-alias-categorical-color-7: var(
3212
- --spectrum-global-color-static-blue-500
3213
- );
3214
- --spectrum-alias-categorical-color-8: var(
3215
- --spectrum-global-color-static-purple-800
3216
- );
3217
- --spectrum-alias-categorical-color-9: var(
3218
- --spectrum-global-color-static-yellow-500
3219
- );
3220
- --spectrum-alias-categorical-color-10: var(
3221
- --spectrum-global-color-static-orange-700
3222
- );
3223
- --spectrum-alias-categorical-color-11: var(
3224
- --spectrum-global-color-static-green-600
3225
- );
3226
- --spectrum-alias-categorical-color-12: var(
3227
- --spectrum-global-color-static-chartreuse-300
3228
- );
3229
- --spectrum-alias-categorical-color-13: var(
3230
- --spectrum-global-color-static-blue-200
3231
- );
3232
- --spectrum-alias-categorical-color-14: var(
3233
- --spectrum-global-color-static-fuchsia-500
3234
- );
3235
- --spectrum-alias-categorical-color-15: var(
3236
- --spectrum-global-color-static-magenta-200
3237
- );
3238
- --spectrum-alias-categorical-color-16: var(
3239
- --spectrum-global-color-static-yellow-200
3240
- );
3241
- }
3242
14
  :host,
3243
15
  :root {
3244
- --spectrum-colorloupe-express-visibility: none;
3245
- --spectrum-colorloupe-spectrum-visibility: block;
3246
- --spectrum-colorloupe-outer-border-color: transparent;
3247
- --spectrum-colorloupe-outer-border-size: 0;
3248
- --spectrum-colorloupe-outer-stroke-color: var(
3249
- --spectrum-global-color-static-transparent-black-200
3250
- );
3251
- --spectrum-colorloupe-outer-stroke-width: var(
3252
- --spectrum-alias-border-size-thick
3253
- );
3254
- --spectrum-colorhandle-background-offset: calc(
3255
- var(--spectrum-global-dimension-static-size-25) * -1
3256
- );
3257
- --spectrum-colorhandle-inner-shadow-color: var(
3258
- --spectrum-colorhandle-outer-shadow-color
3259
- );
3260
- --spectrum-colorhandle-outer-shadow-color: rgba(0, 0, 0, 0.42);
3261
- --spectrum-colorhandle-outer-shadow-blur: 0;
3262
- --spectrum-colorhandle-outer-shadow-spread: var(
3263
- --spectrum-alias-border-size-thin
3264
- );
3265
- --spectrum-colorcontrol-checkerboard-light-color: var(
3266
- --spectrum-global-color-static-white
3267
- );
3268
- --spectrum-colorcontrol-checkerboard-dark-color: var(
3269
- --spectrum-global-color-static-gray-300
3270
- );
3271
- --spectrum-slider-m-track-inside-border-radius: var(
3272
- --spectrum-slider-m-track-border-radius
3273
- );
3274
- --spectrum-slider-label-text-size: var(
3275
- --spectrum-global-dimension-font-size-75
3276
- );
16
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3277
17
  }