@spectrum-web-components/styles 0.20.0 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +15 -15
  2. package/core-global.css +3 -3263
  3. package/express/core-global.css +3 -3283
  4. package/express/spectrum-core-global.css +3267 -0
  5. package/express/spectrum-scale-large.css +0 -6
  6. package/express/spectrum-scale-medium.css +0 -6
  7. package/fonts.css +2 -34
  8. package/package.json +4 -4
  9. package/spectrum-core-global.css +3247 -0
  10. package/spectrum-scale-large.css +0 -6
  11. package/spectrum-scale-medium.css +0 -6
  12. package/src/spectrum-base.css +1 -0
  13. package/src/spectrum-body.css +25 -0
  14. package/src/spectrum-code.css +18 -0
  15. package/src/spectrum-detail.css +33 -0
  16. package/src/spectrum-heading.css +46 -0
  17. package/src/spectrum-lang.css +121 -0
  18. package/src/spectrum-typography.css +14 -0
  19. package/tokens/express/custom-large-vars.css +2 -3
  20. package/tokens/express/custom-medium-vars.css +2 -3
  21. package/tokens/express/custom-vars.css +2 -3
  22. package/tokens/express/global-vars.css +6 -4
  23. package/tokens/express/large-vars.css +24 -0
  24. package/tokens/express/medium-vars.css +24 -0
  25. package/tokens/global-vars.css +39 -7
  26. package/tokens/large-vars.css +71 -6
  27. package/tokens/light-vars.css +2 -2
  28. package/tokens/medium-vars.css +71 -6
  29. package/tokens/spectrum/custom-large-vars.css +6 -7
  30. package/tokens/spectrum/custom-medium-vars.css +6 -7
  31. package/tokens/spectrum/custom-vars.css +23 -28
  32. package/tokens/spectrum/global-vars.css +6 -4
  33. package/tokens/spectrum/large-vars.css +24 -0
  34. package/tokens/spectrum/medium-vars.css +24 -0
package/express/core-global.css CHANGED
@@ -1,3297 +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-cta-background-color-default: var(
468
- --spectrum-global-color-static-indigo-600
469
- );
470
- --spectrum-semantic-cta-background-color-hover: var(
471
- --spectrum-global-color-static-indigo-700
472
- );
473
- --spectrum-semantic-cta-background-color-down: var(
474
- --spectrum-global-color-static-indigo-800
475
- );
476
- --spectrum-semantic-cta-background-color-key-focus: var(
477
- --spectrum-global-color-static-indigo-700
478
- );
479
- --spectrum-semantic-emphasized-border-color-default: var(
480
- --spectrum-global-color-indigo-500
481
- );
482
- --spectrum-semantic-emphasized-border-color-hover: var(
483
- --spectrum-global-color-indigo-600
484
- );
485
- --spectrum-semantic-emphasized-border-color-down: var(
486
- --spectrum-global-color-indigo-700
487
- );
488
- --spectrum-semantic-emphasized-border-color-key-focus: var(
489
- --spectrum-global-color-indigo-600
490
- );
491
- --spectrum-semantic-neutral-background-color-default: var(
492
- --spectrum-global-color-static-gray-800
493
- );
494
- --spectrum-semantic-negative-background-color: var(
495
- --spectrum-global-color-static-red-600
496
- );
497
- --spectrum-semantic-negative-color-default: var(
498
- --spectrum-global-color-red-500
499
- );
500
- --spectrum-semantic-negative-color-hover: var(
501
- --spectrum-global-color-red-600
502
- );
503
- --spectrum-semantic-negative-color-dark: var(
504
- --spectrum-global-color-red-600
505
- );
506
- --spectrum-semantic-negative-border-color: var(
507
- --spectrum-global-color-red-400
508
- );
509
- --spectrum-semantic-negative-icon-color: var(
510
- --spectrum-global-color-red-600
511
- );
512
- --spectrum-semantic-negative-status-color: var(
513
- --spectrum-global-color-red-400
514
- );
515
- --spectrum-semantic-negative-text-color-large: var(
516
- --spectrum-global-color-red-500
517
- );
518
- --spectrum-semantic-negative-text-color-small: var(
519
- --spectrum-global-color-red-600
520
- );
521
- --spectrum-semantic-negative-text-color-small-hover: var(
522
- --spectrum-global-color-red-700
523
- );
524
- --spectrum-semantic-negative-text-color-small-down: var(
525
- --spectrum-global-color-red-700
526
- );
527
- --spectrum-semantic-negative-text-color-small-key-focus: var(
528
- --spectrum-global-color-red-600
529
- );
530
- --spectrum-semantic-negative-color-down: var(
531
- --spectrum-global-color-red-700
532
- );
533
- --spectrum-semantic-negative-color-key-focus: var(
534
- --spectrum-global-color-red-400
535
- );
536
- --spectrum-semantic-negative-background-color-default: var(
537
- --spectrum-global-color-static-red-600
538
- );
539
- --spectrum-semantic-negative-background-color-hover: var(
540
- --spectrum-global-color-static-red-700
541
- );
542
- --spectrum-semantic-negative-background-color-down: var(
543
- --spectrum-global-color-static-red-800
544
- );
545
- --spectrum-semantic-negative-background-color-key-focus: var(
546
- --spectrum-global-color-static-red-700
547
- );
548
- --spectrum-semantic-notice-background-color: var(
549
- --spectrum-global-color-static-orange-600
550
- );
551
- --spectrum-semantic-notice-color-default: var(
552
- --spectrum-global-color-orange-500
553
- );
554
- --spectrum-semantic-notice-color-dark: var(
555
- --spectrum-global-color-orange-600
556
- );
557
- --spectrum-semantic-notice-border-color: var(
558
- --spectrum-global-color-orange-400
559
- );
560
- --spectrum-semantic-notice-icon-color: var(
561
- --spectrum-global-color-orange-600
562
- );
563
- --spectrum-semantic-notice-status-color: var(
564
- --spectrum-global-color-orange-400
565
- );
566
- --spectrum-semantic-notice-text-color-large: var(
567
- --spectrum-global-color-orange-500
568
- );
569
- --spectrum-semantic-notice-text-color-small: var(
570
- --spectrum-global-color-orange-600
571
- );
572
- --spectrum-semantic-notice-color-down: var(
573
- --spectrum-global-color-orange-700
574
- );
575
- --spectrum-semantic-notice-color-key-focus: var(
576
- --spectrum-global-color-orange-400
577
- );
578
- --spectrum-semantic-notice-background-color-default: var(
579
- --spectrum-global-color-static-orange-600
580
- );
581
- --spectrum-semantic-notice-background-color-hover: var(
582
- --spectrum-global-color-static-orange-700
583
- );
584
- --spectrum-semantic-notice-background-color-down: var(
585
- --spectrum-global-color-static-orange-800
586
- );
587
- --spectrum-semantic-notice-background-color-key-focus: var(
588
- --spectrum-global-color-static-orange-700
589
- );
590
- --spectrum-semantic-positive-background-color: var(
591
- --spectrum-global-color-static-green-600
592
- );
593
- --spectrum-semantic-positive-color-default: var(
594
- --spectrum-global-color-green-500
595
- );
596
- --spectrum-semantic-positive-color-dark: var(
597
- --spectrum-global-color-green-600
598
- );
599
- --spectrum-semantic-positive-border-color: var(
600
- --spectrum-global-color-green-400
601
- );
602
- --spectrum-semantic-positive-icon-color: var(
603
- --spectrum-global-color-green-600
604
- );
605
- --spectrum-semantic-positive-status-color: var(
606
- --spectrum-global-color-green-400
607
- );
608
- --spectrum-semantic-positive-text-color-large: var(
609
- --spectrum-global-color-green-500
610
- );
611
- --spectrum-semantic-positive-text-color-small: var(
612
- --spectrum-global-color-green-600
613
- );
614
- --spectrum-semantic-positive-color-down: var(
615
- --spectrum-global-color-green-700
616
- );
617
- --spectrum-semantic-positive-color-key-focus: var(
618
- --spectrum-global-color-green-400
619
- );
620
- --spectrum-semantic-positive-background-color-default: var(
621
- --spectrum-global-color-static-green-600
622
- );
623
- --spectrum-semantic-positive-background-color-hover: var(
624
- --spectrum-global-color-static-green-700
625
- );
626
- --spectrum-semantic-positive-background-color-down: var(
627
- --spectrum-global-color-static-green-800
628
- );
629
- --spectrum-semantic-positive-background-color-key-focus: var(
630
- --spectrum-global-color-static-green-700
631
- );
632
- --spectrum-semantic-informative-background-color: var(
633
- --spectrum-global-color-static-blue-600
634
- );
635
- --spectrum-semantic-informative-color-default: var(
636
- --spectrum-global-color-blue-500
637
- );
638
- --spectrum-semantic-informative-color-dark: var(
639
- --spectrum-global-color-blue-600
640
- );
641
- --spectrum-semantic-informative-border-color: var(
642
- --spectrum-global-color-blue-400
643
- );
644
- --spectrum-semantic-informative-icon-color: var(
645
- --spectrum-global-color-blue-600
646
- );
647
- --spectrum-semantic-informative-status-color: var(
648
- --spectrum-global-color-blue-400
649
- );
650
- --spectrum-semantic-informative-text-color-large: var(
651
- --spectrum-global-color-blue-500
652
- );
653
- --spectrum-semantic-informative-text-color-small: var(
654
- --spectrum-global-color-blue-600
655
- );
656
- --spectrum-semantic-informative-color-down: var(
657
- --spectrum-global-color-blue-700
658
- );
659
- --spectrum-semantic-informative-color-key-focus: var(
660
- --spectrum-global-color-blue-400
661
- );
662
- --spectrum-semantic-informative-background-color-default: var(
663
- --spectrum-global-color-static-blue-600
664
- );
665
- --spectrum-semantic-informative-background-color-hover: var(
666
- --spectrum-global-color-static-blue-700
667
- );
668
- --spectrum-semantic-informative-background-color-down: var(
669
- --spectrum-global-color-static-blue-800
670
- );
671
- --spectrum-semantic-informative-background-color-key-focus: var(
672
- --spectrum-global-color-static-blue-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 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-font-weight-regular: var(
842
- --spectrum-global-font-weight-black
843
- );
844
- --spectrum-alias-heading-text-font-weight-heavy: var(
845
- --spectrum-global-font-weight-black
846
- );
847
- --spectrum-alias-heading-text-line-height: var(
848
- --spectrum-global-font-line-height-small
849
- );
850
- --spectrum-alias-heading-text-font-weight-regular-strong: var(
851
- --spectrum-global-font-weight-black
852
- );
853
- --spectrum-alias-heading-text-font-weight-light: var(
854
- --spectrum-global-font-weight-light
855
- );
856
- --spectrum-alias-heading-text-font-weight-light-strong: var(
857
- --spectrum-global-font-weight-bold
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-75
1424
- );
1425
- --spectrum-alias-component-border-radius-quiet: var(
1426
- --spectrum-global-dimension-size-75
1427
- );
1428
- --spectrum-alias-component-focusring-gap: var(
1429
- --spectrum-global-dimension-static-size-25
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-25
1436
- );
1437
- --spectrum-alias-component-focusring-size-emphasized: var(
1438
- --spectrum-global-dimension-static-size-25
1439
- );
1440
- --spectrum-alias-input-focusring-gap: var(
1441
- --spectrum-global-dimension-static-size-25
1442
- );
1443
- --spectrum-alias-input-quiet-focusline-gap: var(
1444
- --spectrum-global-dimension-static-size-50
1445
- );
1446
- --spectrum-alias-border-radius-xsmall: var(
1447
- --spectrum-global-dimension-size-25
1448
- );
1449
- --spectrum-alias-border-radius-small: var(
1450
- --spectrum-global-dimension-size-40
1451
- );
1452
- --spectrum-alias-border-radius-regular: var(
1453
- --spectrum-global-dimension-size-75
1454
- );
1455
- --spectrum-alias-border-radius-medium: var(
1456
- --spectrum-global-dimension-size-125
1457
- );
1458
- --spectrum-alias-border-radius-large: var(
1459
- --spectrum-global-dimension-size-150
1460
- );
1461
- --spectrum-alias-border-radius-xlarge: var(
1462
- --spectrum-global-dimension-size-300
1463
- );
1464
- --spectrum-alias-focus-ring-border-radius-xsmall: var(
1465
- --spectrum-global-dimension-size-75
1466
- );
1467
- --spectrum-alias-focus-ring-border-radius-medium: var(
1468
- --spectrum-global-dimension-size-175
1469
- );
1470
- --spectrum-alias-focus-ring-border-radius-large: var(
1471
- --spectrum-global-dimension-size-200
1472
- );
1473
- --spectrum-alias-focus-ring-border-radius-xlarge: var(
1474
- --spectrum-global-dimension-size-350
1475
- );
1476
- --spectrum-alias-control-two-size-s: var(
1477
- --spectrum-global-dimension-size-175
1478
- );
1479
- --spectrum-alias-control-two-size-m: var(
1480
- --spectrum-global-dimension-size-200
1481
- );
1482
- --spectrum-alias-control-two-size-l: var(
1483
- --spectrum-global-dimension-size-225
1484
- );
1485
- --spectrum-alias-control-two-size-xl: var(
1486
- --spectrum-global-dimension-size-250
1487
- );
1488
- --spectrum-alias-control-two-size-xxl: var(
1489
- --spectrum-global-dimension-size-275
1490
- );
1491
- --spectrum-alias-control-two-border-radius-s: var(
1492
- --spectrum-global-dimension-size-85
1493
- );
1494
- --spectrum-alias-control-two-border-radius-m: var(
1495
- --spectrum-global-dimension-size-100
1496
- );
1497
- --spectrum-alias-control-two-border-radius-l: var(
1498
- --spectrum-global-dimension-size-115
1499
- );
1500
- --spectrum-alias-control-two-border-radius-xl: var(
1501
- --spectrum-global-dimension-size-125
1502
- );
1503
- --spectrum-alias-control-two-border-radius-xxl: var(
1504
- --spectrum-global-dimension-size-130
1505
- );
1506
- --spectrum-alias-control-two-focus-ring-border-radius-s: var(
1507
- --spectrum-global-dimension-size-130
1508
- );
1509
- --spectrum-alias-control-two-focus-ring-border-radius-m: var(
1510
- --spectrum-global-dimension-size-150
1511
- );
1512
- --spectrum-alias-control-two-focus-ring-border-radius-l: var(
1513
- --spectrum-global-dimension-size-160
1514
- );
1515
- --spectrum-alias-control-two-focus-ring-border-radius-xl: var(
1516
- --spectrum-global-dimension-size-175
1517
- );
1518
- --spectrum-alias-control-two-focus-ring-border-radius-xxl: var(
1519
- --spectrum-global-dimension-size-185
1520
- );
1521
- --spectrum-alias-control-three-height-s: var(
1522
- --spectrum-global-dimension-size-175
1523
- );
1524
- --spectrum-alias-control-three-height-m: var(
1525
- --spectrum-global-dimension-size-200
1526
- );
1527
- --spectrum-alias-control-three-height-l: var(
1528
- --spectrum-global-dimension-size-225
1529
- );
1530
- --spectrum-alias-control-three-height-xl: var(
1531
- --spectrum-global-dimension-size-250
1532
- );
1533
- --spectrum-alias-control-three-width-s: var(
1534
- --spectrum-global-dimension-size-300
1535
- );
1536
- --spectrum-alias-infieldbutton-icon-margin-y-s: var(
1537
- --spectrum-global-dimension-size-10
1538
- );
1539
- --spectrum-alias-infieldbutton-icon-margin-y-m: var(
1540
- --spectrum-global-dimension-size-40
1541
- );
1542
- --spectrum-alias-infieldbutton-icon-margin-y-l: var(
1543
- --spectrum-global-dimension-size-75
1544
- );
1545
- --spectrum-alias-infieldbutton-icon-margin-y-xl: var(
1546
- --spectrum-global-dimension-size-115
1547
- );
1548
- --spectrum-alias-infieldbutton-padding-s: var(
1549
- --spectrum-global-dimension-size-50
1550
- );
1551
- --spectrum-alias-infieldbutton-padding-m: var(
1552
- --spectrum-global-dimension-size-50
1553
- );
1554
- --spectrum-alias-infieldbutton-padding-l: var(
1555
- --spectrum-global-dimension-size-50
1556
- );
1557
- --spectrum-alias-infieldbutton-padding-xl: var(
1558
- --spectrum-global-dimension-size-50
1559
- );
1560
- --spectrum-alias-infieldbutton-border-radius: var(
1561
- --spectrum-global-dimension-size-40
1562
- );
1563
- --spectrum-alias-infieldbutton-border-radius-sided: var(
1564
- --spectrum-global-dimension-size-40
1565
- );
1566
- --spectrum-alias-infieldbutton-border-size: var(
1567
- --spectrum-global-dimension-static-size-0
1568
- );
1569
- --spectrum-alias-infieldbutton-fill-padding-s: var(
1570
- --spectrum-global-dimension-size-10
1571
- );
1572
- --spectrum-alias-infieldbutton-fill-padding-m: var(
1573
- --spectrum-global-dimension-size-40
1574
- );
1575
- --spectrum-alias-infieldbutton-fill-padding-l: var(
1576
- --spectrum-global-dimension-size-75
1577
- );
1578
- --spectrum-alias-infieldbutton-fill-padding-xl: var(
1579
- --spectrum-global-dimension-size-115
1580
- );
1581
- --spectrum-alias-infieldbutton-full-height-s: var(
1582
- --spectrum-global-dimension-size-200
1583
- );
1584
- --spectrum-alias-infieldbutton-full-height-m: var(
1585
- --spectrum-global-dimension-size-300
1586
- );
1587
- --spectrum-alias-infieldbutton-full-height-l: var(
1588
- --spectrum-global-dimension-size-400
1589
- );
1590
- --spectrum-alias-infieldbutton-full-height-xl: var(
1591
- --spectrum-global-dimension-size-500
1592
- );
1593
- --spectrum-alias-infieldbutton-half-height-s: var(
1594
- --spectrum-global-dimension-size-115
1595
- );
1596
- --spectrum-alias-infieldbutton-half-height-m: var(
1597
- --spectrum-global-dimension-size-130
1598
- );
1599
- --spectrum-alias-infieldbutton-half-height-l: var(
1600
- --spectrum-global-dimension-size-150
1601
- );
1602
- --spectrum-alias-infieldbutton-half-height-xl: var(
1603
- --spectrum-global-dimension-size-185
1604
- );
1605
- --spectrum-alias-stepperbutton-gap: var(
1606
- --spectrum-global-dimension-size-25
1607
- );
1608
- --spectrum-alias-stepperbutton-width-s: var(
1609
- --spectrum-global-dimension-size-225
1610
- );
1611
- --spectrum-alias-stepperbutton-width-m: var(
1612
- --spectrum-global-dimension-size-250
1613
- );
1614
- --spectrum-alias-stepperbutton-width-l: var(
1615
- --spectrum-global-dimension-size-275
1616
- );
1617
- --spectrum-alias-stepperbutton-width-xl: var(
1618
- --spectrum-global-dimension-size-325
1619
- );
1620
- --spectrum-alias-stepperbutton-icon-x-offset-s: var(
1621
- --spectrum-global-dimension-size-50
1622
- );
1623
- --spectrum-alias-stepperbutton-icon-x-offset-m: var(
1624
- --spectrum-global-dimension-size-65
1625
- );
1626
- --spectrum-alias-stepperbutton-icon-x-offset-l: var(
1627
- --spectrum-global-dimension-size-65
1628
- );
1629
- --spectrum-alias-stepperbutton-icon-x-offset-xl: var(
1630
- --spectrum-global-dimension-size-75
1631
- );
1632
- --spectrum-alias-stepperbutton-icon-y-offset-top-s: 0;
1633
- --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(
1634
- --spectrum-global-dimension-size-10
1635
- );
1636
- --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(
1637
- --spectrum-global-dimension-size-10
1638
- );
1639
- --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(
1640
- --spectrum-global-dimension-size-10
1641
- );
1642
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: 0;
1643
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: 0;
1644
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: 0;
1645
- --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: 0;
1646
- --spectrum-alias-stepperbutton-radius-touching: var(
1647
- --spectrum-global-dimension-size-25
1648
- );
1649
- --spectrum-alias-clearbutton-icon-margin-s: var(
1650
- --spectrum-global-dimension-size-50
1651
- );
1652
- --spectrum-alias-clearbutton-icon-margin-m: var(
1653
- --spectrum-global-dimension-size-100
1654
- );
1655
- --spectrum-alias-clearbutton-icon-margin-l: var(
1656
- --spectrum-global-dimension-size-130
1657
- );
1658
- --spectrum-alias-clearbutton-icon-margin-xl: var(
1659
- --spectrum-global-dimension-size-175
1660
- );
1661
- --spectrum-alias-clearbutton-border-radius: var(
1662
- --spectrum-global-dimension-size-150
1663
- );
1664
- --spectrum-alias-pickerbutton-icononly-padding-x-s: var(
1665
- --spectrum-global-dimension-size-40
1666
- );
1667
- --spectrum-alias-pickerbutton-icononly-padding-x-m: var(
1668
- --spectrum-global-dimension-size-75
1669
- );
1670
- --spectrum-alias-pickerbutton-icononly-padding-x-l: var(
1671
- --spectrum-global-dimension-size-115
1672
- );
1673
- --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(
1674
- --spectrum-global-dimension-size-150
1675
- );
1676
- --spectrum-alias-pickerbutton-icon-margin-y-s: var(
1677
- --spectrum-global-dimension-size-40
1678
- );
1679
- --spectrum-alias-pickerbutton-icon-margin-y-m: var(
1680
- --spectrum-global-dimension-size-75
1681
- );
1682
- --spectrum-alias-pickerbutton-icon-margin-y-l: var(
1683
- --spectrum-global-dimension-size-115
1684
- );
1685
- --spectrum-alias-pickerbutton-icon-margin-y-xl: var(
1686
- --spectrum-global-dimension-size-150
1687
- );
1688
- --spectrum-alias-pickerbutton-label-padding-y-s: 0;
1689
- --spectrum-alias-pickerbutton-label-padding-y-m: var(
1690
- --spectrum-global-dimension-size-40
1691
- );
1692
- --spectrum-alias-pickerbutton-label-padding-y-l: var(
1693
- --spectrum-global-dimension-size-65
1694
- );
1695
- --spectrum-alias-pickerbutton-label-padding-y-xl: var(
1696
- --spectrum-global-dimension-size-100
1697
- );
1698
- --spectrum-alias-pickerbutton-border-radius-rounded: var(
1699
- --spectrum-global-dimension-size-150
1700
- );
1701
- --spectrum-alias-pickerbutton-border-radius-rounded-sided: var(
1702
- --spectrum-global-dimension-size-150
1703
- );
1704
- --spectrum-alias-search-border-radius: var(
1705
- --spectrum-global-dimension-size-300
1706
- );
1707
- --spectrum-alias-combobox-quiet-button-offset-x: var(
1708
- --spectrum-global-dimension-size-50
1709
- );
1710
- --spectrum-alias-thumbnail-border-radius-small: var(
1711
- --spectrum-global-dimension-size-75
1712
- );
1713
- --spectrum-alias-focus-ring-gap-small: var(
1714
- --spectrum-global-dimension-static-size-25
1715
- );
1716
- --spectrum-alias-focus-ring-size-small: var(
1717
- --spectrum-global-dimension-static-size-25
1718
- );
1719
- --spectrum-alias-input-border-size: var(
1720
- --spectrum-global-dimension-static-size-25
1721
- );
1722
- --spectrum-alias-avatar-border-size: var(
1723
- --spectrum-global-dimension-static-size-25
1724
- );
1725
- --spectrum-alias-search-padding-left-s: var(
1726
- --spectrum-global-dimension-size-125
1727
- );
1728
- --spectrum-alias-search-padding-left-m: var(
1729
- --spectrum-global-dimension-size-175
1730
- );
1731
- --spectrum-alias-search-padding-left-l: var(
1732
- --spectrum-global-dimension-size-200
1733
- );
1734
- --spectrum-alias-search-padding-left-xl: var(
1735
- --spectrum-global-dimension-size-225
1736
- );
1737
- --spectrum-alias-tag-border-radius: var(
1738
- --spectrum-global-dimension-size-300
1739
- );
1740
- --spectrum-alias-tag-border-size-default: var(
1741
- --spectrum-global-dimension-static-size-25
1742
- );
1743
- --spectrum-alias-tag-border-size-disabled: var(
1744
- --spectrum-global-dimension-static-size-25
1745
- );
1746
- --spectrum-alias-tag-border-size-key-focus: var(
1747
- --spectrum-global-dimension-static-size-25
1748
- );
1749
- --spectrum-alias-tag-padding-right-s: var(
1750
- --spectrum-global-dimension-size-125
1751
- );
1752
- --spectrum-alias-tag-padding-right-m: var(
1753
- --spectrum-global-dimension-size-130
1754
- );
1755
- --spectrum-alias-tag-padding-right-l: var(
1756
- --spectrum-global-dimension-size-175
1757
- );
1758
- --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-250);
1759
- --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-300);
1760
- --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-400);
1761
- --spectrum-alias-tag-font-size-s: var(
1762
- --spectrum-global-dimension-font-size-50
1763
- );
1764
- --spectrum-alias-tag-font-size-m: var(
1765
- --spectrum-global-dimension-font-size-75
1766
- );
1767
- --spectrum-alias-tag-font-size-l: var(
1768
- --spectrum-global-dimension-font-size-100
1769
- );
1770
- --spectrum-alias-tag-text-padding-top-m: var(
1771
- --spectrum-global-dimension-size-50
1772
- );
1773
- --spectrum-alias-tag-text-padding-top-l: var(
1774
- --spectrum-global-dimension-size-85
1775
- );
1776
- --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-175);
1777
- --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-200);
1778
- --spectrum-alias-tag-icon-margin-top-s: var(
1779
- --spectrum-global-dimension-size-40
1780
- );
1781
- --spectrum-alias-tag-icon-margin-top-m: var(
1782
- --spectrum-global-dimension-size-50
1783
- );
1784
- --spectrum-alias-tag-icon-margin-top-l: var(
1785
- --spectrum-global-dimension-size-85
1786
- );
1787
- --spectrum-alias-tag-clearbutton-width-s: var(
1788
- --spectrum-global-dimension-size-175
1789
- );
1790
- --spectrum-alias-tag-clearbutton-width-m: var(
1791
- --spectrum-global-dimension-size-225
1792
- );
1793
- --spectrum-alias-tag-clearbutton-width-l: var(
1794
- --spectrum-global-dimension-size-350
1795
- );
1796
- --spectrum-alias-tag-clearbutton-icon-margin-s: var(
1797
- --spectrum-global-dimension-size-30
1798
- );
1799
- --spectrum-alias-tag-clearbutton-icon-margin-m: var(
1800
- --spectrum-global-dimension-size-50
1801
- );
1802
- --spectrum-alias-tag-clearbutton-icon-margin-l: var(
1803
- --spectrum-global-dimension-size-100
1804
- );
1805
- --spectrum-alias-tag-focusring-border-radius: var(
1806
- --spectrum-global-dimension-size-300
1807
- );
1808
- --spectrum-alias-tag-focusring-gap: var(
1809
- --spectrum-global-dimension-size-25
1810
- );
1811
- --spectrum-alias-colorloupe-width: var(
1812
- --spectrum-global-dimension-static-size-450
1813
- );
1814
- --spectrum-alias-colorloupe-height: var(
1815
- --spectrum-global-dimension-static-size-550
1816
- );
1817
- --spectrum-alias-search-border-radius-quiet: 0;
1818
- --spectrum-alias-percent-50: 50%;
1819
- --spectrum-alias-percent-70: 70%;
1820
- --spectrum-alias-percent-100: 100%;
1821
- --spectrum-alias-breakpoint-xsmall: 304px;
1822
- --spectrum-alias-breakpoint-small: 768px;
1823
- --spectrum-alias-breakpoint-medium: 1280px;
1824
- --spectrum-alias-breakpoint-large: 1768px;
1825
- --spectrum-alias-breakpoint-xlarge: 2160px;
1826
- --spectrum-alias-grid-columns: 12;
1827
- --spectrum-alias-grid-fluid-width: 100%;
1828
- --spectrum-alias-grid-fixed-max-width: 1280px;
1829
- --spectrum-alias-border-size-thin: var(
1830
- --spectrum-global-dimension-static-size-10
1831
- );
1832
- --spectrum-alias-border-size-thick: var(
1833
- --spectrum-global-dimension-static-size-25
1834
- );
1835
- --spectrum-alias-border-size-thicker: var(
1836
- --spectrum-global-dimension-static-size-50
1837
- );
1838
- --spectrum-alias-border-size-thickest: var(
1839
- --spectrum-global-dimension-static-size-100
1840
- );
1841
- --spectrum-alias-border-offset-thin: var(
1842
- --spectrum-global-dimension-static-size-25
1843
- );
1844
- --spectrum-alias-border-offset-thick: var(
1845
- --spectrum-global-dimension-static-size-50
1846
- );
1847
- --spectrum-alias-border-offset-thicker: var(
1848
- --spectrum-global-dimension-static-size-100
1849
- );
1850
- --spectrum-alias-border-offset-thickest: var(
1851
- --spectrum-global-dimension-static-size-200
1852
- );
1853
- --spectrum-alias-grid-baseline: var(
1854
- --spectrum-global-dimension-static-size-100
1855
- );
1856
- --spectrum-alias-grid-gutter-xsmall: var(
1857
- --spectrum-global-dimension-static-size-200
1858
- );
1859
- --spectrum-alias-grid-gutter-small: var(
1860
- --spectrum-global-dimension-static-size-300
1861
- );
1862
- --spectrum-alias-grid-gutter-medium: var(
1863
- --spectrum-global-dimension-static-size-400
1864
- );
1865
- --spectrum-alias-grid-gutter-large: var(
1866
- --spectrum-global-dimension-static-size-500
1867
- );
1868
- --spectrum-alias-grid-gutter-xlarge: var(
1869
- --spectrum-global-dimension-static-size-600
1870
- );
1871
- --spectrum-alias-grid-margin-xsmall: var(
1872
- --spectrum-global-dimension-static-size-200
1873
- );
1874
- --spectrum-alias-grid-margin-small: var(
1875
- --spectrum-global-dimension-static-size-300
1876
- );
1877
- --spectrum-alias-grid-margin-medium: var(
1878
- --spectrum-global-dimension-static-size-400
1879
- );
1880
- --spectrum-alias-grid-margin-large: var(
1881
- --spectrum-global-dimension-static-size-500
1882
- );
1883
- --spectrum-alias-grid-margin-xlarge: var(
1884
- --spectrum-global-dimension-static-size-600
1885
- );
1886
- --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(
1887
- --spectrum-global-dimension-static-size-200
1888
- );
1889
- --spectrum-alias-grid-layout-region-margin-bottom-small: var(
1890
- --spectrum-global-dimension-static-size-300
1891
- );
1892
- --spectrum-alias-grid-layout-region-margin-bottom-medium: var(
1893
- --spectrum-global-dimension-static-size-400
1894
- );
1895
- --spectrum-alias-grid-layout-region-margin-bottom-large: var(
1896
- --spectrum-global-dimension-static-size-500
1897
- );
1898
- --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(
1899
- --spectrum-global-dimension-static-size-600
1900
- );
1901
- --spectrum-alias-radial-reaction-size-default: var(
1902
- --spectrum-global-dimension-static-size-550
1903
- );
1904
- --spectrum-alias-focus-ring-gap: var(
1905
- --spectrum-global-dimension-static-size-25
1906
- );
1907
- --spectrum-alias-focus-ring-size: var(
1908
- --spectrum-global-dimension-static-size-25
1909
- );
1910
- --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
1911
- --spectrum-alias-dropshadow-offset-y: var(
1912
- --spectrum-global-dimension-size-10
1913
- );
1914
- --spectrum-alias-font-size-default: var(
1915
- --spectrum-global-dimension-font-size-100
1916
- );
1917
- --spectrum-alias-layout-label-gap-size: var(
1918
- --spectrum-global-dimension-size-100
1919
- );
1920
- --spectrum-alias-pill-button-text-size: var(
1921
- --spectrum-global-dimension-font-size-100
1922
- );
1923
- --spectrum-alias-pill-button-text-baseline: var(
1924
- --spectrum-global-dimension-static-size-150
1925
- );
1926
- --spectrum-alias-single-line-height: var(
1927
- --spectrum-global-dimension-size-400
1928
- );
1929
- --spectrum-alias-single-line-width: var(
1930
- --spectrum-global-dimension-size-2400
1931
- );
1932
- --spectrum-alias-workflow-icon-size-s: var(
1933
- --spectrum-global-dimension-size-200
1934
- );
1935
- --spectrum-alias-workflow-icon-size-m: var(
1936
- --spectrum-global-dimension-size-225
1937
- );
1938
- --spectrum-alias-workflow-icon-size-xl: var(
1939
- --spectrum-global-dimension-size-275
1940
- );
1941
- --spectrum-alias-ui-icon-alert-size-75: var(
1942
- --spectrum-global-dimension-size-200
1943
- );
1944
- --spectrum-alias-ui-icon-alert-size-100: var(
1945
- --spectrum-global-dimension-size-225
1946
- );
1947
- --spectrum-alias-ui-icon-alert-size-200: var(
1948
- --spectrum-global-dimension-size-250
1949
- );
1950
- --spectrum-alias-ui-icon-alert-size-300: var(
1951
- --spectrum-global-dimension-size-275
1952
- );
1953
- --spectrum-alias-ui-icon-triplegripper-size-100-height: var(
1954
- --spectrum-global-dimension-size-100
1955
- );
1956
- --spectrum-alias-ui-icon-doublegripper-size-100-width: var(
1957
- --spectrum-global-dimension-size-200
1958
- );
1959
- --spectrum-alias-ui-icon-singlegripper-size-100-width: var(
1960
- --spectrum-global-dimension-size-300
1961
- );
1962
- --spectrum-alias-ui-icon-cornertriangle-size-75: var(
1963
- --spectrum-global-dimension-size-65
1964
- );
1965
- --spectrum-alias-ui-icon-cornertriangle-size-200: var(
1966
- --spectrum-global-dimension-size-75
1967
- );
1968
- --spectrum-alias-ui-icon-asterisk-size-75: var(
1969
- --spectrum-global-dimension-static-size-100
1970
- );
1971
- --spectrum-alias-ui-icon-asterisk-size-100: var(
1972
- --spectrum-global-dimension-size-100
1973
- );
1974
- --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);
1975
- --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);
1976
- --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);
1977
- --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
1978
- --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
1979
- --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
1980
- --spectrum-alias-tag-border-size: var(
1981
- --spectrum-global-dimension-static-size-25
1982
- );
1983
- --spectrum-alias-tag-icon-margin-right-s: var(
1984
- --spectrum-global-dimension-size-85
1985
- );
1986
- --spectrum-alias-tag-icon-margin-right-m: var(
1987
- --spectrum-global-dimension-size-100
1988
- );
1989
- --spectrum-alias-tag-icon-margin-right-l: var(
1990
- --spectrum-global-dimension-size-115
1991
- );
1992
- --spectrum-alias-tag-focusring-size: var(
1993
- --spectrum-global-dimension-size-25
1994
- );
1995
- --spectrum-alias-tag-focusring-gap-selected: var(
1996
- --spectrum-global-dimension-size-25
1997
- );
1998
- }
1999
- :host,
2000
- :root {
2001
- /* spectrum-colorAliases.css */
2002
- --spectrum-alias-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);
2003
- --spectrum-alias-component-text-color-selected-default: var(
2004
- --spectrum-global-color-gray-50
2005
- );
2006
- --spectrum-alias-component-text-color-selected-hover: var(
2007
- --spectrum-alias-component-text-color-selected-default
2008
- );
2009
- --spectrum-alias-component-text-color-selected-down: var(
2010
- --spectrum-alias-component-text-color-selected-default
2011
- );
2012
- --spectrum-alias-component-text-color-selected-key-focus: var(
2013
- --spectrum-alias-component-text-color-selected-default
2014
- );
2015
- --spectrum-alias-component-text-color-selected-mouse-focus: var(
2016
- --spectrum-alias-component-text-color-selected-default
2017
- );
2018
- --spectrum-alias-component-icon-color-default: var(
2019
- --spectrum-global-color-gray-800
2020
- );
2021
- --spectrum-alias-component-icon-color-selected: var(
2022
- --spectrum-global-color-gray-50
2023
- );
2024
- --spectrum-alias-component-background-color-default: var(
2025
- --spectrum-global-color-gray-200
2026
- );
2027
- --spectrum-alias-component-background-color-hover: var(
2028
- --spectrum-global-color-gray-300
2029
- );
2030
- --spectrum-alias-component-background-color-down: var(
2031
- --spectrum-global-color-gray-400
2032
- );
2033
- --spectrum-alias-component-background-color-key-focus: var(
2034
- --spectrum-global-color-gray-300
2035
- );
2036
- --spectrum-alias-component-background-color-quiet-hover: var(
2037
- --spectrum-alias-component-background-color-hover
2038
- );
2039
- --spectrum-alias-component-background-color-quiet-down: var(
2040
- --spectrum-alias-component-background-color-down
2041
- );
2042
- --spectrum-alias-component-background-color-quiet-key-focus: var(
2043
- --spectrum-alias-component-background-color-key-focus
2044
- );
2045
- --spectrum-alias-component-background-color-selected-default: var(
2046
- --spectrum-global-color-gray-800
2047
- );
2048
- --spectrum-alias-component-background-color-selected-hover: var(
2049
- --spectrum-global-color-gray-900
2050
- );
2051
- --spectrum-alias-component-background-color-selected-down: var(
2052
- --spectrum-global-color-gray-900
2053
- );
2054
- --spectrum-alias-component-background-color-selected-key-focus: var(
2055
- --spectrum-global-color-gray-900
2056
- );
2057
- --spectrum-alias-component-border-color-default: var(
2058
- --spectrum-alias-component-background-color-default
2059
- );
2060
- --spectrum-alias-component-border-color-hover: var(
2061
- --spectrum-alias-component-background-color-hover
2062
- );
2063
- --spectrum-alias-component-border-color-down: var(
2064
- --spectrum-alias-component-background-color-down
2065
- );
2066
- --spectrum-alias-component-border-color-key-focus: var(
2067
- --spectrum-alias-component-background-color-key-focus
2068
- );
2069
- --spectrum-alias-component-border-color-selected-default: var(
2070
- --spectrum-alias-component-background-color-selected-default
2071
- );
2072
- --spectrum-alias-component-border-color-selected-hover: var(
2073
- --spectrum-alias-component-background-color-selected-hover
2074
- );
2075
- --spectrum-alias-component-border-color-selected-down: var(
2076
- --spectrum-alias-component-background-color-selected-down
2077
- );
2078
- --spectrum-alias-component-border-color-selected-key-focus: var(
2079
- --spectrum-alias-component-background-color-selected-key-focus
2080
- );
2081
- --spectrum-alias-component-border-color-quiet-key-focus: var(
2082
- --spectrum-alias-component-background-color-quiet-default
2083
- );
2084
- --spectrum-alias-component-border-color-quiet-selected-default: var(
2085
- --spectrum-alias-component-background-color-selected-default
2086
- );
2087
- --spectrum-alias-component-border-color-quiet-selected-hover: var(
2088
- --spectrum-alias-component-background-color-quiet-selected-hover
2089
- );
2090
- --spectrum-alias-component-border-color-quiet-selected-down: var(
2091
- --spectrum-alias-component-background-color-quiet-selected-down
2092
- );
2093
- --spectrum-alias-component-border-color-quiet-selected-key-focus: var(
2094
- --spectrum-alias-component-background-color-quiet-selected-key-focus
2095
- );
2096
- --spectrum-alias-toggle-background-color-default: var(
2097
- --spectrum-global-color-gray-800
2098
- );
2099
- --spectrum-alias-toggle-background-color-hover: var(
2100
- --spectrum-global-color-gray-900
2101
- );
2102
- --spectrum-alias-toggle-background-color-down: var(
2103
- --spectrum-global-color-gray-900
2104
- );
2105
- --spectrum-alias-toggle-background-color-key-focus: var(
2106
- --spectrum-global-color-gray-900
2107
- );
2108
- --spectrum-alias-toggle-background-color-emphasized-selected-default: var(
2109
- --spectrum-global-color-indigo-500
2110
- );
2111
- --spectrum-alias-toggle-background-color-emphasized-selected-hover: var(
2112
- --spectrum-global-color-indigo-600
2113
- );
2114
- --spectrum-alias-toggle-background-color-emphasized-selected-down: var(
2115
- --spectrum-global-color-indigo-700
2116
- );
2117
- --spectrum-alias-toggle-background-color-emphasized-selected-key-focus: var(
2118
- --spectrum-global-color-indigo-600
2119
- );
2120
- --spectrum-alias-toggle-border-color-default: var(
2121
- --spectrum-global-color-gray-800
2122
- );
2123
- --spectrum-alias-toggle-border-color-hover: var(
2124
- --spectrum-global-color-gray-900
2125
- );
2126
- --spectrum-alias-toggle-border-color-down: var(
2127
- --spectrum-global-color-gray-900
2128
- );
2129
- --spectrum-alias-toggle-border-color-key-focus: var(
2130
- --spectrum-global-color-gray-900
2131
- );
2132
- --spectrum-alias-tag-border-color-default: var(
2133
- --spectrum-global-color-gray-300
2134
- );
2135
- --spectrum-alias-tag-border-color-hover: var(
2136
- --spectrum-global-color-gray-400
2137
- );
2138
- --spectrum-alias-tag-border-color-down: var(
2139
- --spectrum-global-color-gray-500
2140
- );
2141
- --spectrum-alias-tag-border-color-key-focus: var(
2142
- --spectrum-global-color-gray-400
2143
- );
2144
- --spectrum-alias-tag-border-color-disabled-default: var(
2145
- --spectrum-global-color-gray-200
2146
- );
2147
- --spectrum-alias-tag-border-color-error-key-focus: var(
2148
- --spectrum-semantic-negative-color-default
2149
- );
2150
- --spectrum-alias-tag-focusring-border-color-key-focus: var(
2151
- --spectrum-alias-focus-ring-color
2152
- );
2153
- --spectrum-alias-tag-background-color-disabled: var(
2154
- --spectrum-global-color-gray-100
2155
- );
2156
- --spectrum-alias-tag-background-color-default: var(
2157
- --spectrum-global-color-gray-100
2158
- );
2159
- --spectrum-alias-tag-background-color-hover: var(
2160
- --spectrum-global-color-gray-300
2161
- );
2162
- --spectrum-alias-tag-background-color-down: var(
2163
- --spectrum-global-color-gray-400
2164
- );
2165
- --spectrum-alias-tag-background-color-key-focus: var(
2166
- --spectrum-global-color-gray-300
2167
- );
2168
- --spectrum-alias-tag-background-color-error-default: var(
2169
- --spectrum-alias-tag-background-color-default
2170
- );
2171
- --spectrum-alias-tag-background-color-error-hover: var(
2172
- --spectrum-alias-tag-background-color-hover
2173
- );
2174
- --spectrum-alias-tag-background-color-error-down: var(
2175
- --spectrum-alias-tag-background-color-down
2176
- );
2177
- --spectrum-alias-tag-background-color-error-key-focus: var(
2178
- --spectrum-alias-tag-background-color-key-focus
2179
- );
2180
- --spectrum-alias-avatar-border-color-disabled: var(
2181
- --spectrum-alias-background-color-transparent
2182
- );
2183
- --spectrum-alias-avatar-border-color-selected-default: var(
2184
- --spectrum-global-color-gray-900
2185
- );
2186
- --spectrum-alias-avatar-border-color-selected-hover: var(
2187
- --spectrum-alias-component-background-color-selected-hover
2188
- );
2189
- --spectrum-alias-avatar-border-color-selected-down: var(
2190
- --spectrum-alias-component-background-color-selected-hover
2191
- );
2192
- --spectrum-alias-avatar-border-color-selected-key-focus: var(
2193
- --spectrum-global-color-gray-900
2194
- );
2195
- --spectrum-alias-link-primary-text-color-default: var(
2196
- --spectrum-global-color-indigo-600
2197
- );
2198
- --spectrum-alias-link-primary-text-color-hover: var(
2199
- --spectrum-global-color-indigo-600
2200
- );
2201
- --spectrum-alias-link-primary-text-color-down: var(
2202
- --spectrum-global-color-indigo-700
2203
- );
2204
- --spectrum-alias-link-primary-text-color-key-focus: var(
2205
- --spectrum-alias-text-color-key-focus
2206
- );
2207
- --spectrum-alias-link-secondary-text-color-default: var(
2208
- --spectrum-alias-text-color
2209
- );
2210
- --spectrum-alias-link-secondary-text-color-hover: var(
2211
- --spectrum-alias-link-primary-text-color-hover
2212
- );
2213
- --spectrum-alias-link-secondary-text-color-down: var(
2214
- --spectrum-alias-link-primary-text-color-down
2215
- );
2216
- --spectrum-alias-link-secondary-text-color-key-focus: var(
2217
- --spectrum-alias-link-primary-text-color-key-focus
2218
- );
2219
- --spectrum-alias-button-primary-background-color-default: var(
2220
- --spectrum-alias-button-primary-border-color-default
2221
- );
2222
- --spectrum-alias-button-primary-text-color-default: var(
2223
- --spectrum-alias-button-primary-text-color-hover
2224
- );
2225
- --spectrum-alias-button-primary-icon-color-default: var(
2226
- --spectrum-alias-button-primary-text-color-default
2227
- );
2228
- --spectrum-alias-button-secondary-background-color-default: var(
2229
- --spectrum-alias-button-secondary-border-color-default
2230
- );
2231
- --spectrum-alias-button-secondary-text-color-default: var(
2232
- --spectrum-alias-button-secondary-text-color-hover
2233
- );
2234
- --spectrum-alias-button-secondary-icon-color-default: var(
2235
- --spectrum-alias-button-secondary-text-color-default
2236
- );
2237
- --spectrum-alias-button-negative-background-color-default: var(
2238
- --spectrum-alias-button-negative-border-color-default
2239
- );
2240
- --spectrum-alias-button-negative-text-color-default: var(
2241
- --spectrum-alias-button-negative-text-color-hover
2242
- );
2243
- --spectrum-alias-button-negative-icon-color-default: var(
2244
- --spectrum-alias-button-negative-text-color-default
2245
- );
2246
- --spectrum-alias-input-border-color-default: var(
2247
- --spectrum-alias-border-color
2248
- );
2249
- --spectrum-alias-input-border-color-hover: var(
2250
- --spectrum-alias-border-color-hover
2251
- );
2252
- --spectrum-alias-input-border-color-down: var(
2253
- --spectrum-global-color-gray-900
2254
- );
2255
- --spectrum-alias-input-border-color-mouse-focus: var(
2256
- --spectrum-global-color-gray-900
2257
- );
2258
- --spectrum-alias-input-border-color-key-focus: var(
2259
- --spectrum-global-color-gray-900
2260
- );
2261
- --spectrum-alias-input-border-color-invalid-key-focus: var(
2262
- --spectrum-global-color-gray-900
2263
- );
2264
- --spectrum-alias-yellow-background-color-default: var(
2265
- --spectrum-global-color-static-yellow-400
2266
- );
2267
- --spectrum-alias-yellow-background-color-hover: var(
2268
- --spectrum-global-color-static-yellow-500
2269
- );
2270
- --spectrum-alias-yellow-background-color-key-focus: var(
2271
- --spectrum-global-color-static-yellow-500
2272
- );
2273
- --spectrum-alias-yellow-background-color-down: var(
2274
- --spectrum-global-color-static-yellow-600
2275
- );
2276
- --spectrum-alias-infieldbutton-background-color: transparent;
2277
- --spectrum-alias-infieldbutton-fill-border-color-default: transparent;
2278
- --spectrum-alias-infieldbutton-fill-border-color-hover: transparent;
2279
- --spectrum-alias-infieldbutton-fill-border-color-down: transparent;
2280
- --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: transparent;
2281
- --spectrum-alias-infieldbutton-fill-border-color-key-focus: transparent;
2282
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(
2283
- --spectrum-global-color-gray-200
2284
- );
2285
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(
2286
- --spectrum-global-color-gray-300
2287
- );
2288
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(
2289
- --spectrum-global-color-gray-400
2290
- );
2291
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(
2292
- --spectrum-global-color-gray-300
2293
- );
2294
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(
2295
- --spectrum-alias-component-background-color-disabled
2296
- );
2297
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(
2298
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default
2299
- );
2300
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(
2301
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover
2302
- );
2303
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(
2304
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down
2305
- );
2306
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(
2307
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus
2308
- );
2309
- --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent;
2310
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent;
2311
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: var(
2312
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover
2313
- );
2314
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: var(
2315
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down
2316
- );
2317
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: var(
2318
- --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus
2319
- );
2320
- --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent;
2321
- --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
2322
- --spectrum-alias-thumbnail-darksquare-background-color: var(
2323
- --spectrum-global-color-gray-200
2324
- );
2325
- --spectrum-alias-thumbnail-lightsquare-background-color: var(
2326
- --spectrum-global-color-static-white
2327
- );
2328
- --spectrum-alias-tabs-divider-background-color-default: var(
2329
- --spectrum-global-color-gray-200
2330
- );
2331
- --spectrum-alias-tabs-divider-background-color-quiet: var(
2332
- --spectrum-alias-background-color-transparent
2333
- );
2334
- --spectrum-alias-tabitem-text-color-default: var(
2335
- --spectrum-global-color-gray-700
2336
- );
2337
- --spectrum-alias-tabitem-text-color-hover: var(
2338
- --spectrum-alias-text-color-hover
2339
- );
2340
- --spectrum-alias-tabitem-text-color-down: var(
2341
- --spectrum-alias-text-color-down
2342
- );
2343
- --spectrum-alias-tabitem-text-color-key-focus: var(
2344
- --spectrum-alias-text-color-hover
2345
- );
2346
- --spectrum-alias-tabitem-text-color-mouse-focus: var(
2347
- --spectrum-alias-text-color-hover
2348
- );
2349
- --spectrum-alias-tabitem-text-color-selected-default: var(
2350
- --spectrum-global-color-gray-900
2351
- );
2352
- --spectrum-alias-tabitem-text-color-selected-hover: var(
2353
- --spectrum-alias-tabitem-text-color-selected-default
2354
- );
2355
- --spectrum-alias-tabitem-text-color-selected-down: var(
2356
- --spectrum-alias-tabitem-text-color-selected-default
2357
- );
2358
- --spectrum-alias-tabitem-text-color-selected-key-focus: var(
2359
- --spectrum-alias-tabitem-text-color-selected-default
2360
- );
2361
- --spectrum-alias-tabitem-text-color-selected-mouse-focus: var(
2362
- --spectrum-alias-tabitem-text-color-selected-default
2363
- );
2364
- --spectrum-alias-tabitem-text-color-emphasized: var(
2365
- --spectrum-alias-tabitem-text-color-default
2366
- );
2367
- --spectrum-alias-tabitem-text-color-emphasized-selected-default: var(
2368
- --spectrum-global-color-indigo-600
2369
- );
2370
- --spectrum-alias-tabitem-text-color-emphasized-selected-hover: var(
2371
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2372
- );
2373
- --spectrum-alias-tabitem-text-color-emphasized-selected-down: var(
2374
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2375
- );
2376
- --spectrum-alias-tabitem-text-color-emphasized-selected-key-focus: var(
2377
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2378
- );
2379
- --spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus: var(
2380
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2381
- );
2382
- --spectrum-alias-tabitem-selection-indicator-color-default: var(
2383
- --spectrum-global-color-gray-900
2384
- );
2385
- --spectrum-alias-tabitem-selection-indicator-color-emphasized: var(
2386
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2387
- );
2388
- --spectrum-alias-tabitem-icon-color-disabled: var(
2389
- --spectrum-alias-text-color-disabled
2390
- );
2391
- --spectrum-alias-tabitem-icon-color-default: var(
2392
- --spectrum-alias-tabitem-text-color-default
2393
- );
2394
- --spectrum-alias-tabitem-icon-color-hover: var(
2395
- --spectrum-alias-tabitem-text-color-hover
2396
- );
2397
- --spectrum-alias-tabitem-icon-color-down: var(
2398
- --spectrum-alias-tabitem-text-color-down
2399
- );
2400
- --spectrum-alias-tabitem-icon-color-key-focus: var(
2401
- --spectrum-alias-tabitem-text-color-hover
2402
- );
2403
- --spectrum-alias-tabitem-icon-color-mouse-focus: var(
2404
- --spectrum-alias-tabitem-text-color-down
2405
- );
2406
- --spectrum-alias-tabitem-icon-color-selected: var(
2407
- --spectrum-alias-tabitem-text-color-selected-default
2408
- );
2409
- --spectrum-alias-tabitem-icon-color-emphasized: var(
2410
- --spectrum-alias-tabitem-text-color-default
2411
- );
2412
- --spectrum-alias-tabitem-icon-color-emphasized-selected: var(
2413
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2414
- );
2415
- --spectrum-alias-assetcard-selectionindicator-background-color-ordered: var(
2416
- --spectrum-global-color-indigo-500
2417
- );
2418
- --spectrum-alias-assetcard-overlay-background-color: rgba(
2419
- 109,
2420
- 115,
2421
- 246,
2422
- 0.2
2423
- );
2424
- --spectrum-alias-assetcard-border-color-selected: var(
2425
- --spectrum-global-color-indigo-500
2426
- );
2427
- --spectrum-alias-assetcard-border-color-selected-hover: var(
2428
- --spectrum-global-color-indigo-500
2429
- );
2430
- --spectrum-alias-assetcard-border-color-selected-down: var(
2431
- --spectrum-global-color-indigo-600
2432
- );
2433
- --spectrum-alias-transparent-blue-background-color-mouse-focus: var(
2434
- --spectrum-alias-transparent-blue-background-color-hover
2435
- );
2436
- --spectrum-alias-transparent-blue-background-color: var(
2437
- --spectrum-alias-component-text-color-default
2438
- );
2439
- --spectrum-alias-transparent-red-background-color-hover: rgba(
2440
- 154,
2441
- 0,
2442
- 0,
2443
- 0.15
2444
- );
2445
- --spectrum-alias-transparent-red-background-color-down: rgba(
2446
- 124,
2447
- 0,
2448
- 0,
2449
- 0.3
2450
- );
2451
- --spectrum-alias-transparent-red-background-color-key-focus: var(
2452
- --spectrum-alias-transparent-red-background-color-hover
2453
- );
2454
- --spectrum-alias-transparent-red-background-color-mouse-focus: var(
2455
- --spectrum-alias-transparent-red-background-color-hover
2456
- );
2457
- --spectrum-alias-transparent-red-background-color: var(
2458
- --spectrum-alias-component-text-color-default
2459
- );
2460
- --spectrum-alias-component-text-color-disabled: var(
2461
- --spectrum-global-color-gray-500
2462
- );
2463
- --spectrum-alias-component-text-color-default: var(
2464
- --spectrum-global-color-gray-800
2465
- );
2466
- --spectrum-alias-component-text-color-hover: var(
2467
- --spectrum-global-color-gray-900
2468
- );
2469
- --spectrum-alias-component-text-color-down: var(
2470
- --spectrum-global-color-gray-900
2471
- );
2472
- --spectrum-alias-component-text-color-key-focus: var(
2473
- --spectrum-alias-component-text-color-hover
2474
- );
2475
- --spectrum-alias-component-text-color-mouse-focus: var(
2476
- --spectrum-alias-component-text-color-hover
2477
- );
2478
- --spectrum-alias-component-text-color: var(
2479
- --spectrum-alias-component-text-color-default
2480
- );
2481
- --spectrum-alias-component-text-color-selected: var(
2482
- --spectrum-alias-component-text-color-selected-default
2483
- );
2484
- --spectrum-alias-component-text-color-emphasized-selected-default: var(
2485
- --spectrum-global-color-static-white
2486
- );
2487
- --spectrum-alias-component-text-color-emphasized-selected-hover: var(
2488
- --spectrum-alias-component-text-color-emphasized-selected-default
2489
- );
2490
- --spectrum-alias-component-text-color-emphasized-selected-down: var(
2491
- --spectrum-alias-component-text-color-emphasized-selected-default
2492
- );
2493
- --spectrum-alias-component-text-color-emphasized-selected-key-focus: var(
2494
- --spectrum-alias-component-text-color-emphasized-selected-default
2495
- );
2496
- --spectrum-alias-component-text-color-emphasized-selected-mouse-focus: var(
2497
- --spectrum-alias-component-text-color-emphasized-selected-default
2498
- );
2499
- --spectrum-alias-component-text-color-emphasized-selected: var(
2500
- --spectrum-alias-component-text-color-emphasized-selected-default
2501
- );
2502
- --spectrum-alias-component-text-color-error-default: var(
2503
- --spectrum-semantic-negative-text-color-small
2504
- );
2505
- --spectrum-alias-component-text-color-error-hover: var(
2506
- --spectrum-semantic-negative-text-color-small-hover
2507
- );
2508
- --spectrum-alias-component-text-color-error-down: var(
2509
- --spectrum-semantic-negative-text-color-small-down
2510
- );
2511
- --spectrum-alias-component-text-color-error-key-focus: var(
2512
- --spectrum-semantic-negative-text-color-small-key-focus
2513
- );
2514
- --spectrum-alias-component-text-color-error-mouse-focus: var(
2515
- --spectrum-semantic-negative-text-color-small-key-focus
2516
- );
2517
- --spectrum-alias-component-text-color-error: var(
2518
- --spectrum-alias-component-text-color-error-default
2519
- );
2520
- --spectrum-alias-component-icon-color-disabled: var(
2521
- --spectrum-alias-icon-color-disabled
2522
- );
2523
- --spectrum-alias-component-icon-color-hover: var(
2524
- --spectrum-alias-icon-color-hover
2525
- );
2526
- --spectrum-alias-component-icon-color-down: var(
2527
- --spectrum-alias-icon-color-down
2528
- );
2529
- --spectrum-alias-component-icon-color-key-focus: var(
2530
- --spectrum-alias-icon-color-hover
2531
- );
2532
- --spectrum-alias-component-icon-color-mouse-focus: var(
2533
- --spectrum-alias-icon-color-down
2534
- );
2535
- --spectrum-alias-component-icon-color: var(
2536
- --spectrum-alias-component-icon-color-default
2537
- );
2538
- --spectrum-alias-component-icon-color-emphasized-selected-default: var(
2539
- --spectrum-global-color-static-white
2540
- );
2541
- --spectrum-alias-component-icon-color-emphasized-selected-hover: var(
2542
- --spectrum-alias-component-icon-color-emphasized-selected-default
2543
- );
2544
- --spectrum-alias-component-icon-color-emphasized-selected-down: var(
2545
- --spectrum-alias-component-icon-color-emphasized-selected-default
2546
- );
2547
- --spectrum-alias-component-icon-color-emphasized-selected-key-focus: var(
2548
- --spectrum-alias-component-icon-color-emphasized-selected-default
2549
- );
2550
- --spectrum-alias-component-icon-color-emphasized-selected: var(
2551
- --spectrum-alias-component-icon-color-emphasized-selected-default
2552
- );
2553
- --spectrum-alias-component-background-color-disabled: var(
2554
- --spectrum-global-color-gray-200
2555
- );
2556
- --spectrum-alias-component-background-color-quiet-disabled: var(
2557
- --spectrum-alias-background-color-transparent
2558
- );
2559
- --spectrum-alias-component-background-color-quiet-selected-disabled: var(
2560
- --spectrum-alias-component-background-color-disabled
2561
- );
2562
- --spectrum-alias-component-background-color: var(
2563
- --spectrum-alias-component-background-color-default
2564
- );
2565
- --spectrum-alias-component-background-color-selected: var(
2566
- --spectrum-alias-component-background-color-selected-default
2567
- );
2568
- --spectrum-alias-component-background-color-quiet-default: var(
2569
- --spectrum-alias-background-color-transparent
2570
- );
2571
- --spectrum-alias-component-background-color-quiet: var(
2572
- --spectrum-alias-component-background-color-quiet-default
2573
- );
2574
- --spectrum-alias-component-background-color-quiet-selected-default: var(
2575
- --spectrum-alias-component-background-color-selected-default
2576
- );
2577
- --spectrum-alias-component-background-color-quiet-selected-hover: var(
2578
- --spectrum-alias-component-background-color-selected-hover
2579
- );
2580
- --spectrum-alias-component-background-color-quiet-selected-down: var(
2581
- --spectrum-alias-component-background-color-selected-down
2582
- );
2583
- --spectrum-alias-component-background-color-quiet-selected-key-focus: var(
2584
- --spectrum-alias-component-background-color-selected-key-focus
2585
- );
2586
- --spectrum-alias-component-background-color-quiet-selected: var(
2587
- --spectrum-alias-component-background-color-selected-default
2588
- );
2589
- --spectrum-alias-component-background-color-emphasized-selected-default: var(
2590
- --spectrum-semantic-cta-background-color-default
2591
- );
2592
- --spectrum-alias-component-background-color-emphasized-selected-hover: var(
2593
- --spectrum-semantic-cta-background-color-hover
2594
- );
2595
- --spectrum-alias-component-background-color-emphasized-selected-down: var(
2596
- --spectrum-semantic-cta-background-color-down
2597
- );
2598
- --spectrum-alias-component-background-color-emphasized-selected-key-focus: var(
2599
- --spectrum-semantic-cta-background-color-key-focus
2600
- );
2601
- --spectrum-alias-component-background-color-emphasized-selected: var(
2602
- --spectrum-alias-component-background-color-emphasized-selected-default
2603
- );
2604
- --spectrum-alias-component-border-color-disabled: var(
2605
- --spectrum-alias-border-color-disabled
2606
- );
2607
- --spectrum-alias-component-border-color-quiet-disabled: var(
2608
- --spectrum-alias-border-color-transparent
2609
- );
2610
- --spectrum-alias-component-border-color: var(
2611
- --spectrum-alias-component-border-color-default
2612
- );
2613
- --spectrum-alias-component-border-color-selected: var(
2614
- --spectrum-alias-component-border-color-selected-default
2615
- );
2616
- --spectrum-alias-component-border-color-quiet-default: var(
2617
- --spectrum-alias-border-color-transparent
2618
- );
2619
- --spectrum-alias-component-border-color-quiet-hover: var(
2620
- --spectrum-alias-border-color-transparent
2621
- );
2622
- --spectrum-alias-component-border-color-quiet-down: var(
2623
- --spectrum-alias-border-color-transparent
2624
- );
2625
- --spectrum-alias-component-border-color-quiet: var(
2626
- --spectrum-alias-component-border-color-quiet-default
2627
- );
2628
- --spectrum-alias-component-border-color-quiet-selected: var(
2629
- --spectrum-alias-component-background-color-selected-default
2630
- );
2631
- --spectrum-alias-component-border-color-emphasized-selected-default: var(
2632
- --spectrum-semantic-cta-background-color-default
2633
- );
2634
- --spectrum-alias-component-border-color-emphasized-selected-hover: var(
2635
- --spectrum-semantic-cta-background-color-hover
2636
- );
2637
- --spectrum-alias-component-border-color-emphasized-selected-down: var(
2638
- --spectrum-semantic-cta-background-color-down
2639
- );
2640
- --spectrum-alias-component-border-color-emphasized-selected-key-focus: var(
2641
- --spectrum-semantic-cta-background-color-key-focus
2642
- );
2643
- --spectrum-alias-component-border-color-emphasized-selected: var(
2644
- --spectrum-alias-component-border-color-emphasized-selected-default
2645
- );
2646
- --spectrum-alias-tag-border-color-error-default: var(
2647
- --spectrum-semantic-negative-color-default
2648
- );
2649
- --spectrum-alias-tag-border-color-error-hover: var(
2650
- --spectrum-semantic-negative-color-hover
2651
- );
2652
- --spectrum-alias-tag-border-color-error-down: var(
2653
- --spectrum-semantic-negative-color-hover
2654
- );
2655
- --spectrum-alias-tag-border-color-error-selected: var(
2656
- --spectrum-semantic-negative-color-default
2657
- );
2658
- --spectrum-alias-tag-border-color-selected: var(
2659
- --spectrum-alias-tag-background-color-selected-default
2660
- );
2661
- --spectrum-alias-tag-border-color: var(
2662
- --spectrum-alias-tag-border-color-default
2663
- );
2664
- --spectrum-alias-tag-border-color-disabled: var(
2665
- --spectrum-alias-border-color-disabled
2666
- );
2667
- --spectrum-alias-tag-border-color-error: var(
2668
- --spectrum-alias-tag-border-color-error-default
2669
- );
2670
- --spectrum-alias-tag-text-color-default: var(
2671
- --spectrum-alias-label-text-color
2672
- );
2673
- --spectrum-alias-tag-text-color-hover: var(
2674
- --spectrum-alias-text-color-hover
2675
- );
2676
- --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
2677
- --spectrum-alias-tag-text-color-key-focus: var(
2678
- --spectrum-alias-text-color-hover
2679
- );
2680
- --spectrum-alias-tag-text-color-disabled: var(
2681
- --spectrum-global-color-gray-500
2682
- );
2683
- --spectrum-alias-tag-text-color: var(
2684
- --spectrum-alias-tag-text-color-default
2685
- );
2686
- --spectrum-alias-tag-text-color-error-default: var(
2687
- --spectrum-global-color-red-600
2688
- );
2689
- --spectrum-alias-tag-text-color-error-hover: var(
2690
- --spectrum-global-color-red-700
2691
- );
2692
- --spectrum-alias-tag-text-color-error-down: var(
2693
- --spectrum-global-color-red-700
2694
- );
2695
- --spectrum-alias-tag-text-color-error-key-focus: var(
2696
- --spectrum-global-color-red-700
2697
- );
2698
- --spectrum-alias-tag-text-color-error: var(
2699
- --spectrum-alias-tag-text-color-error-default
2700
- );
2701
- --spectrum-alias-tag-text-color-selected: var(
2702
- --spectrum-global-color-gray-50
2703
- );
2704
- --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
2705
- --spectrum-alias-tag-icon-color-hover: var(
2706
- --spectrum-alias-icon-color-hover
2707
- );
2708
- --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
2709
- --spectrum-alias-tag-icon-color-key-focus: var(
2710
- --spectrum-alias-icon-color-hover
2711
- );
2712
- --spectrum-alias-tag-icon-color-disabled: var(
2713
- --spectrum-alias-icon-color-disabled
2714
- );
2715
- --spectrum-alias-tag-icon-color: var(
2716
- --spectrum-alias-tag-icon-color-default
2717
- );
2718
- --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
2719
- --spectrum-alias-tag-icon-color-selected: var(
2720
- --spectrum-global-color-gray-50
2721
- );
2722
- --spectrum-alias-tag-background-color: var(
2723
- --spectrum-alias-tag-background-color-default
2724
- );
2725
- --spectrum-alias-tag-background-color-error: var(
2726
- --spectrum-alias-tag-background-color-error-default
2727
- );
2728
- --spectrum-alias-tag-background-color-error-selected-default: var(
2729
- --spectrum-semantic-negative-color-default
2730
- );
2731
- --spectrum-alias-tag-background-color-error-selected-hover: var(
2732
- --spectrum-semantic-negative-color-hover
2733
- );
2734
- --spectrum-alias-tag-background-color-error-selected-down: var(
2735
- --spectrum-semantic-negative-color-hover
2736
- );
2737
- --spectrum-alias-tag-background-color-error-selected-key-focus: var(
2738
- --spectrum-global-color-red-600
2739
- );
2740
- --spectrum-alias-tag-background-color-error-selected: var(
2741
- --spectrum-alias-tag-background-color-error-selected-default
2742
- );
2743
- --spectrum-alias-tag-background-color-selected-default: var(
2744
- --spectrum-global-color-gray-700
2745
- );
2746
- --spectrum-alias-tag-background-color-selected-hover: var(
2747
- --spectrum-global-color-gray-800
2748
- );
2749
- --spectrum-alias-tag-background-color-selected-down: var(
2750
- --spectrum-global-color-gray-900
2751
- );
2752
- --spectrum-alias-tag-background-color-selected-key-focus: var(
2753
- --spectrum-global-color-gray-900
2754
- );
2755
- --spectrum-alias-tag-background-color-selected: var(
2756
- --spectrum-alias-tag-background-color-selected-default
2757
- );
2758
- --spectrum-alias-tag-focusring-border-color-default: transparent;
2759
- --spectrum-alias-tag-focusring-border-color-disabled: transparent;
2760
- --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(
2761
- --spectrum-alias-focus-ring-color
2762
- );
2763
- --spectrum-alias-tag-focusring-border-color: var(
2764
- --spectrum-alias-tag-focusring-border-color-default
2765
- );
2766
- --spectrum-alias-avatar-border-color: var(
2767
- --spectrum-alias-avatar-border-color-default
2768
- );
2769
- --spectrum-alias-avatar-border-color-selected: var(
2770
- --spectrum-alias-avatar-border-color-selected-default
2771
- );
2772
- --spectrum-alias-toggle-background-color: var(
2773
- --spectrum-alias-toggle-background-color-default
2774
- );
2775
- --spectrum-alias-toggle-background-color-emphasized-selected: var(
2776
- --spectrum-alias-toggle-background-color-emphasized-selected-default
2777
- );
2778
- --spectrum-alias-toggle-border-color: var(
2779
- --spectrum-alias-toggle-border-color-default
2780
- );
2781
- --spectrum-alias-toggle-icon-color-selected: var(
2782
- --spectrum-global-color-gray-75
2783
- );
2784
- --spectrum-alias-toggle-icon-color-emphasized-selected: var(
2785
- --spectrum-global-color-gray-75
2786
- );
2787
- --spectrum-alias-button-primary-background-color-hover: var(
2788
- --spectrum-global-color-gray-800
2789
- );
2790
- --spectrum-alias-button-primary-background-color-down: var(
2791
- --spectrum-global-color-gray-900
2792
- );
2793
- --spectrum-alias-button-primary-background-color-key-focus: var(
2794
- --spectrum-global-color-gray-800
2795
- );
2796
- --spectrum-alias-button-primary-background-color: var(
2797
- --spectrum-alias-button-primary-background-color-default
2798
- );
2799
- --spectrum-alias-button-primary-border-color-default: var(
2800
- --spectrum-global-color-gray-800
2801
- );
2802
- --spectrum-alias-button-primary-border-color-hover: var(
2803
- --spectrum-alias-button-primary-background-color-hover
2804
- );
2805
- --spectrum-alias-button-primary-border-color-down: var(
2806
- --spectrum-alias-button-primary-background-color-down
2807
- );
2808
- --spectrum-alias-button-primary-border-color-key-focus: var(
2809
- --spectrum-alias-button-primary-background-color-key-focus
2810
- );
2811
- --spectrum-alias-button-primary-border-color: var(
2812
- --spectrum-alias-button-primary-border-color-default
2813
- );
2814
- --spectrum-alias-button-primary-text-color-hover: var(
2815
- --spectrum-global-color-gray-50
2816
- );
2817
- --spectrum-alias-button-primary-text-color-down: var(
2818
- --spectrum-global-color-gray-50
2819
- );
2820
- --spectrum-alias-button-primary-text-color-key-focus: var(
2821
- --spectrum-global-color-gray-50
2822
- );
2823
- --spectrum-alias-button-primary-text-color: var(
2824
- --spectrum-alias-button-primary-text-color-default
2825
- );
2826
- --spectrum-alias-button-primary-icon-color-hover: var(
2827
- --spectrum-alias-button-primary-text-color-hover
2828
- );
2829
- --spectrum-alias-button-primary-icon-color-down: var(
2830
- --spectrum-alias-button-primary-text-color-down
2831
- );
2832
- --spectrum-alias-button-primary-icon-color-key-focus: var(
2833
- --spectrum-alias-button-primary-text-color-key-focus
2834
- );
2835
- --spectrum-alias-button-primary-icon-color: var(
2836
- --spectrum-alias-button-primary-icon-color-default
2837
- );
2838
- --spectrum-alias-button-secondary-background-color-hover: var(
2839
- --spectrum-global-color-gray-700
2840
- );
2841
- --spectrum-alias-button-secondary-background-color-down: var(
2842
- --spectrum-global-color-gray-800
2843
- );
2844
- --spectrum-alias-button-secondary-background-color-key-focus: var(
2845
- --spectrum-global-color-gray-700
2846
- );
2847
- --spectrum-alias-button-secondary-background-color: var(
2848
- --spectrum-alias-button-secondary-background-color-default
2849
- );
2850
- --spectrum-alias-button-secondary-border-color-default: var(
2851
- --spectrum-global-color-gray-700
2852
- );
2853
- --spectrum-alias-button-secondary-border-color-hover: var(
2854
- --spectrum-alias-button-secondary-background-color-hover
2855
- );
2856
- --spectrum-alias-button-secondary-border-color-down: var(
2857
- --spectrum-alias-button-secondary-background-color-down
2858
- );
2859
- --spectrum-alias-button-secondary-border-color-key-focus: var(
2860
- --spectrum-alias-button-secondary-background-color-key-focus
2861
- );
2862
- --spectrum-alias-button-secondary-border-color: var(
2863
- --spectrum-alias-button-secondary-border-color-default
2864
- );
2865
- --spectrum-alias-button-secondary-text-color-hover: var(
2866
- --spectrum-global-color-gray-50
2867
- );
2868
- --spectrum-alias-button-secondary-text-color-down: var(
2869
- --spectrum-global-color-gray-50
2870
- );
2871
- --spectrum-alias-button-secondary-text-color-key-focus: var(
2872
- --spectrum-global-color-gray-50
2873
- );
2874
- --spectrum-alias-button-secondary-text-color: var(
2875
- --spectrum-alias-button-secondary-text-color-default
2876
- );
2877
- --spectrum-alias-button-secondary-icon-color-hover: var(
2878
- --spectrum-alias-button-secondary-text-color-hover
2879
- );
2880
- --spectrum-alias-button-secondary-icon-color-down: var(
2881
- --spectrum-alias-button-secondary-text-color-down
2882
- );
2883
- --spectrum-alias-button-secondary-icon-color-key-focus: var(
2884
- --spectrum-alias-button-secondary-text-color-key-focus
2885
- );
2886
- --spectrum-alias-button-secondary-icon-color: var(
2887
- --spectrum-alias-button-secondary-icon-color-default
2888
- );
2889
- --spectrum-alias-button-negative-background-color-hover: var(
2890
- --spectrum-semantic-negative-text-color-small
2891
- );
2892
- --spectrum-alias-button-negative-background-color-down: var(
2893
- --spectrum-global-color-red-700
2894
- );
2895
- --spectrum-alias-button-negative-background-color-key-focus: var(
2896
- --spectrum-semantic-negative-text-color-small
2897
- );
2898
- --spectrum-alias-button-negative-background-color: var(
2899
- --spectrum-alias-button-negative-background-color-default
2900
- );
2901
- --spectrum-alias-button-negative-border-color-default: var(
2902
- --spectrum-semantic-negative-text-color-small
2903
- );
2904
- --spectrum-alias-button-negative-border-color-hover: var(
2905
- --spectrum-semantic-negative-text-color-small
2906
- );
2907
- --spectrum-alias-button-negative-border-color-down: var(
2908
- --spectrum-global-color-red-700
2909
- );
2910
- --spectrum-alias-button-negative-border-color-key-focus: var(
2911
- --spectrum-semantic-negative-text-color-small
2912
- );
2913
- --spectrum-alias-button-negative-border-color: var(
2914
- --spectrum-alias-button-negative-border-color-default
2915
- );
2916
- --spectrum-alias-button-negative-text-color-hover: var(
2917
- --spectrum-global-color-gray-50
2918
- );
2919
- --spectrum-alias-button-negative-text-color-down: var(
2920
- --spectrum-global-color-gray-50
2921
- );
2922
- --spectrum-alias-button-negative-text-color-key-focus: var(
2923
- --spectrum-global-color-gray-50
2924
- );
2925
- --spectrum-alias-button-negative-text-color: var(
2926
- --spectrum-alias-button-negative-text-color-default
2927
- );
2928
- --spectrum-alias-button-negative-icon-color-hover: var(
2929
- --spectrum-alias-button-negative-text-color-hover
2930
- );
2931
- --spectrum-alias-button-negative-icon-color-down: var(
2932
- --spectrum-alias-button-negative-text-color-down
2933
- );
2934
- --spectrum-alias-button-negative-icon-color-key-focus: var(
2935
- --spectrum-alias-button-negative-text-color-key-focus
2936
- );
2937
- --spectrum-alias-button-negative-icon-color: var(
2938
- --spectrum-alias-button-negative-icon-color-default
2939
- );
2940
- --spectrum-alias-input-border-color-disabled: var(
2941
- --spectrum-alias-border-color-transparent
2942
- );
2943
- --spectrum-alias-input-border-color-quiet-disabled: var(
2944
- --spectrum-alias-border-color-mid
2945
- );
2946
- --spectrum-alias-input-border-color: var(
2947
- --spectrum-alias-input-border-color-default
2948
- );
2949
- --spectrum-alias-input-border-color-invalid-default: var(
2950
- --spectrum-semantic-negative-color-default
2951
- );
2952
- --spectrum-alias-input-border-color-invalid-hover: var(
2953
- --spectrum-semantic-negative-color-hover
2954
- );
2955
- --spectrum-alias-input-border-color-invalid-down: var(
2956
- --spectrum-semantic-negative-color-down
2957
- );
2958
- --spectrum-alias-input-border-color-invalid-mouse-focus: var(
2959
- --spectrum-semantic-negative-color-hover
2960
- );
2961
- --spectrum-alias-input-border-color-invalid: var(
2962
- --spectrum-alias-input-border-color-invalid-default
2963
- );
2964
- --spectrum-alias-background-color-yellow-default: var(
2965
- --spectrum-global-color-static-yellow-300
2966
- );
2967
- --spectrum-alias-background-color-yellow-hover: var(
2968
- --spectrum-global-color-static-yellow-400
2969
- );
2970
- --spectrum-alias-background-color-yellow-key-focus: var(
2971
- --spectrum-global-color-static-yellow-400
2972
- );
2973
- --spectrum-alias-background-color-yellow-down: var(
2974
- --spectrum-global-color-static-yellow-500
2975
- );
2976
- --spectrum-alias-background-color-yellow: var(
2977
- --spectrum-alias-background-color-yellow-default
2978
- );
2979
- --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent;
2980
- --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent;
2981
- --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(
2982
- --spectrum-alias-component-background-color-disabled
2983
- );
2984
- --spectrum-alias-tabitem-text-color: var(
2985
- --spectrum-alias-tabitem-text-color-default
2986
- );
2987
- --spectrum-alias-tabitem-text-color-selected: var(
2988
- --spectrum-alias-tabitem-text-color-selected-default
2989
- );
2990
- --spectrum-alias-tabitem-text-color-emphasized-selected: var(
2991
- --spectrum-alias-tabitem-text-color-emphasized-selected-default
2992
- );
2993
- --spectrum-alias-tabitem-icon-color: var(
2994
- --spectrum-alias-tabitem-text-color-default
2995
- );
2996
- --spectrum-alias-background-color-default: var(
2997
- --spectrum-global-color-gray-100
2998
- );
2999
- --spectrum-alias-background-color-disabled: var(
3000
- --spectrum-global-color-gray-200
3001
- );
3002
- --spectrum-alias-background-color-transparent: transparent;
3003
- --spectrum-alias-background-color-overbackground-down: hsla(
3004
- 0,
3005
- 0%,
3006
- 100%,
3007
- 0.2
3008
- );
3009
- --spectrum-alias-background-color-quiet-overbackground-hover: hsla(
3010
- 0,
3011
- 0%,
3012
- 100%,
3013
- 0.1
3014
- );
3015
- --spectrum-alias-background-color-quiet-overbackground-down: hsla(
3016
- 0,
3017
- 0%,
3018
- 100%,
3019
- 0.2
3020
- );
3021
- --spectrum-alias-background-color-overbackground-disabled: hsla(
3022
- 0,
3023
- 0%,
3024
- 100%,
3025
- 0.1
3026
- );
3027
- --spectrum-alias-background-color-quickactions-overlay: rgba(0, 0, 0, 0.2);
3028
- --spectrum-alias-placeholder-text-color: var(
3029
- --spectrum-global-color-gray-800
3030
- );
3031
- --spectrum-alias-placeholder-text-color-hover: var(
3032
- --spectrum-global-color-gray-900
3033
- );
3034
- --spectrum-alias-placeholder-text-color-down: var(
3035
- --spectrum-global-color-gray-900
3036
- );
3037
- --spectrum-alias-placeholder-text-color-selected: var(
3038
- --spectrum-global-color-gray-800
3039
- );
3040
- --spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
3041
- --spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
3042
- --spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
3043
- --spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
3044
- --spectrum-alias-text-color-key-focus: var(
3045
- --spectrum-global-color-blue-600
3046
- );
3047
- --spectrum-alias-text-color-mouse-focus: var(
3048
- --spectrum-global-color-blue-600
3049
- );
3050
- --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
3051
- --spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
3052
- --spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
3053
- --spectrum-alias-text-color-selected-neutral: var(
3054
- --spectrum-global-color-gray-900
3055
- );
3056
- --spectrum-alias-text-color-overbackground: var(
3057
- --spectrum-global-color-static-white
3058
- );
3059
- --spectrum-alias-text-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
3060
- --spectrum-alias-text-color-quiet-overbackground-disabled: hsla(
3061
- 0,
3062
- 0%,
3063
- 100%,
3064
- 0.2
3065
- );
3066
- --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
3067
- --spectrum-alias-link-primary-text-color: var(
3068
- --spectrum-alias-link-primary-text-color-default
3069
- );
3070
- --spectrum-alias-link-secondary-text-color: var(
3071
- --spectrum-alias-link-secondary-text-color-default
3072
- );
3073
- --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
3074
- --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
3075
- --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);
3076
- --spectrum-alias-border-color-key-focus: var(
3077
- --spectrum-global-color-blue-400
3078
- );
3079
- --spectrum-alias-border-color-mouse-focus: var(
3080
- --spectrum-global-color-blue-500
3081
- );
3082
- --spectrum-alias-border-color-disabled: var(
3083
- --spectrum-global-color-gray-200
3084
- );
3085
- --spectrum-alias-border-color-extralight: var(
3086
- --spectrum-global-color-gray-100
3087
- );
3088
- --spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
3089
- --spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
3090
- --spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
3091
- --spectrum-alias-border-color-darker-default: var(
3092
- --spectrum-global-color-gray-600
3093
- );
3094
- --spectrum-alias-border-color-darker-hover: var(
3095
- --spectrum-global-color-gray-900
3096
- );
3097
- --spectrum-alias-border-color-darker-down: var(
3098
- --spectrum-global-color-gray-900
3099
- );
3100
- --spectrum-alias-border-color-transparent: transparent;
3101
- --spectrum-alias-border-color-translucent-dark: rgba(0, 0, 0, 0.05);
3102
- --spectrum-alias-border-color-translucent-darker: rgba(0, 0, 0, 0.1);
3103
- --spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
3104
- --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color);
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-track-color-overbackground: hsla(0, 0%, 100%, 0.2);
3112
- --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
3113
- --spectrum-alias-icon-color-overbackground: var(
3114
- --spectrum-global-color-static-white
3115
- );
3116
- --spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
3117
- --spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
3118
- --spectrum-alias-icon-color-key-focus: var(
3119
- --spectrum-global-color-gray-900
3120
- );
3121
- --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
3122
- --spectrum-alias-icon-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
3123
- --spectrum-alias-icon-color-quiet-overbackground-disabled: hsla(
3124
- 0,
3125
- 0%,
3126
- 100%,
3127
- 0.15
3128
- );
3129
- --spectrum-alias-icon-color-selected-neutral: var(
3130
- --spectrum-global-color-gray-900
3131
- );
3132
- --spectrum-alias-icon-color-selected-neutral-subdued: var(
3133
- --spectrum-global-color-gray-800
3134
- );
3135
- --spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
3136
- --spectrum-alias-icon-color-selected-hover: var(
3137
- --spectrum-global-color-blue-600
3138
- );
3139
- --spectrum-alias-icon-color-selected-down: var(
3140
- --spectrum-global-color-blue-700
3141
- );
3142
- --spectrum-alias-icon-color-selected-focus: var(
3143
- --spectrum-global-color-blue-600
3144
- );
3145
- --spectrum-alias-image-opacity-disabled: var(
3146
- --spectrum-global-color-opacity-30
3147
- );
3148
- --spectrum-alias-toolbar-background-color: var(
3149
- --spectrum-global-color-gray-100
3150
- );
3151
- --spectrum-alias-code-highlight-color-default: var(
3152
- --spectrum-global-color-gray-800
3153
- );
3154
- --spectrum-alias-code-highlight-background-color: var(
3155
- --spectrum-global-color-gray-75
3156
- );
3157
- --spectrum-alias-code-highlight-color-keyword: var(
3158
- --spectrum-global-color-fuchsia-600
3159
- );
3160
- --spectrum-alias-code-highlight-color-section: var(
3161
- --spectrum-global-color-red-600
3162
- );
3163
- --spectrum-alias-code-highlight-color-literal: var(
3164
- --spectrum-global-color-blue-600
3165
- );
3166
- --spectrum-alias-code-highlight-color-attribute: var(
3167
- --spectrum-global-color-seafoam-600
3168
- );
3169
- --spectrum-alias-code-highlight-color-class: var(
3170
- --spectrum-global-color-magenta-600
3171
- );
3172
- --spectrum-alias-code-highlight-color-variable: var(
3173
- --spectrum-global-color-purple-600
3174
- );
3175
- --spectrum-alias-code-highlight-color-title: var(
3176
- --spectrum-global-color-indigo-600
3177
- );
3178
- --spectrum-alias-code-highlight-color-string: var(
3179
- --spectrum-global-color-fuchsia-600
3180
- );
3181
- --spectrum-alias-code-highlight-color-function: var(
3182
- --spectrum-global-color-blue-600
3183
- );
3184
- --spectrum-alias-code-highlight-color-comment: var(
3185
- --spectrum-global-color-gray-700
3186
- );
3187
- --spectrum-alias-categorical-color-1: var(
3188
- --spectrum-global-color-static-seafoam-200
3189
- );
3190
- --spectrum-alias-categorical-color-2: var(
3191
- --spectrum-global-color-static-indigo-700
3192
- );
3193
- --spectrum-alias-categorical-color-3: var(
3194
- --spectrum-global-color-static-orange-500
3195
- );
3196
- --spectrum-alias-categorical-color-4: var(
3197
- --spectrum-global-color-static-magenta-500
3198
- );
3199
- --spectrum-alias-categorical-color-5: var(
3200
- --spectrum-global-color-static-indigo-200
3201
- );
3202
- --spectrum-alias-categorical-color-6: var(
3203
- --spectrum-global-color-static-celery-200
3204
- );
3205
- --spectrum-alias-categorical-color-7: var(
3206
- --spectrum-global-color-static-blue-500
3207
- );
3208
- --spectrum-alias-categorical-color-8: var(
3209
- --spectrum-global-color-static-purple-800
3210
- );
3211
- --spectrum-alias-categorical-color-9: var(
3212
- --spectrum-global-color-static-yellow-500
3213
- );
3214
- --spectrum-alias-categorical-color-10: var(
3215
- --spectrum-global-color-static-orange-700
3216
- );
3217
- --spectrum-alias-categorical-color-11: var(
3218
- --spectrum-global-color-static-green-600
3219
- );
3220
- --spectrum-alias-categorical-color-12: var(
3221
- --spectrum-global-color-static-chartreuse-300
3222
- );
3223
- --spectrum-alias-categorical-color-13: var(
3224
- --spectrum-global-color-static-blue-200
3225
- );
3226
- --spectrum-alias-categorical-color-14: var(
3227
- --spectrum-global-color-static-fuchsia-500
3228
- );
3229
- --spectrum-alias-categorical-color-15: var(
3230
- --spectrum-global-color-static-magenta-200
3231
- );
3232
- --spectrum-alias-categorical-color-16: var(
3233
- --spectrum-global-color-static-yellow-200
3234
- );
3235
- }
3236
14
  :host,
3237
15
  :root {
3238
- --spectrum-colorloupe-express-visibility: block;
3239
- --spectrum-colorloupe-spectrum-visibility: none;
3240
- --spectrum-colorloupe-outer-border-color: transparent;
3241
- --spectrum-colorloupe-outer-border-size: 0;
3242
- --spectrum-colorloupe-outer-stroke-color: rgba(0, 0, 0, 0.15);
3243
- --spectrum-colorloupe-outer-stroke-width: 6px;
3244
- --spectrum-colorhandle-size: var(--spectrum-global-dimension-size-250);
3245
- --spectrum-colorhandle-background-offset: 0px;
3246
- --spectrum-colorhandle-inner-shadow-color: rgba(0, 0, 0, 0.15);
3247
- --spectrum-colorhandle-outer-shadow-color: rgba(0, 0, 0, 0.3);
3248
- --spectrum-colorhandle-outer-shadow-blur: var(
3249
- --spectrum-global-dimension-static-size-50
3250
- );
3251
- --spectrum-colorhandle-outer-shadow-spread: 0;
3252
- --spectrum-colorslider-height: var(--spectrum-global-dimension-size-200);
3253
- --spectrum-colorslider-vertical-width: var(--spectrum-colorslider-height);
3254
- --spectrum-colorslider-border-radius: var(
3255
- --spectrum-alias-border-radius-small
3256
- );
3257
- --spectrum-colorcontrol-checkerboard-light-color: var(
3258
- --spectrum-global-color-static-white
3259
- );
3260
- --spectrum-colorcontrol-checkerboard-dark-color: var(
3261
- --spectrum-global-color-static-gray-200
3262
- );
3263
- --spectrum-slide-label-text-size: var(
3264
- --spectrum-global-dimension-font-size-100
3265
- );
3266
- --spectrum-slider-m-handle-gap: 0px;
3267
- --spectrum-slider-m-handle-border-radius: 100%;
3268
- --spectrum-slider-m-track-border-radius: var(
3269
- --spectrum-alias-border-radius-xsmall
3270
- );
3271
- --spectrum-slider-m-track-inside-border-radius: 0px;
3272
- --spectrum-slider-m-track-height: var(--spectrum-global-dimension-size-50);
3273
- --spectrum-slider-m-track-color: var(--spectrum-global-color-gray-200);
3274
- --spectrum-slider-m-track-fill-color: var(--spectrum-global-color-gray-600);
3275
- --spectrum-slider-m-tick-mark-color: var(--spectrum-global-color-gray-200);
3276
- --spectrum-slider-m-track-color-disabled: var(
3277
- --spectrum-global-color-gray-200
3278
- );
3279
- --spectrum-slider-m-handle-background-color: var(
3280
- --spectrum-global-color-gray-50
3281
- );
3282
- --spectrum-slider-m-handle-border-color: var(
3283
- --spectrum-global-color-gray-800
3284
- );
3285
- --spectrum-slider-m-handle-border-color-hover: var(
3286
- --spectrum-global-color-gray-900
3287
- );
3288
- --spectrum-slider-m-handle-border-color-disabled: var(
3289
- --spectrum-global-color-gray-300
3290
- );
3291
- --spectrum-slider-label-text-size: var(
3292
- --spectrum-global-dimension-font-size-100
3293
- );
3294
- --spectrum-fieldlabel-xl-text-size: var(
3295
- --spectrum-global-dimension-font-size-300
3296
- );
16
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3297
17
  }