@spectrum-web-components/styles 0.11.0 → 0.11.3-express.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 (23) hide show
  1. package/README.md +1 -1
  2. package/core-global.css +535 -37
  3. package/express/core-global.css +2625 -0
  4. package/express/scale-large.css +6487 -0
  5. package/express/scale-medium.css +6541 -0
  6. package/express/theme-dark.css +302 -0
  7. package/express/theme-light.css +297 -0
  8. package/fonts.css +7 -14
  9. package/package.json +7 -6
  10. package/scale-large.css +3190 -958
  11. package/scale-medium.css +3273 -1023
  12. package/spectrum-scale-large.css +6499 -0
  13. package/spectrum-scale-medium.css +6549 -0
  14. package/src/spectrum-lang.css +6 -1
  15. package/src/spectrum-lang.css.js +3 -1
  16. package/src/spectrum-lang.css.js.map +1 -1
  17. package/stories/styles.stories.js +54 -0
  18. package/stories/styles.stories.js.map +1 -0
  19. package/theme-dark.css +126 -170
  20. package/theme-darkest.css +126 -170
  21. package/theme-light.css +12 -1
  22. package/theme-lightest.css +3 -1
  23. package/typography.css +8 -2
package/express/core-global.css ADDED
@@ -0,0 +1,2625 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+
13
+ /* stylelint-disable */
14
+ :host,
15
+ :root {
16
+ --spectrum-global-animation-linear: cubic-bezier(
17
+ 0,
18
+ 0,
19
+ 1,
20
+ 1
21
+ ); /* spectrum-animationGlobals.css */
22
+ --spectrum-global-animation-duration-0: 0ms;
23
+ --spectrum-global-animation-duration-100: 130ms;
24
+ --spectrum-global-animation-duration-200: 160ms;
25
+ --spectrum-global-animation-duration-300: 190ms;
26
+ --spectrum-global-animation-duration-400: 220ms;
27
+ --spectrum-global-animation-duration-500: 250ms;
28
+ --spectrum-global-animation-duration-600: 300ms;
29
+ --spectrum-global-animation-duration-700: 350ms;
30
+ --spectrum-global-animation-duration-800: 400ms;
31
+ --spectrum-global-animation-duration-900: 450ms;
32
+ --spectrum-global-animation-duration-1000: 500ms;
33
+ --spectrum-global-animation-duration-2000: 1000ms;
34
+ --spectrum-global-animation-duration-4000: 2000ms;
35
+ --spectrum-global-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
36
+ --spectrum-global-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
37
+ --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
38
+ --spectrum-global-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
39
+
40
+ /* spectrum-colorGlobals.css */
41
+ --spectrum-global-color-status: Verified;
42
+ --spectrum-global-color-version: 5.1.0;
43
+ --spectrum-global-color-static-blue: #0261d6;
44
+ --spectrum-global-color-static-gray-50: #fff;
45
+ --spectrum-global-color-static-gray-75: #fff;
46
+ --spectrum-global-color-static-gray-100: #fff;
47
+ --spectrum-global-color-static-gray-200: #ebebeb;
48
+ --spectrum-global-color-static-gray-300: #dadada;
49
+ --spectrum-global-color-static-gray-400: #b3b3b3;
50
+ --spectrum-global-color-static-gray-500: #929292;
51
+ --spectrum-global-color-static-gray-600: #6e6e6e;
52
+ --spectrum-global-color-static-gray-700: #474747;
53
+ --spectrum-global-color-static-gray-800: #222;
54
+ --spectrum-global-color-static-gray-900: #000;
55
+ --spectrum-global-color-static-red-400: #fa604b;
56
+ --spectrum-global-color-static-red-500: #f04534;
57
+ --spectrum-global-color-static-red-600: #e32a1f;
58
+ --spectrum-global-color-static-red-700: #ce0f0b;
59
+ --spectrum-global-color-static-red-800: #b60000;
60
+ --spectrum-global-color-static-orange-400: #e87200;
61
+ --spectrum-global-color-static-orange-500: #d56300;
62
+ --spectrum-global-color-static-orange-600: #c25600;
63
+ --spectrum-global-color-static-orange-700: #ac4900;
64
+ --spectrum-global-color-static-orange-800: #963e00;
65
+ --spectrum-global-color-static-yellow-200: #fdf8cd;
66
+ --spectrum-global-color-static-yellow-300: #f9e442;
67
+ --spectrum-global-color-static-yellow-400: #ec0;
68
+ --spectrum-global-color-static-yellow-500: #dbb700;
69
+ --spectrum-global-color-static-yellow-600: #c8a300;
70
+ --spectrum-global-color-static-yellow-700: #b48f00;
71
+ --spectrum-global-color-static-yellow-800: #a47f00;
72
+ --spectrum-global-color-static-chartreuse-300: #c4f081;
73
+ --spectrum-global-color-static-chartreuse-400: #a6df58;
74
+ --spectrum-global-color-static-chartreuse-500: #8bcc39;
75
+ --spectrum-global-color-static-chartreuse-600: #74b824;
76
+ --spectrum-global-color-static-chartreuse-700: #62a416;
77
+ --spectrum-global-color-static-chartreuse-800: #559310;
78
+ --spectrum-global-color-static-celery-200: #a9f597;
79
+ --spectrum-global-color-static-celery-300: #7be471;
80
+ --spectrum-global-color-static-celery-400: #53d254;
81
+ --spectrum-global-color-static-celery-500: #2dbf3a;
82
+ --spectrum-global-color-static-celery-600: #0dab25;
83
+ --spectrum-global-color-static-celery-700: #009a17;
84
+ --spectrum-global-color-static-celery-800: #008910;
85
+ --spectrum-global-color-static-green-400: #1ba772;
86
+ --spectrum-global-color-static-green-500: #009764;
87
+ --spectrum-global-color-static-green-600: #008757;
88
+ --spectrum-global-color-static-green-700: #00764c;
89
+ --spectrum-global-color-static-green-800: #006641;
90
+ --spectrum-global-color-static-seafoam-200: #49cbcd;
91
+ --spectrum-global-color-static-seafoam-300: #25b8bd;
92
+ --spectrum-global-color-static-seafoam-400: #00a3aa;
93
+ --spectrum-global-color-static-seafoam-500: #00929b;
94
+ --spectrum-global-color-static-seafoam-600: #00828e;
95
+ --spectrum-global-color-static-seafoam-700: #00727e;
96
+ --spectrum-global-color-static-seafoam-800: #00626e;
97
+ --spectrum-global-color-static-blue-200: #7fbffb;
98
+ --spectrum-global-color-static-blue-300: #60abf8;
99
+ --spectrum-global-color-static-blue-400: #3e95f4;
100
+ --spectrum-global-color-static-blue-500: #1f82f6;
101
+ --spectrum-global-color-static-blue-600: #0b71ef;
102
+ --spectrum-global-color-static-blue-700: #0261d6;
103
+ --spectrum-global-color-static-blue-800: #0055b9;
104
+ --spectrum-global-color-static-indigo-200: #9a9dff;
105
+ --spectrum-global-color-static-indigo-300: #8287fd;
106
+ --spectrum-global-color-static-indigo-400: #7175f8;
107
+ --spectrum-global-color-static-indigo-500: #6165f0;
108
+ --spectrum-global-color-static-indigo-600: #4f54e1;
109
+ --spectrum-global-color-static-indigo-700: #4246cb;
110
+ --spectrum-global-color-static-indigo-800: #363ab2;
111
+ --spectrum-global-color-static-purple-400: #a460f8;
112
+ --spectrum-global-color-static-purple-500: #964df0;
113
+ --spectrum-global-color-static-purple-600: #8638e4;
114
+ --spectrum-global-color-static-purple-700: #7526d5;
115
+ --spectrum-global-color-static-purple-800: #6317bf;
116
+ --spectrum-global-color-static-fuchsia-400: #d642d7;
117
+ --spectrum-global-color-static-fuchsia-500: #c530c6;
118
+ --spectrum-global-color-static-fuchsia-600: #b21cb3;
119
+ --spectrum-global-color-static-fuchsia-700: #9f04a0;
120
+ --spectrum-global-color-static-fuchsia-800: #880089;
121
+ --spectrum-global-color-static-magenta-200: #fd7cae;
122
+ --spectrum-global-color-static-magenta-300: #f25e9c;
123
+ --spectrum-global-color-static-magenta-400: #e5478b;
124
+ --spectrum-global-color-static-magenta-500: #d7327a;
125
+ --spectrum-global-color-static-magenta-600: #c41d66;
126
+ --spectrum-global-color-static-magenta-700: #af0a56;
127
+ --spectrum-global-color-static-magenta-800: #970049;
128
+ --spectrum-global-color-static-black: #000;
129
+ --spectrum-global-color-static-white: #fff;
130
+ --spectrum-global-color-static-transparent-white-200: hsla(
131
+ 0,
132
+ 0%,
133
+ 100%,
134
+ 0.1
135
+ );
136
+ --spectrum-global-color-static-transparent-white-300: hsla(
137
+ 0,
138
+ 0%,
139
+ 100%,
140
+ 0.25
141
+ );
142
+ --spectrum-global-color-static-transparent-white-400: hsla(
143
+ 0,
144
+ 0%,
145
+ 100%,
146
+ 0.4
147
+ );
148
+ --spectrum-global-color-static-transparent-white-500: hsla(
149
+ 0,
150
+ 0%,
151
+ 100%,
152
+ 0.55
153
+ );
154
+ --spectrum-global-color-static-transparent-white-600: hsla(
155
+ 0,
156
+ 0%,
157
+ 100%,
158
+ 0.7
159
+ );
160
+ --spectrum-global-color-static-transparent-white-700: hsla(
161
+ 0,
162
+ 0%,
163
+ 100%,
164
+ 0.8
165
+ );
166
+ --spectrum-global-color-static-transparent-white-800: hsla(
167
+ 0,
168
+ 0%,
169
+ 100%,
170
+ 0.9
171
+ );
172
+ --spectrum-global-color-static-transparent-white-900: #fff;
173
+ --spectrum-global-color-static-transparent-black-200: rgba(0, 0, 0, 0.1);
174
+ --spectrum-global-color-static-transparent-black-300: rgba(0, 0, 0, 0.25);
175
+ --spectrum-global-color-static-transparent-black-400: rgba(0, 0, 0, 0.4);
176
+ --spectrum-global-color-static-transparent-black-500: rgba(0, 0, 0, 0.55);
177
+ --spectrum-global-color-static-transparent-black-600: rgba(0, 0, 0, 0.7);
178
+ --spectrum-global-color-static-transparent-black-700: rgba(0, 0, 0, 0.8);
179
+ --spectrum-global-color-static-transparent-black-800: rgba(0, 0, 0, 0.9);
180
+ --spectrum-global-color-static-transparent-black-900: #000;
181
+ --spectrum-global-color-sequential-cerulean: #e9fff1, #c8f1e4, #a5e3d7,
182
+ #82d5ca, #68c5c1, #54b4ba, #3fa2b2, #2991ac, #2280a2, #1f6d98, #1d5c8d,
183
+ #1a4b83, #1a3979, #1a266f, #191264, #180057;
184
+ --spectrum-global-color-sequential-forest: #ffffdf, #e2f6ba, #c4eb95,
185
+ #a4e16d, #8dd366, #77c460, #5fb65a, #48a754, #36984f, #2c894d, #237a4a,
186
+ #196b47, #105c45, #094d41, #033f3e, #00313a;
187
+ --spectrum-global-color-sequential-rose: #fff4dd, #ffddd7, #ffc5d2, #feaecb,
188
+ #fa96c4, #f57ebd, #ef64b5, #e846ad, #d238a1, #bb2e96, #a3248c, #8a1b83,
189
+ #71167c, #560f74, #370b6e, #000968;
190
+ --spectrum-global-color-diverging-orange-yellow-seafoam: #580000, #79260b,
191
+ #9c4511, #bd651a, #dd8629, #f5ad52, #fed693, #ffffe0, #bbe4d1, #76c7be,
192
+ #3ea8a6, #208288, #076769, #00494b, #002c2d;
193
+ --spectrum-global-color-diverging-red-yellow-blue: #4a001e, #751232, #a52747,
194
+ #c65154, #e47961, #f0a882, #fad4ac, #ffffe0, #bce2cf, #89c0c4, #579eb9,
195
+ #397aa8, #1c5796, #163771, #10194d;
196
+ --spectrum-global-color-diverging-red-blue: #4a001e, #731331, #9f2945,
197
+ #cc415a, #e06e85, #ed9ab0, #f8c3d9, #faf0ff, #c6d0f2, #92b2de, #5d94cb,
198
+ #2f74b3, #265191, #163670, #0b194c;
199
+
200
+ /* spectrum-colorSemantics.css */
201
+ --spectrum-semantic-cta-background-color-default: var(
202
+ --spectrum-global-color-static-indigo-600
203
+ );
204
+ --spectrum-semantic-cta-background-color-hover: var(
205
+ --spectrum-global-color-static-indigo-700
206
+ );
207
+ --spectrum-semantic-cta-background-color-down: var(
208
+ --spectrum-global-color-static-indigo-800
209
+ );
210
+ --spectrum-semantic-cta-background-color-key-focus: var(
211
+ --spectrum-global-color-static-indigo-700
212
+ );
213
+ --spectrum-semantic-neutral-background-color-default: var(
214
+ --spectrum-global-color-static-gray-800
215
+ );
216
+ --spectrum-semantic-informative-background-color: var(
217
+ --spectrum-global-color-static-blue-500
218
+ );
219
+ --spectrum-semantic-positive-background-color: var(
220
+ --spectrum-global-color-static-green-500
221
+ );
222
+ --spectrum-semantic-negative-background-color: var(
223
+ --spectrum-global-color-static-red-500
224
+ );
225
+ --spectrum-semantic-negative-color-default: var(
226
+ --spectrum-global-color-red-500
227
+ );
228
+ --spectrum-semantic-negative-color-hover: var(
229
+ --spectrum-global-color-red-600
230
+ );
231
+ --spectrum-semantic-negative-color-dark: var(
232
+ --spectrum-global-color-red-600
233
+ );
234
+ --spectrum-semantic-negative-border-color: var(
235
+ --spectrum-global-color-red-400
236
+ );
237
+ --spectrum-semantic-negative-icon-color: var(
238
+ --spectrum-global-color-red-600
239
+ );
240
+ --spectrum-semantic-negative-status-color: var(
241
+ --spectrum-global-color-red-400
242
+ );
243
+ --spectrum-semantic-negative-text-color-large: var(
244
+ --spectrum-global-color-red-500
245
+ );
246
+ --spectrum-semantic-negative-text-color-small: var(
247
+ --spectrum-global-color-red-600
248
+ );
249
+ --spectrum-semantic-negative-text-color-small-hover: var(
250
+ --spectrum-global-color-red-700
251
+ );
252
+ --spectrum-semantic-negative-text-color-small-down: var(
253
+ --spectrum-global-color-red-700
254
+ );
255
+ --spectrum-semantic-negative-text-color-small-key-focus: var(
256
+ --spectrum-global-color-red-600
257
+ );
258
+ --spectrum-semantic-negative-color-down: var(
259
+ --spectrum-global-color-red-700
260
+ );
261
+ --spectrum-semantic-negative-color-key-focus: var(
262
+ --spectrum-global-color-red-400
263
+ );
264
+ --spectrum-semantic-negative-background-color-default: var(
265
+ --spectrum-global-color-static-red-600
266
+ );
267
+ --spectrum-semantic-negative-background-color-hover: var(
268
+ --spectrum-global-color-static-red-700
269
+ );
270
+ --spectrum-semantic-negative-background-color-down: var(
271
+ --spectrum-global-color-static-red-800
272
+ );
273
+ --spectrum-semantic-negative-background-color-key-focus: var(
274
+ --spectrum-global-color-static-red-700
275
+ );
276
+ --spectrum-semantic-notice-background-color: var(
277
+ --spectrum-global-color-static-orange-700
278
+ );
279
+ --spectrum-semantic-notice-color-default: var(
280
+ --spectrum-global-color-orange-500
281
+ );
282
+ --spectrum-semantic-notice-color-dark: var(
283
+ --spectrum-global-color-orange-600
284
+ );
285
+ --spectrum-semantic-notice-border-color: var(
286
+ --spectrum-global-color-orange-400
287
+ );
288
+ --spectrum-semantic-notice-icon-color: var(
289
+ --spectrum-global-color-orange-600
290
+ );
291
+ --spectrum-semantic-notice-status-color: var(
292
+ --spectrum-global-color-orange-400
293
+ );
294
+ --spectrum-semantic-notice-text-color-large: var(
295
+ --spectrum-global-color-orange-500
296
+ );
297
+ --spectrum-semantic-notice-text-color-small: var(
298
+ --spectrum-global-color-orange-600
299
+ );
300
+ --spectrum-semantic-notice-color-down: var(
301
+ --spectrum-global-color-orange-700
302
+ );
303
+ --spectrum-semantic-notice-color-key-focus: var(
304
+ --spectrum-global-color-orange-400
305
+ );
306
+ --spectrum-semantic-notice-background-color-default: var(
307
+ --spectrum-global-color-static-orange-600
308
+ );
309
+ --spectrum-semantic-notice-background-color-hover: var(
310
+ --spectrum-global-color-static-orange-700
311
+ );
312
+ --spectrum-semantic-notice-background-color-down: var(
313
+ --spectrum-global-color-static-orange-800
314
+ );
315
+ --spectrum-semantic-notice-background-color-key-focus: var(
316
+ --spectrum-global-color-static-orange-700
317
+ );
318
+ --spectrum-semantic-positive-color-default: var(
319
+ --spectrum-global-color-green-500
320
+ );
321
+ --spectrum-semantic-positive-color-dark: var(
322
+ --spectrum-global-color-green-600
323
+ );
324
+ --spectrum-semantic-positive-border-color: var(
325
+ --spectrum-global-color-green-400
326
+ );
327
+ --spectrum-semantic-positive-icon-color: var(
328
+ --spectrum-global-color-green-600
329
+ );
330
+ --spectrum-semantic-positive-status-color: var(
331
+ --spectrum-global-color-green-400
332
+ );
333
+ --spectrum-semantic-positive-text-color-large: var(
334
+ --spectrum-global-color-green-500
335
+ );
336
+ --spectrum-semantic-positive-text-color-small: var(
337
+ --spectrum-global-color-green-600
338
+ );
339
+ --spectrum-semantic-positive-color-down: var(
340
+ --spectrum-global-color-green-700
341
+ );
342
+ --spectrum-semantic-positive-color-key-focus: var(
343
+ --spectrum-global-color-green-400
344
+ );
345
+ --spectrum-semantic-positive-background-color-default: var(
346
+ --spectrum-global-color-static-green-600
347
+ );
348
+ --spectrum-semantic-positive-background-color-hover: var(
349
+ --spectrum-global-color-static-green-700
350
+ );
351
+ --spectrum-semantic-positive-background-color-down: var(
352
+ --spectrum-global-color-static-green-800
353
+ );
354
+ --spectrum-semantic-positive-background-color-key-focus: var(
355
+ --spectrum-global-color-static-green-700
356
+ );
357
+ --spectrum-semantic-informative-color-default: var(
358
+ --spectrum-global-color-blue-500
359
+ );
360
+ --spectrum-semantic-informative-color-dark: var(
361
+ --spectrum-global-color-blue-600
362
+ );
363
+ --spectrum-semantic-informative-border-color: var(
364
+ --spectrum-global-color-blue-400
365
+ );
366
+ --spectrum-semantic-informative-icon-color: var(
367
+ --spectrum-global-color-blue-600
368
+ );
369
+ --spectrum-semantic-informative-status-color: var(
370
+ --spectrum-global-color-blue-400
371
+ );
372
+ --spectrum-semantic-informative-text-color-large: var(
373
+ --spectrum-global-color-blue-500
374
+ );
375
+ --spectrum-semantic-informative-text-color-small: var(
376
+ --spectrum-global-color-blue-600
377
+ );
378
+ --spectrum-semantic-informative-color-down: var(
379
+ --spectrum-global-color-blue-700
380
+ );
381
+ --spectrum-semantic-informative-color-key-focus: var(
382
+ --spectrum-global-color-blue-400
383
+ );
384
+ --spectrum-semantic-informative-background-color-default: var(
385
+ --spectrum-global-color-static-blue-600
386
+ );
387
+ --spectrum-semantic-informative-background-color-hover: var(
388
+ --spectrum-global-color-static-blue-700
389
+ );
390
+ --spectrum-semantic-informative-background-color-down: var(
391
+ --spectrum-global-color-static-blue-800
392
+ );
393
+ --spectrum-semantic-informative-background-color-key-focus: var(
394
+ --spectrum-global-color-static-blue-700
395
+ );
396
+ --spectrum-semantic-neutral-background-color-hover: var(
397
+ --spectrum-global-color-static-gray-800
398
+ );
399
+ --spectrum-semantic-neutral-background-color-down: var(
400
+ --spectrum-global-color-static-gray-900
401
+ );
402
+ --spectrum-semantic-neutral-background-color-key-focus: var(
403
+ --spectrum-global-color-static-gray-800
404
+ );
405
+ --spectrum-semantic-presence-color-1: var(
406
+ --spectrum-global-color-static-red-500
407
+ );
408
+ --spectrum-semantic-presence-color-2: var(
409
+ --spectrum-global-color-static-orange-400
410
+ );
411
+ --spectrum-semantic-presence-color-3: var(
412
+ --spectrum-global-color-static-yellow-400
413
+ );
414
+ --spectrum-semantic-presence-color-4: #4bcca2;
415
+ --spectrum-semantic-presence-color-5: #00c7ff;
416
+ --spectrum-semantic-presence-color-6: #008cb8;
417
+ --spectrum-semantic-presence-color-7: #7e4bf3;
418
+ --spectrum-semantic-presence-color-8: var(
419
+ --spectrum-global-color-static-fuchsia-600
420
+ );
421
+
422
+ /* spectrum-dimensionGlobals.css */
423
+ --spectrum-global-dimension-static-percent-50: 50%;
424
+ --spectrum-global-dimension-static-percent-70: 70%;
425
+ --spectrum-global-dimension-static-percent-100: 100%;
426
+ --spectrum-global-dimension-static-breakpoint-xsmall: 304px;
427
+ --spectrum-global-dimension-static-breakpoint-small: 768px;
428
+ --spectrum-global-dimension-static-breakpoint-medium: 1280px;
429
+ --spectrum-global-dimension-static-breakpoint-large: 1768px;
430
+ --spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
431
+ --spectrum-global-dimension-static-grid-columns: 12;
432
+ --spectrum-global-dimension-static-grid-fluid-width: 100%;
433
+ --spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
434
+ --spectrum-global-dimension-static-size-0: 0px;
435
+ --spectrum-global-dimension-static-size-10: 1px;
436
+ --spectrum-global-dimension-static-size-25: 2px;
437
+ --spectrum-global-dimension-static-size-40: 3px;
438
+ --spectrum-global-dimension-static-size-50: 4px;
439
+ --spectrum-global-dimension-static-size-65: 5px;
440
+ --spectrum-global-dimension-static-size-75: 6px;
441
+ --spectrum-global-dimension-static-size-85: 7px;
442
+ --spectrum-global-dimension-static-size-100: 8px;
443
+ --spectrum-global-dimension-static-size-115: 9px;
444
+ --spectrum-global-dimension-static-size-125: 10px;
445
+ --spectrum-global-dimension-static-size-130: 11px;
446
+ --spectrum-global-dimension-static-size-150: 12px;
447
+ --spectrum-global-dimension-static-size-160: 13px;
448
+ --spectrum-global-dimension-static-size-175: 14px;
449
+ --spectrum-global-dimension-static-size-200: 16px;
450
+ --spectrum-global-dimension-static-size-225: 18px;
451
+ --spectrum-global-dimension-static-size-250: 20px;
452
+ --spectrum-global-dimension-static-size-275: 22px;
453
+ --spectrum-global-dimension-static-size-300: 24px;
454
+ --spectrum-global-dimension-static-size-325: 26px;
455
+ --spectrum-global-dimension-static-size-400: 32px;
456
+ --spectrum-global-dimension-static-size-450: 36px;
457
+ --spectrum-global-dimension-static-size-500: 40px;
458
+ --spectrum-global-dimension-static-size-550: 44px;
459
+ --spectrum-global-dimension-static-size-600: 48px;
460
+ --spectrum-global-dimension-static-size-700: 56px;
461
+ --spectrum-global-dimension-static-size-800: 64px;
462
+ --spectrum-global-dimension-static-size-900: 72px;
463
+ --spectrum-global-dimension-static-size-1000: 80px;
464
+ --spectrum-global-dimension-static-size-1200: 96px;
465
+ --spectrum-global-dimension-static-size-1700: 136px;
466
+ --spectrum-global-dimension-static-size-2400: 192px;
467
+ --spectrum-global-dimension-static-size-2500: 200px;
468
+ --spectrum-global-dimension-static-size-2600: 208px;
469
+ --spectrum-global-dimension-static-size-2800: 224px;
470
+ --spectrum-global-dimension-static-size-3200: 256px;
471
+ --spectrum-global-dimension-static-size-3400: 272px;
472
+ --spectrum-global-dimension-static-size-3500: 280px;
473
+ --spectrum-global-dimension-static-size-3600: 288px;
474
+ --spectrum-global-dimension-static-size-3800: 304px;
475
+ --spectrum-global-dimension-static-size-4600: 368px;
476
+ --spectrum-global-dimension-static-size-5000: 400px;
477
+ --spectrum-global-dimension-static-size-6000: 480px;
478
+ --spectrum-global-dimension-static-size-16000: 1280px;
479
+ --spectrum-global-dimension-static-font-size-50: 11px;
480
+ --spectrum-global-dimension-static-font-size-75: 12px;
481
+ --spectrum-global-dimension-static-font-size-100: 14px;
482
+ --spectrum-global-dimension-static-font-size-150: 15px;
483
+ --spectrum-global-dimension-static-font-size-200: 16px;
484
+ --spectrum-global-dimension-static-font-size-300: 18px;
485
+ --spectrum-global-dimension-static-font-size-400: 20px;
486
+ --spectrum-global-dimension-static-font-size-500: 22px;
487
+ --spectrum-global-dimension-static-font-size-600: 25px;
488
+ --spectrum-global-dimension-static-font-size-700: 28px;
489
+ --spectrum-global-dimension-static-font-size-800: 32px;
490
+ --spectrum-global-dimension-static-font-size-900: 36px;
491
+ --spectrum-global-dimension-static-font-size-1000: 40px;
492
+
493
+ /* spectrum-fontGlobals.css */
494
+ --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro',
495
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
496
+ 'Trebuchet MS', 'Lucida Grande', sans-serif;
497
+ --spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro',
498
+ Georgia, serif;
499
+ --spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
500
+ --spectrum-global-font-weight-thin: 100;
501
+ --spectrum-global-font-weight-ultra-light: 200;
502
+ --spectrum-global-font-weight-light: 300;
503
+ --spectrum-global-font-weight-regular: 400;
504
+ --spectrum-global-font-weight-medium: 500;
505
+ --spectrum-global-font-weight-semi-bold: 600;
506
+ --spectrum-global-font-weight-bold: 700;
507
+ --spectrum-global-font-weight-extra-bold: 800;
508
+ --spectrum-global-font-weight-black: 900;
509
+ --spectrum-global-font-style-regular: normal;
510
+ --spectrum-global-font-style-italic: italic;
511
+ --spectrum-global-font-letter-spacing-none: 0;
512
+ --spectrum-global-font-letter-spacing-small: 0.0125em;
513
+ --spectrum-global-font-letter-spacing-han: 0.05em;
514
+ --spectrum-global-font-letter-spacing-medium: 0.06em;
515
+ --spectrum-global-font-line-height-large: 1.7;
516
+ --spectrum-global-font-line-height-medium: 1.5;
517
+ --spectrum-global-font-line-height-small: 1.3;
518
+ --spectrum-global-font-multiplier-0: 0em;
519
+ --spectrum-global-font-multiplier-25: 0.25em;
520
+ --spectrum-global-font-multiplier-75: 0.75em;
521
+ --spectrum-global-font-font-family-ar: myriad-arabic, adobe-clean,
522
+ 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
523
+ Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
524
+ --spectrum-global-font-font-family-he: myriad-hebrew, adobe-clean,
525
+ 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
526
+ Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
527
+ --spectrum-global-font-font-family-zh: adobe-clean-han-traditional,
528
+ source-han-traditional, 'MingLiu', 'Heiti TC Light', 'sans-serif';
529
+ --spectrum-global-font-font-family-zhhans: adobe-clean-han-simplified-c,
530
+ source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
531
+ --spectrum-global-font-font-family-ko: adobe-clean-han-korean,
532
+ source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
533
+ --spectrum-global-font-font-family-ja: adobe-clean-han-japanese,
534
+ source-han-japanese, 'Yu Gothic', '\\30E1 \\30A4 \\30EA \\30AA',
535
+ '\\30D2 \\30E9 \\30AE \\30CE \\89D2 \\30B4 Pro W3',
536
+ 'Hiragino Kaku Gothic Pro W3', 'Osaka',
537
+ '\\FF2D \\FF33 \\FF30 \\30B4 \\30B7 \\30C3 \\30AF', 'MS PGothic',
538
+ 'sans-serif';
539
+ --spectrum-global-font-font-family-condensed: adobe-clean-han-traditional,
540
+ source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean,
541
+ 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
542
+ Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
543
+
544
+ /* spectrum-staticAliases.css */
545
+ --spectrum-alias-loupe-entry-animation-duration: var(
546
+ --spectrum-global-animation-duration-300
547
+ );
548
+ --spectrum-alias-loupe-exit-animation-duration: var(
549
+ --spectrum-global-animation-duration-300
550
+ );
551
+ --spectrum-alias-heading-text-font-weight-regular: var(
552
+ --spectrum-global-font-weight-black
553
+ );
554
+ --spectrum-alias-heading-text-font-weight-heavy: var(
555
+ --spectrum-global-font-weight-black
556
+ );
557
+ --spectrum-alias-heading-text-line-height: var(
558
+ --spectrum-global-font-line-height-small
559
+ );
560
+ --spectrum-alias-heading-text-font-weight-regular-strong: var(
561
+ --spectrum-global-font-weight-black
562
+ );
563
+ --spectrum-alias-heading-text-font-weight-light: var(
564
+ --spectrum-global-font-weight-light
565
+ );
566
+ --spectrum-alias-heading-text-font-weight-light-strong: var(
567
+ --spectrum-global-font-weight-bold
568
+ );
569
+ --spectrum-alias-heading-text-font-weight-heavy-strong: var(
570
+ --spectrum-global-font-weight-black
571
+ );
572
+ --spectrum-alias-heading-text-font-weight-quiet: var(
573
+ --spectrum-global-font-weight-light
574
+ );
575
+ --spectrum-alias-heading-text-font-weight-quiet-strong: var(
576
+ --spectrum-global-font-weight-bold
577
+ );
578
+ --spectrum-alias-heading-text-font-weight-strong: var(
579
+ --spectrum-global-font-weight-black
580
+ );
581
+ --spectrum-alias-heading-text-font-weight-strong-strong: var(
582
+ --spectrum-global-font-weight-black
583
+ );
584
+ --spectrum-alias-heading-margin-bottom: var(
585
+ --spectrum-global-font-multiplier-25
586
+ );
587
+ --spectrum-alias-subheading-text-font-weight: var(
588
+ --spectrum-global-font-weight-bold
589
+ );
590
+ --spectrum-alias-subheading-text-font-weight-strong: var(
591
+ --spectrum-global-font-weight-black
592
+ );
593
+ --spectrum-alias-body-text-font-family: var(
594
+ --spectrum-global-font-family-base
595
+ );
596
+ --spectrum-alias-body-text-line-height: var(
597
+ --spectrum-global-font-line-height-medium
598
+ );
599
+ --spectrum-alias-body-text-font-weight: var(
600
+ --spectrum-global-font-weight-regular
601
+ );
602
+ --spectrum-alias-body-text-font-weight-strong: var(
603
+ --spectrum-global-font-weight-bold
604
+ );
605
+ --spectrum-alias-body-margin-bottom: var(
606
+ --spectrum-global-font-multiplier-75
607
+ );
608
+ --spectrum-alias-detail-text-font-weight: var(
609
+ --spectrum-global-font-weight-bold
610
+ );
611
+ --spectrum-alias-detail-text-font-weight-regular: var(
612
+ --spectrum-global-font-weight-bold
613
+ );
614
+ --spectrum-alias-detail-text-font-weight-light: var(
615
+ --spectrum-global-font-weight-regular
616
+ );
617
+ --spectrum-alias-detail-text-font-weight-strong: var(
618
+ --spectrum-global-font-weight-black
619
+ );
620
+ --spectrum-alias-article-heading-text-font-weight: var(
621
+ --spectrum-global-font-weight-bold
622
+ );
623
+ --spectrum-alias-article-heading-text-font-weight-strong: var(
624
+ --spectrum-global-font-weight-black
625
+ );
626
+ --spectrum-alias-article-heading-text-font-weight-quiet: var(
627
+ --spectrum-global-font-weight-regular
628
+ );
629
+ --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(
630
+ --spectrum-global-font-weight-bold
631
+ );
632
+ --spectrum-alias-article-body-text-font-weight: var(
633
+ --spectrum-global-font-weight-regular
634
+ );
635
+ --spectrum-alias-article-body-text-font-weight-strong: var(
636
+ --spectrum-global-font-weight-black
637
+ );
638
+ --spectrum-alias-article-subheading-text-font-weight: var(
639
+ --spectrum-global-font-weight-bold
640
+ );
641
+ --spectrum-alias-article-subheading-text-font-weight-strong: var(
642
+ --spectrum-global-font-weight-black
643
+ );
644
+ --spectrum-alias-article-detail-text-font-weight: var(
645
+ --spectrum-global-font-weight-regular
646
+ );
647
+ --spectrum-alias-article-detail-text-font-weight-strong: var(
648
+ --spectrum-global-font-weight-bold
649
+ );
650
+ --spectrum-alias-code-text-font-family: var(
651
+ --spectrum-global-font-family-code
652
+ );
653
+ --spectrum-alias-code-text-font-weight-regular: var(
654
+ --spectrum-global-font-weight-regular
655
+ );
656
+ --spectrum-alias-code-text-font-weight-strong: var(
657
+ --spectrum-global-font-weight-bold
658
+ );
659
+ --spectrum-alias-code-text-line-height: var(
660
+ --spectrum-global-font-line-height-medium
661
+ );
662
+ --spectrum-alias-code-margin-bottom: var(
663
+ --spectrum-global-font-multiplier-0
664
+ );
665
+ --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar);
666
+ --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he);
667
+ --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh);
668
+ --spectrum-alias-font-family-zhhans: var(
669
+ --spectrum-global-font-font-family-zhhans
670
+ );
671
+ --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko);
672
+ --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja);
673
+ --spectrum-alias-font-family-condensed: var(
674
+ --spectrum-global-font-font-family-condensed
675
+ );
676
+ --spectrum-alias-button-text-line-height: var(
677
+ --spectrum-global-font-line-height-small
678
+ );
679
+ --spectrum-alias-component-text-line-height: var(
680
+ --spectrum-global-font-line-height-small
681
+ );
682
+ --spectrum-alias-han-component-text-line-height: var(
683
+ --spectrum-global-font-line-height-medium
684
+ );
685
+ --spectrum-alias-serif-text-font-family: var(
686
+ --spectrum-global-font-family-serif
687
+ );
688
+ --spectrum-alias-han-heading-text-line-height: var(
689
+ --spectrum-global-font-line-height-medium
690
+ );
691
+ --spectrum-alias-han-heading-text-font-weight-regular: var(
692
+ --spectrum-global-font-weight-bold
693
+ );
694
+ --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(
695
+ --spectrum-global-font-weight-extra-bold
696
+ );
697
+ --spectrum-alias-han-heading-text-font-weight-regular-strong: var(
698
+ --spectrum-global-font-weight-black
699
+ );
700
+ --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(
701
+ --spectrum-global-font-weight-bold
702
+ );
703
+ --spectrum-alias-han-heading-text-font-weight-light: var(
704
+ --spectrum-global-font-weight-light
705
+ );
706
+ --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(
707
+ --spectrum-global-font-weight-regular
708
+ );
709
+ --spectrum-alias-han-heading-text-font-weight-light-strong: var(
710
+ --spectrum-global-font-weight-bold
711
+ );
712
+ --spectrum-alias-han-heading-text-font-weight-heavy: var(
713
+ --spectrum-global-font-weight-black
714
+ );
715
+ --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(
716
+ --spectrum-global-font-weight-black
717
+ );
718
+ --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(
719
+ --spectrum-global-font-weight-black
720
+ );
721
+ --spectrum-alias-han-body-text-line-height: var(
722
+ --spectrum-global-font-line-height-large
723
+ );
724
+ --spectrum-alias-han-body-text-font-weight-regular: var(
725
+ --spectrum-global-font-weight-regular
726
+ );
727
+ --spectrum-alias-han-body-text-font-weight-emphasis: var(
728
+ --spectrum-global-font-weight-bold
729
+ );
730
+ --spectrum-alias-han-body-text-font-weight-strong: var(
731
+ --spectrum-global-font-weight-black
732
+ );
733
+ --spectrum-alias-han-subheading-text-font-weight-regular: var(
734
+ --spectrum-global-font-weight-bold
735
+ );
736
+ --spectrum-alias-han-subheading-text-font-weight-emphasis: var(
737
+ --spectrum-global-font-weight-extra-bold
738
+ );
739
+ --spectrum-alias-han-subheading-text-font-weight-strong: var(
740
+ --spectrum-global-font-weight-black
741
+ );
742
+ --spectrum-alias-han-detail-text-font-weight: var(
743
+ --spectrum-global-font-weight-regular
744
+ );
745
+ --spectrum-alias-han-detail-text-font-weight-emphasis: var(
746
+ --spectrum-global-font-weight-bold
747
+ );
748
+ --spectrum-alias-han-detail-text-font-weight-strong: var(
749
+ --spectrum-global-font-weight-black
750
+ );
751
+ }
752
+ :host,
753
+ :root {
754
+ /* spectrum-dimensionAliases.css */
755
+ --spectrum-alias-item-height-s: var(--spectrum-global-dimension-size-300);
756
+ --spectrum-alias-item-height-m: var(--spectrum-global-dimension-size-400);
757
+ --spectrum-alias-item-height-l: var(--spectrum-global-dimension-size-500);
758
+ --spectrum-alias-item-height-xl: var(--spectrum-global-dimension-size-600);
759
+ --spectrum-alias-item-rounded-border-radius-s: var(
760
+ --spectrum-global-dimension-size-150
761
+ );
762
+ --spectrum-alias-item-rounded-border-radius-m: var(
763
+ --spectrum-global-dimension-size-200
764
+ );
765
+ --spectrum-alias-item-rounded-border-radius-l: var(
766
+ --spectrum-global-dimension-size-250
767
+ );
768
+ --spectrum-alias-item-rounded-border-radius-xl: var(
769
+ --spectrum-global-dimension-size-300
770
+ );
771
+ --spectrum-alias-item-text-size-s: var(
772
+ --spectrum-global-dimension-font-size-75
773
+ );
774
+ --spectrum-alias-item-text-size-m: var(
775
+ --spectrum-global-dimension-font-size-100
776
+ );
777
+ --spectrum-alias-item-text-size-l: var(
778
+ --spectrum-global-dimension-font-size-200
779
+ );
780
+ --spectrum-alias-item-text-size-xl: var(
781
+ --spectrum-global-dimension-font-size-300
782
+ );
783
+ --spectrum-alias-item-text-padding-top-s: var(
784
+ --spectrum-global-dimension-static-size-50
785
+ );
786
+ --spectrum-alias-item-text-padding-top-m: var(
787
+ --spectrum-global-dimension-size-75
788
+ );
789
+ --spectrum-alias-item-text-padding-top-xl: var(
790
+ --spectrum-global-dimension-size-150
791
+ );
792
+ --spectrum-alias-item-text-padding-bottom-m: var(
793
+ --spectrum-global-dimension-size-115
794
+ );
795
+ --spectrum-alias-item-text-padding-bottom-l: var(
796
+ --spectrum-global-dimension-size-130
797
+ );
798
+ --spectrum-alias-item-text-padding-bottom-xl: var(
799
+ --spectrum-global-dimension-size-175
800
+ );
801
+ --spectrum-alias-item-icon-padding-top-s: var(
802
+ --spectrum-global-dimension-size-50
803
+ );
804
+ --spectrum-alias-item-icon-padding-top-m: var(
805
+ --spectrum-global-dimension-size-85
806
+ );
807
+ --spectrum-alias-item-icon-padding-top-l: var(
808
+ --spectrum-global-dimension-size-125
809
+ );
810
+ --spectrum-alias-item-icon-padding-top-xl: var(
811
+ --spectrum-global-dimension-size-160
812
+ );
813
+ --spectrum-alias-item-icon-padding-bottom-s: var(
814
+ --spectrum-global-dimension-size-50
815
+ );
816
+ --spectrum-alias-item-icon-padding-bottom-m: var(
817
+ --spectrum-global-dimension-size-85
818
+ );
819
+ --spectrum-alias-item-icon-padding-bottom-l: var(
820
+ --spectrum-global-dimension-size-125
821
+ );
822
+ --spectrum-alias-item-icon-padding-bottom-xl: var(
823
+ --spectrum-global-dimension-size-160
824
+ );
825
+ --spectrum-alias-item-padding-s: var(--spectrum-global-dimension-size-115);
826
+ --spectrum-alias-item-padding-m: var(--spectrum-global-dimension-size-150);
827
+ --spectrum-alias-item-padding-l: var(--spectrum-global-dimension-size-185);
828
+ --spectrum-alias-item-padding-xl: var(--spectrum-global-dimension-size-225);
829
+ --spectrum-alias-item-rounded-padding-s: var(
830
+ --spectrum-global-dimension-size-150
831
+ );
832
+ --spectrum-alias-item-rounded-padding-m: var(
833
+ --spectrum-global-dimension-size-200
834
+ );
835
+ --spectrum-alias-item-rounded-padding-l: var(
836
+ --spectrum-global-dimension-size-250
837
+ );
838
+ --spectrum-alias-item-rounded-padding-xl: var(
839
+ --spectrum-global-dimension-size-300
840
+ );
841
+ --spectrum-alias-item-icononly-padding-s: var(
842
+ --spectrum-global-dimension-size-50
843
+ );
844
+ --spectrum-alias-item-icononly-padding-m: var(
845
+ --spectrum-global-dimension-size-85
846
+ );
847
+ --spectrum-alias-item-icononly-padding-l: var(
848
+ --spectrum-global-dimension-size-125
849
+ );
850
+ --spectrum-alias-item-icononly-padding-xl: var(
851
+ --spectrum-global-dimension-size-160
852
+ );
853
+ --spectrum-alias-item-control-gap-s: var(
854
+ --spectrum-global-dimension-size-115
855
+ );
856
+ --spectrum-alias-item-control-gap-m: var(
857
+ --spectrum-global-dimension-size-125
858
+ );
859
+ --spectrum-alias-item-control-gap-l: var(
860
+ --spectrum-global-dimension-size-130
861
+ );
862
+ --spectrum-alias-item-control-gap-xl: var(
863
+ --spectrum-global-dimension-size-160
864
+ );
865
+ --spectrum-alias-item-workflow-icon-gap-s: var(
866
+ --spectrum-global-dimension-size-85
867
+ );
868
+ --spectrum-alias-item-workflow-icon-gap-m: var(
869
+ --spectrum-global-dimension-size-100
870
+ );
871
+ --spectrum-alias-item-workflow-icon-gap-l: var(
872
+ --spectrum-global-dimension-size-115
873
+ );
874
+ --spectrum-alias-item-workflow-icon-gap-xl: var(
875
+ --spectrum-global-dimension-size-125
876
+ );
877
+ --spectrum-alias-item-mark-gap-s: var(--spectrum-global-dimension-size-85);
878
+ --spectrum-alias-item-mark-gap-m: var(--spectrum-global-dimension-size-100);
879
+ --spectrum-alias-item-mark-gap-l: var(--spectrum-global-dimension-size-115);
880
+ --spectrum-alias-item-mark-gap-xl: var(
881
+ --spectrum-global-dimension-size-125
882
+ );
883
+ --spectrum-alias-item-ui-icon-gap-s: var(
884
+ --spectrum-global-dimension-size-85
885
+ );
886
+ --spectrum-alias-item-ui-icon-gap-m: var(
887
+ --spectrum-global-dimension-size-100
888
+ );
889
+ --spectrum-alias-item-ui-icon-gap-l: var(
890
+ --spectrum-global-dimension-size-115
891
+ );
892
+ --spectrum-alias-item-ui-icon-gap-xl: var(
893
+ --spectrum-global-dimension-size-125
894
+ );
895
+ --spectrum-alias-item-clearbutton-gap-s: var(
896
+ --spectrum-global-dimension-size-50
897
+ );
898
+ --spectrum-alias-item-clearbutton-gap-m: var(
899
+ --spectrum-global-dimension-size-85
900
+ );
901
+ --spectrum-alias-item-clearbutton-gap-l: var(
902
+ --spectrum-global-dimension-size-125
903
+ );
904
+ --spectrum-alias-item-clearbutton-gap-xl: var(
905
+ --spectrum-global-dimension-size-150
906
+ );
907
+ --spectrum-alias-item-workflow-padding-left-s: var(
908
+ --spectrum-global-dimension-size-85
909
+ );
910
+ --spectrum-alias-item-workflow-padding-left-l: var(
911
+ --spectrum-global-dimension-size-160
912
+ );
913
+ --spectrum-alias-item-workflow-padding-left-xl: var(
914
+ --spectrum-global-dimension-size-185
915
+ );
916
+ --spectrum-alias-item-rounded-workflow-padding-left-s: var(
917
+ --spectrum-global-dimension-size-125
918
+ );
919
+ --spectrum-alias-item-rounded-workflow-padding-left-l: var(
920
+ --spectrum-global-dimension-size-225
921
+ );
922
+ --spectrum-alias-item-mark-padding-top-s: var(
923
+ --spectrum-global-dimension-size-40
924
+ );
925
+ --spectrum-alias-item-mark-padding-top-l: var(
926
+ --spectrum-global-dimension-size-115
927
+ );
928
+ --spectrum-alias-item-mark-padding-top-xl: var(
929
+ --spectrum-global-dimension-size-130
930
+ );
931
+ --spectrum-alias-item-mark-padding-bottom-s: var(
932
+ --spectrum-global-dimension-size-40
933
+ );
934
+ --spectrum-alias-item-mark-padding-bottom-l: var(
935
+ --spectrum-global-dimension-size-115
936
+ );
937
+ --spectrum-alias-item-mark-padding-bottom-xl: var(
938
+ --spectrum-global-dimension-size-130
939
+ );
940
+ --spectrum-alias-item-mark-padding-left-s: var(
941
+ --spectrum-global-dimension-size-85
942
+ );
943
+ --spectrum-alias-item-mark-padding-left-l: var(
944
+ --spectrum-global-dimension-size-160
945
+ );
946
+ --spectrum-alias-item-mark-padding-left-xl: var(
947
+ --spectrum-global-dimension-size-185
948
+ );
949
+ --spectrum-alias-item-control-1-size-s: var(
950
+ --spectrum-global-dimension-static-size-100
951
+ );
952
+ --spectrum-alias-item-control-1-size-m: var(
953
+ --spectrum-global-dimension-size-100
954
+ );
955
+ --spectrum-alias-item-control-2-size-m: var(
956
+ --spectrum-global-dimension-size-175
957
+ );
958
+ --spectrum-alias-item-control-2-size-l: var(
959
+ --spectrum-global-dimension-size-200
960
+ );
961
+ --spectrum-alias-item-control-2-size-xl: var(
962
+ --spectrum-global-dimension-size-225
963
+ );
964
+ --spectrum-alias-item-control-2-size-xxl: var(
965
+ --spectrum-global-dimension-size-250
966
+ );
967
+ --spectrum-alias-item-control-2-border-radius-s: var(
968
+ --spectrum-global-dimension-size-75
969
+ );
970
+ --spectrum-alias-item-control-2-border-radius-m: var(
971
+ --spectrum-global-dimension-size-85
972
+ );
973
+ --spectrum-alias-item-control-2-border-radius-l: var(
974
+ --spectrum-global-dimension-size-100
975
+ );
976
+ --spectrum-alias-item-control-2-border-radius-xl: var(
977
+ --spectrum-global-dimension-size-115
978
+ );
979
+ --spectrum-alias-item-control-2-border-radius-xxl: var(
980
+ --spectrum-global-dimension-size-125
981
+ );
982
+ --spectrum-alias-item-control-2-padding-s: var(
983
+ --spectrum-global-dimension-size-75
984
+ );
985
+ --spectrum-alias-item-control-2-padding-m: var(
986
+ --spectrum-global-dimension-size-115
987
+ );
988
+ --spectrum-alias-item-control-2-padding-l: var(
989
+ --spectrum-global-dimension-size-150
990
+ );
991
+ --spectrum-alias-item-control-2-padding-xl: var(
992
+ --spectrum-global-dimension-size-185
993
+ );
994
+ --spectrum-alias-item-control-3-height-m: var(
995
+ --spectrum-global-dimension-size-175
996
+ );
997
+ --spectrum-alias-item-control-3-height-l: var(
998
+ --spectrum-global-dimension-size-200
999
+ );
1000
+ --spectrum-alias-item-control-3-height-xl: var(
1001
+ --spectrum-global-dimension-size-225
1002
+ );
1003
+ --spectrum-alias-item-control-3-border-radius-s: var(
1004
+ --spectrum-global-dimension-size-75
1005
+ );
1006
+ --spectrum-alias-item-control-3-border-radius-m: var(
1007
+ --spectrum-global-dimension-size-85
1008
+ );
1009
+ --spectrum-alias-item-control-3-border-radius-l: var(
1010
+ --spectrum-global-dimension-size-100
1011
+ );
1012
+ --spectrum-alias-item-control-3-border-radius-xl: var(
1013
+ --spectrum-global-dimension-size-115
1014
+ );
1015
+ --spectrum-alias-item-control-3-padding-s: var(
1016
+ --spectrum-global-dimension-size-75
1017
+ );
1018
+ --spectrum-alias-item-control-3-padding-m: var(
1019
+ --spectrum-global-dimension-size-115
1020
+ );
1021
+ --spectrum-alias-item-control-3-padding-l: var(
1022
+ --spectrum-global-dimension-size-150
1023
+ );
1024
+ --spectrum-alias-item-control-3-padding-xl: var(
1025
+ --spectrum-global-dimension-size-185
1026
+ );
1027
+ --spectrum-alias-item-mark-size-s: var(
1028
+ --spectrum-global-dimension-size-225
1029
+ );
1030
+ --spectrum-alias-item-mark-size-l: var(
1031
+ --spectrum-global-dimension-size-275
1032
+ );
1033
+ --spectrum-alias-item-mark-size-xl: var(
1034
+ --spectrum-global-dimension-size-325
1035
+ );
1036
+ --spectrum-alias-heading-xxxl-text-size: var(
1037
+ --spectrum-global-dimension-font-size-1300
1038
+ );
1039
+ --spectrum-alias-heading-xxl-text-size: var(
1040
+ --spectrum-global-dimension-font-size-1100
1041
+ );
1042
+ --spectrum-alias-heading-xl-text-size: var(
1043
+ --spectrum-global-dimension-font-size-900
1044
+ );
1045
+ --spectrum-alias-heading-l-text-size: var(
1046
+ --spectrum-global-dimension-font-size-700
1047
+ );
1048
+ --spectrum-alias-heading-m-text-size: var(
1049
+ --spectrum-global-dimension-font-size-500
1050
+ );
1051
+ --spectrum-alias-heading-s-text-size: var(
1052
+ --spectrum-global-dimension-font-size-300
1053
+ );
1054
+ --spectrum-alias-heading-xs-text-size: var(
1055
+ --spectrum-global-dimension-font-size-200
1056
+ );
1057
+ --spectrum-alias-heading-xxs-text-size: var(
1058
+ --spectrum-global-dimension-font-size-100
1059
+ );
1060
+ --spectrum-alias-heading-xxxl-margin-top: var(
1061
+ --spectrum-global-dimension-font-size-1200
1062
+ );
1063
+ --spectrum-alias-heading-xxl-margin-top: var(
1064
+ --spectrum-global-dimension-font-size-900
1065
+ );
1066
+ --spectrum-alias-heading-xl-margin-top: var(
1067
+ --spectrum-global-dimension-font-size-800
1068
+ );
1069
+ --spectrum-alias-heading-l-margin-top: var(
1070
+ --spectrum-global-dimension-font-size-600
1071
+ );
1072
+ --spectrum-alias-heading-m-margin-top: var(
1073
+ --spectrum-global-dimension-font-size-400
1074
+ );
1075
+ --spectrum-alias-heading-s-margin-top: var(
1076
+ --spectrum-global-dimension-font-size-200
1077
+ );
1078
+ --spectrum-alias-heading-xs-margin-top: var(
1079
+ --spectrum-global-dimension-font-size-100
1080
+ );
1081
+ --spectrum-alias-heading-xxs-margin-top: var(
1082
+ --spectrum-global-dimension-font-size-75
1083
+ );
1084
+ --spectrum-alias-heading-han-xxxl-text-size: var(
1085
+ --spectrum-global-dimension-font-size-1300
1086
+ );
1087
+ --spectrum-alias-heading-han-xxl-text-size: var(
1088
+ --spectrum-global-dimension-font-size-900
1089
+ );
1090
+ --spectrum-alias-heading-han-xl-text-size: var(
1091
+ --spectrum-global-dimension-font-size-800
1092
+ );
1093
+ --spectrum-alias-heading-han-l-text-size: var(
1094
+ --spectrum-global-dimension-font-size-600
1095
+ );
1096
+ --spectrum-alias-heading-han-m-text-size: var(
1097
+ --spectrum-global-dimension-font-size-400
1098
+ );
1099
+ --spectrum-alias-heading-han-s-text-size: var(
1100
+ --spectrum-global-dimension-font-size-300
1101
+ );
1102
+ --spectrum-alias-heading-han-xs-text-size: var(
1103
+ --spectrum-global-dimension-font-size-200
1104
+ );
1105
+ --spectrum-alias-heading-han-xxs-text-size: var(
1106
+ --spectrum-global-dimension-font-size-100
1107
+ );
1108
+ --spectrum-alias-heading-han-xxxl-margin-top: var(
1109
+ --spectrum-global-dimension-font-size-1200
1110
+ );
1111
+ --spectrum-alias-heading-han-xxl-margin-top: var(
1112
+ --spectrum-global-dimension-font-size-800
1113
+ );
1114
+ --spectrum-alias-heading-han-xl-margin-top: var(
1115
+ --spectrum-global-dimension-font-size-700
1116
+ );
1117
+ --spectrum-alias-heading-han-l-margin-top: var(
1118
+ --spectrum-global-dimension-font-size-500
1119
+ );
1120
+ --spectrum-alias-heading-han-m-margin-top: var(
1121
+ --spectrum-global-dimension-font-size-300
1122
+ );
1123
+ --spectrum-alias-heading-han-s-margin-top: var(
1124
+ --spectrum-global-dimension-font-size-200
1125
+ );
1126
+ --spectrum-alias-heading-han-xs-margin-top: var(
1127
+ --spectrum-global-dimension-font-size-100
1128
+ );
1129
+ --spectrum-alias-heading-han-xxs-margin-top: var(
1130
+ --spectrum-global-dimension-font-size-75
1131
+ );
1132
+ --spectrum-alias-component-border-radius: var(
1133
+ --spectrum-global-dimension-size-75
1134
+ );
1135
+ --spectrum-alias-component-border-radius-quiet: var(
1136
+ --spectrum-global-dimension-size-75
1137
+ );
1138
+ --spectrum-alias-component-focusring-gap: var(
1139
+ --spectrum-global-dimension-static-size-25
1140
+ );
1141
+ --spectrum-alias-component-focusring-gap-emphasized: var(
1142
+ --spectrum-global-dimension-static-size-25
1143
+ );
1144
+ --spectrum-alias-component-focusring-size: var(
1145
+ --spectrum-global-dimension-static-size-25
1146
+ );
1147
+ --spectrum-alias-component-focusring-size-emphasized: var(
1148
+ --spectrum-global-dimension-static-size-25
1149
+ );
1150
+ --spectrum-alias-component-focusring-border-radius: var(
1151
+ --spectrum-global-dimension-size-125
1152
+ );
1153
+ --spectrum-alias-input-focusring-gap: var(
1154
+ --spectrum-global-dimension-static-size-25
1155
+ );
1156
+ --spectrum-alias-input-quiet-focusline-gap: var(
1157
+ --spectrum-global-dimension-static-size-50
1158
+ );
1159
+ --spectrum-alias-border-radius-xsmall: var(
1160
+ --spectrum-global-dimension-size-25
1161
+ );
1162
+ --spectrum-alias-border-radius-small: var(
1163
+ --spectrum-global-dimension-size-40
1164
+ );
1165
+ --spectrum-alias-border-radius-regular: var(
1166
+ --spectrum-global-dimension-size-75
1167
+ );
1168
+ --spectrum-alias-border-radius-medium: var(
1169
+ --spectrum-global-dimension-size-125
1170
+ );
1171
+ --spectrum-alias-border-radius-large: var(
1172
+ --spectrum-global-dimension-size-150
1173
+ );
1174
+ --spectrum-alias-border-radius-xlarge: var(
1175
+ --spectrum-global-dimension-size-300
1176
+ );
1177
+ --spectrum-alias-control-two-size-s: var(
1178
+ --spectrum-global-dimension-size-175
1179
+ );
1180
+ --spectrum-alias-control-two-size-m: var(
1181
+ --spectrum-global-dimension-size-200
1182
+ );
1183
+ --spectrum-alias-control-two-size-l: var(
1184
+ --spectrum-global-dimension-size-225
1185
+ );
1186
+ --spectrum-alias-control-two-size-xl: var(
1187
+ --spectrum-global-dimension-size-250
1188
+ );
1189
+ --spectrum-alias-control-two-size-xxl: var(
1190
+ --spectrum-global-dimension-size-275
1191
+ );
1192
+ --spectrum-alias-control-two-border-radius-s: var(
1193
+ --spectrum-global-dimension-size-85
1194
+ );
1195
+ --spectrum-alias-control-two-border-radius-m: var(
1196
+ --spectrum-global-dimension-size-100
1197
+ );
1198
+ --spectrum-alias-control-two-border-radius-l: var(
1199
+ --spectrum-global-dimension-size-115
1200
+ );
1201
+ --spectrum-alias-control-two-border-radius-xl: var(
1202
+ --spectrum-global-dimension-size-125
1203
+ );
1204
+ --spectrum-alias-control-two-border-radius-xxl: var(
1205
+ --spectrum-global-dimension-size-130
1206
+ );
1207
+ --spectrum-alias-control-three-height-s: var(
1208
+ --spectrum-global-dimension-size-175
1209
+ );
1210
+ --spectrum-alias-control-three-height-m: var(
1211
+ --spectrum-global-dimension-size-200
1212
+ );
1213
+ --spectrum-alias-control-three-height-l: var(
1214
+ --spectrum-global-dimension-size-225
1215
+ );
1216
+ --spectrum-alias-control-three-height-xl: var(
1217
+ --spectrum-global-dimension-size-250
1218
+ );
1219
+ --spectrum-alias-control-three-width-s: var(
1220
+ --spectrum-global-dimension-size-300
1221
+ );
1222
+ --spectrum-alias-infieldbutton-icon-margin-y-s: var(
1223
+ --spectrum-global-dimension-size-10
1224
+ );
1225
+ --spectrum-alias-infieldbutton-icon-margin-y-m: var(
1226
+ --spectrum-global-dimension-size-40
1227
+ );
1228
+ --spectrum-alias-infieldbutton-icon-margin-y-l: var(
1229
+ --spectrum-global-dimension-size-75
1230
+ );
1231
+ --spectrum-alias-infieldbutton-icon-margin-y-xl: var(
1232
+ --spectrum-global-dimension-size-115
1233
+ );
1234
+ --spectrum-alias-infieldbutton-padding-s: var(
1235
+ --spectrum-global-dimension-size-50
1236
+ );
1237
+ --spectrum-alias-infieldbutton-padding-m: var(
1238
+ --spectrum-global-dimension-size-50
1239
+ );
1240
+ --spectrum-alias-infieldbutton-padding-l: var(
1241
+ --spectrum-global-dimension-size-50
1242
+ );
1243
+ --spectrum-alias-infieldbutton-padding-xl: var(
1244
+ --spectrum-global-dimension-size-50
1245
+ );
1246
+ --spectrum-alias-infieldbutton-border-radius: var(
1247
+ --spectrum-global-dimension-size-40
1248
+ );
1249
+ --spectrum-alias-infieldbutton-border-radius-sided: var(
1250
+ --spectrum-global-dimension-size-40
1251
+ );
1252
+ --spectrum-alias-infieldbutton-border-size: var(
1253
+ --spectrum-global-dimension-static-size-0
1254
+ );
1255
+ --spectrum-alias-infieldbutton-fill-padding-s: var(
1256
+ --spectrum-global-dimension-size-10
1257
+ );
1258
+ --spectrum-alias-infieldbutton-fill-padding-m: var(
1259
+ --spectrum-global-dimension-size-40
1260
+ );
1261
+ --spectrum-alias-infieldbutton-fill-padding-l: var(
1262
+ --spectrum-global-dimension-size-75
1263
+ );
1264
+ --spectrum-alias-infieldbutton-fill-padding-xl: var(
1265
+ --spectrum-global-dimension-size-115
1266
+ );
1267
+ --spectrum-alias-infieldbutton-full-height-s: var(
1268
+ --spectrum-global-dimension-size-200
1269
+ );
1270
+ --spectrum-alias-infieldbutton-full-height-m: var(
1271
+ --spectrum-global-dimension-size-300
1272
+ );
1273
+ --spectrum-alias-infieldbutton-full-height-l: var(
1274
+ --spectrum-global-dimension-size-400
1275
+ );
1276
+ --spectrum-alias-infieldbutton-full-height-xl: var(
1277
+ --spectrum-global-dimension-size-500
1278
+ );
1279
+ --spectrum-alias-infieldbutton-half-height-s: var(
1280
+ --spectrum-global-dimension-size-115
1281
+ );
1282
+ --spectrum-alias-infieldbutton-half-height-m: var(
1283
+ --spectrum-global-dimension-size-130
1284
+ );
1285
+ --spectrum-alias-infieldbutton-half-height-l: var(
1286
+ --spectrum-global-dimension-size-150
1287
+ );
1288
+ --spectrum-alias-infieldbutton-half-height-xl: var(
1289
+ --spectrum-global-dimension-size-185
1290
+ );
1291
+ --spectrum-alias-stepperbutton-gap: var(
1292
+ --spectrum-global-dimension-size-25
1293
+ );
1294
+ --spectrum-alias-stepperbutton-width-s: var(
1295
+ --spectrum-global-dimension-size-225
1296
+ );
1297
+ --spectrum-alias-stepperbutton-width-m: var(
1298
+ --spectrum-global-dimension-size-250
1299
+ );
1300
+ --spectrum-alias-stepperbutton-width-l: var(
1301
+ --spectrum-global-dimension-size-275
1302
+ );
1303
+ --spectrum-alias-stepperbutton-width-xl: var(
1304
+ --spectrum-global-dimension-size-325
1305
+ );
1306
+ --spectrum-alias-stepperbutton-icon-x-offset-s: var(
1307
+ --spectrum-global-dimension-size-50
1308
+ );
1309
+ --spectrum-alias-stepperbutton-icon-x-offset-m: var(
1310
+ --spectrum-global-dimension-size-65
1311
+ );
1312
+ --spectrum-alias-stepperbutton-icon-x-offset-l: var(
1313
+ --spectrum-global-dimension-size-65
1314
+ );
1315
+ --spectrum-alias-stepperbutton-icon-x-offset-xl: var(
1316
+ --spectrum-global-dimension-size-75
1317
+ );
1318
+ --spectrum-alias-stepperbutton-icon-y-offset-top-s: 0;
1319
+ --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(
1320
+ --spectrum-global-dimension-size-10
1321
+ );
1322
+ --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(
1323
+ --spectrum-global-dimension-size-10
1324
+ );
1325
+ --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(
1326
+ --spectrum-global-dimension-size-10
1327
+ );
1328
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: 0;
1329
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: 0;
1330
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: 0;
1331
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: 0;
1332
+ --spectrum-alias-stepperbutton-radius-touching: var(
1333
+ --spectrum-global-dimension-size-25
1334
+ );
1335
+ --spectrum-alias-clearbutton-icon-margin-s: var(
1336
+ --spectrum-global-dimension-size-50
1337
+ );
1338
+ --spectrum-alias-clearbutton-icon-margin-m: var(
1339
+ --spectrum-global-dimension-size-100
1340
+ );
1341
+ --spectrum-alias-clearbutton-icon-margin-l: var(
1342
+ --spectrum-global-dimension-size-130
1343
+ );
1344
+ --spectrum-alias-clearbutton-icon-margin-xl: var(
1345
+ --spectrum-global-dimension-size-175
1346
+ );
1347
+ --spectrum-alias-clearbutton-border-radius: var(
1348
+ --spectrum-global-dimension-size-150
1349
+ );
1350
+ --spectrum-alias-pickerbutton-icononly-padding-x-s: var(
1351
+ --spectrum-global-dimension-size-40
1352
+ );
1353
+ --spectrum-alias-pickerbutton-icononly-padding-x-m: var(
1354
+ --spectrum-global-dimension-size-75
1355
+ );
1356
+ --spectrum-alias-pickerbutton-icononly-padding-x-l: var(
1357
+ --spectrum-global-dimension-size-115
1358
+ );
1359
+ --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(
1360
+ --spectrum-global-dimension-size-150
1361
+ );
1362
+ --spectrum-alias-pickerbutton-icon-margin-y-s: var(
1363
+ --spectrum-global-dimension-size-40
1364
+ );
1365
+ --spectrum-alias-pickerbutton-icon-margin-y-m: var(
1366
+ --spectrum-global-dimension-size-75
1367
+ );
1368
+ --spectrum-alias-pickerbutton-icon-margin-y-l: var(
1369
+ --spectrum-global-dimension-size-115
1370
+ );
1371
+ --spectrum-alias-pickerbutton-icon-margin-y-xl: var(
1372
+ --spectrum-global-dimension-size-150
1373
+ );
1374
+ --spectrum-alias-pickerbutton-label-padding-y-s: 0;
1375
+ --spectrum-alias-pickerbutton-label-padding-y-m: var(
1376
+ --spectrum-global-dimension-size-40
1377
+ );
1378
+ --spectrum-alias-pickerbutton-label-padding-y-l: var(
1379
+ --spectrum-global-dimension-size-65
1380
+ );
1381
+ --spectrum-alias-pickerbutton-label-padding-y-xl: var(
1382
+ --spectrum-global-dimension-size-100
1383
+ );
1384
+ --spectrum-alias-pickerbutton-border-radius-rounded: var(
1385
+ --spectrum-global-dimension-size-150
1386
+ );
1387
+ --spectrum-alias-search-border-radius: var(
1388
+ --spectrum-global-dimension-size-300
1389
+ );
1390
+ --spectrum-alias-combobox-quiet-button-offset-x: var(
1391
+ --spectrum-global-dimension-size-50
1392
+ );
1393
+ --spectrum-alias-thumbnail-border-radius-small: var(
1394
+ --spectrum-global-dimension-size-75
1395
+ );
1396
+ --spectrum-alias-focus-ring-gap-small: var(
1397
+ --spectrum-global-dimension-static-size-25
1398
+ );
1399
+ --spectrum-alias-focus-ring-size-small: var(
1400
+ --spectrum-global-dimension-static-size-25
1401
+ );
1402
+ --spectrum-alias-input-border-size: var(
1403
+ --spectrum-global-dimension-static-size-25
1404
+ );
1405
+ --spectrum-alias-avatar-border-size: var(
1406
+ --spectrum-global-dimension-static-size-25
1407
+ );
1408
+ --spectrum-alias-search-padding-left-s: var(
1409
+ --spectrum-global-dimension-size-125
1410
+ );
1411
+ --spectrum-alias-search-padding-left-m: var(
1412
+ --spectrum-global-dimension-size-175
1413
+ );
1414
+ --spectrum-alias-search-padding-left-l: var(
1415
+ --spectrum-global-dimension-size-200
1416
+ );
1417
+ --spectrum-alias-search-padding-left-xl: var(
1418
+ --spectrum-global-dimension-size-225
1419
+ );
1420
+ --spectrum-alias-search-border-radius-quiet: 0;
1421
+ --spectrum-alias-percent-50: 50%;
1422
+ --spectrum-alias-percent-70: 70%;
1423
+ --spectrum-alias-percent-100: 100%;
1424
+ --spectrum-alias-breakpoint-xsmall: 304px;
1425
+ --spectrum-alias-breakpoint-small: 768px;
1426
+ --spectrum-alias-breakpoint-medium: 1280px;
1427
+ --spectrum-alias-breakpoint-large: 1768px;
1428
+ --spectrum-alias-breakpoint-xlarge: 2160px;
1429
+ --spectrum-alias-grid-columns: 12;
1430
+ --spectrum-alias-grid-fluid-width: 100%;
1431
+ --spectrum-alias-grid-fixed-max-width: 1280px;
1432
+ --spectrum-alias-border-size-thin: var(
1433
+ --spectrum-global-dimension-static-size-10
1434
+ );
1435
+ --spectrum-alias-border-size-thick: var(
1436
+ --spectrum-global-dimension-static-size-25
1437
+ );
1438
+ --spectrum-alias-border-size-thicker: var(
1439
+ --spectrum-global-dimension-static-size-50
1440
+ );
1441
+ --spectrum-alias-border-size-thickest: var(
1442
+ --spectrum-global-dimension-static-size-100
1443
+ );
1444
+ --spectrum-alias-border-offset-thin: var(
1445
+ --spectrum-global-dimension-static-size-25
1446
+ );
1447
+ --spectrum-alias-border-offset-thick: var(
1448
+ --spectrum-global-dimension-static-size-50
1449
+ );
1450
+ --spectrum-alias-border-offset-thicker: var(
1451
+ --spectrum-global-dimension-static-size-100
1452
+ );
1453
+ --spectrum-alias-border-offset-thickest: var(
1454
+ --spectrum-global-dimension-static-size-200
1455
+ );
1456
+ --spectrum-alias-grid-baseline: var(
1457
+ --spectrum-global-dimension-static-size-100
1458
+ );
1459
+ --spectrum-alias-grid-gutter-xsmall: var(
1460
+ --spectrum-global-dimension-static-size-200
1461
+ );
1462
+ --spectrum-alias-grid-gutter-small: var(
1463
+ --spectrum-global-dimension-static-size-300
1464
+ );
1465
+ --spectrum-alias-grid-gutter-medium: var(
1466
+ --spectrum-global-dimension-static-size-400
1467
+ );
1468
+ --spectrum-alias-grid-gutter-large: var(
1469
+ --spectrum-global-dimension-static-size-500
1470
+ );
1471
+ --spectrum-alias-grid-gutter-xlarge: var(
1472
+ --spectrum-global-dimension-static-size-600
1473
+ );
1474
+ --spectrum-alias-grid-margin-xsmall: var(
1475
+ --spectrum-global-dimension-static-size-200
1476
+ );
1477
+ --spectrum-alias-grid-margin-small: var(
1478
+ --spectrum-global-dimension-static-size-300
1479
+ );
1480
+ --spectrum-alias-grid-margin-medium: var(
1481
+ --spectrum-global-dimension-static-size-400
1482
+ );
1483
+ --spectrum-alias-grid-margin-large: var(
1484
+ --spectrum-global-dimension-static-size-500
1485
+ );
1486
+ --spectrum-alias-grid-margin-xlarge: var(
1487
+ --spectrum-global-dimension-static-size-600
1488
+ );
1489
+ --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(
1490
+ --spectrum-global-dimension-static-size-200
1491
+ );
1492
+ --spectrum-alias-grid-layout-region-margin-bottom-small: var(
1493
+ --spectrum-global-dimension-static-size-300
1494
+ );
1495
+ --spectrum-alias-grid-layout-region-margin-bottom-medium: var(
1496
+ --spectrum-global-dimension-static-size-400
1497
+ );
1498
+ --spectrum-alias-grid-layout-region-margin-bottom-large: var(
1499
+ --spectrum-global-dimension-static-size-500
1500
+ );
1501
+ --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(
1502
+ --spectrum-global-dimension-static-size-600
1503
+ );
1504
+ --spectrum-alias-radial-reaction-size-default: var(
1505
+ --spectrum-global-dimension-static-size-550
1506
+ );
1507
+ --spectrum-alias-focus-ring-gap: var(
1508
+ --spectrum-global-dimension-static-size-25
1509
+ );
1510
+ --spectrum-alias-focus-ring-size: var(
1511
+ --spectrum-global-dimension-static-size-25
1512
+ );
1513
+ --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
1514
+ --spectrum-alias-dropshadow-offset-y: var(
1515
+ --spectrum-global-dimension-size-10
1516
+ );
1517
+ --spectrum-alias-font-size-default: var(
1518
+ --spectrum-global-dimension-font-size-100
1519
+ );
1520
+ --spectrum-alias-layout-label-gap-size: var(
1521
+ --spectrum-global-dimension-size-100
1522
+ );
1523
+ --spectrum-alias-pill-button-text-size: var(
1524
+ --spectrum-global-dimension-font-size-100
1525
+ );
1526
+ --spectrum-alias-pill-button-text-baseline: var(
1527
+ --spectrum-global-dimension-static-size-150
1528
+ );
1529
+ --spectrum-alias-single-line-height: var(
1530
+ --spectrum-global-dimension-size-400
1531
+ );
1532
+ --spectrum-alias-single-line-width: var(
1533
+ --spectrum-global-dimension-size-2400
1534
+ );
1535
+ --spectrum-alias-workflow-icon-size-s: var(
1536
+ --spectrum-global-dimension-size-200
1537
+ );
1538
+ --spectrum-alias-workflow-icon-size-m: var(
1539
+ --spectrum-global-dimension-size-225
1540
+ );
1541
+ --spectrum-alias-workflow-icon-size-xl: var(
1542
+ --spectrum-global-dimension-size-275
1543
+ );
1544
+ --spectrum-alias-ui-icon-alert-size-75: var(
1545
+ --spectrum-global-dimension-size-200
1546
+ );
1547
+ --spectrum-alias-ui-icon-alert-size-100: var(
1548
+ --spectrum-global-dimension-size-225
1549
+ );
1550
+ --spectrum-alias-ui-icon-alert-size-200: var(
1551
+ --spectrum-global-dimension-size-250
1552
+ );
1553
+ --spectrum-alias-ui-icon-alert-size-300: var(
1554
+ --spectrum-global-dimension-size-275
1555
+ );
1556
+ --spectrum-alias-ui-icon-triplegripper-size-100-height: var(
1557
+ --spectrum-global-dimension-size-100
1558
+ );
1559
+ --spectrum-alias-ui-icon-doublegripper-size-100-width: var(
1560
+ --spectrum-global-dimension-size-200
1561
+ );
1562
+ --spectrum-alias-ui-icon-singlegripper-size-100-width: var(
1563
+ --spectrum-global-dimension-size-300
1564
+ );
1565
+ --spectrum-alias-ui-icon-cornertriangle-size-75: var(
1566
+ --spectrum-global-dimension-size-65
1567
+ );
1568
+ --spectrum-alias-ui-icon-cornertriangle-size-200: var(
1569
+ --spectrum-global-dimension-size-75
1570
+ );
1571
+ --spectrum-alias-ui-icon-asterisk-size-75: var(
1572
+ --spectrum-global-dimension-static-size-100
1573
+ );
1574
+ --spectrum-alias-ui-icon-asterisk-size-100: var(
1575
+ --spectrum-global-dimension-size-100
1576
+ );
1577
+ --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);
1578
+ --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);
1579
+ --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);
1580
+ --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
1581
+ --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
1582
+ --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
1583
+ }
1584
+ :host,
1585
+ :root {
1586
+ /* spectrum-colorAliases.css */
1587
+ --spectrum-alias-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);
1588
+ --spectrum-alias-component-text-color-selected-default: var(
1589
+ --spectrum-global-color-gray-50
1590
+ );
1591
+ --spectrum-alias-component-text-color-selected-hover: var(
1592
+ --spectrum-alias-component-text-color-selected-default
1593
+ );
1594
+ --spectrum-alias-component-text-color-selected-down: var(
1595
+ --spectrum-alias-component-text-color-selected-default
1596
+ );
1597
+ --spectrum-alias-component-text-color-selected-key-focus: var(
1598
+ --spectrum-alias-component-text-color-selected-default
1599
+ );
1600
+ --spectrum-alias-component-text-color-selected-mouse-focus: var(
1601
+ --spectrum-alias-component-text-color-selected-default
1602
+ );
1603
+ --spectrum-alias-component-icon-color-default: var(
1604
+ --spectrum-global-color-gray-800
1605
+ );
1606
+ --spectrum-alias-component-icon-color-selected: var(
1607
+ --spectrum-global-color-gray-50
1608
+ );
1609
+ --spectrum-alias-component-background-color-default: var(
1610
+ --spectrum-global-color-gray-200
1611
+ );
1612
+ --spectrum-alias-component-background-color-hover: var(
1613
+ --spectrum-global-color-gray-300
1614
+ );
1615
+ --spectrum-alias-component-background-color-down: var(
1616
+ --spectrum-global-color-gray-400
1617
+ );
1618
+ --spectrum-alias-component-background-color-key-focus: var(
1619
+ --spectrum-global-color-gray-300
1620
+ );
1621
+ --spectrum-alias-component-background-color-quiet-hover: var(
1622
+ --spectrum-alias-component-background-color-hover
1623
+ );
1624
+ --spectrum-alias-component-background-color-quiet-down: var(
1625
+ --spectrum-alias-component-background-color-down
1626
+ );
1627
+ --spectrum-alias-component-background-color-quiet-key-focus: var(
1628
+ --spectrum-alias-component-background-color-key-focus
1629
+ );
1630
+ --spectrum-alias-component-background-color-selected-default: var(
1631
+ --spectrum-global-color-gray-800
1632
+ );
1633
+ --spectrum-alias-component-background-color-selected-hover: var(
1634
+ --spectrum-global-color-gray-900
1635
+ );
1636
+ --spectrum-alias-component-background-color-selected-down: var(
1637
+ --spectrum-global-color-gray-900
1638
+ );
1639
+ --spectrum-alias-component-background-color-selected-key-focus: var(
1640
+ --spectrum-global-color-gray-900
1641
+ );
1642
+ --spectrum-alias-component-border-color-default: var(
1643
+ --spectrum-alias-component-background-color-default
1644
+ );
1645
+ --spectrum-alias-component-border-color-hover: var(
1646
+ --spectrum-alias-component-background-color-hover
1647
+ );
1648
+ --spectrum-alias-component-border-color-down: var(
1649
+ --spectrum-alias-component-background-color-down
1650
+ );
1651
+ --spectrum-alias-component-border-color-key-focus: var(
1652
+ --spectrum-alias-component-background-color-key-focus
1653
+ );
1654
+ --spectrum-alias-component-border-color-selected-default: var(
1655
+ --spectrum-alias-component-background-color-selected-default
1656
+ );
1657
+ --spectrum-alias-component-border-color-selected-hover: var(
1658
+ --spectrum-alias-component-background-color-selected-hover
1659
+ );
1660
+ --spectrum-alias-component-border-color-selected-down: var(
1661
+ --spectrum-alias-component-background-color-selected-down
1662
+ );
1663
+ --spectrum-alias-component-border-color-selected-key-focus: var(
1664
+ --spectrum-alias-component-background-color-selected-key-focus
1665
+ );
1666
+ --spectrum-alias-component-border-color-quiet-key-focus: var(
1667
+ --spectrum-alias-component-background-color-quiet-default
1668
+ );
1669
+ --spectrum-alias-component-border-color-quiet-selected-default: var(
1670
+ --spectrum-alias-component-background-color-selected-default
1671
+ );
1672
+ --spectrum-alias-component-border-color-quiet-selected-hover: var(
1673
+ --spectrum-alias-component-background-color-quiet-selected-hover
1674
+ );
1675
+ --spectrum-alias-component-border-color-quiet-selected-down: var(
1676
+ --spectrum-alias-component-background-color-quiet-selected-down
1677
+ );
1678
+ --spectrum-alias-component-border-color-quiet-selected-key-focus: var(
1679
+ --spectrum-alias-component-background-color-quiet-selected-key-focus
1680
+ );
1681
+ --spectrum-alias-toggle-background-color-default: var(
1682
+ --spectrum-global-color-gray-800
1683
+ );
1684
+ --spectrum-alias-toggle-background-color-hover: var(
1685
+ --spectrum-global-color-gray-900
1686
+ );
1687
+ --spectrum-alias-toggle-background-color-down: var(
1688
+ --spectrum-global-color-gray-900
1689
+ );
1690
+ --spectrum-alias-toggle-background-color-key-focus: var(
1691
+ --spectrum-global-color-gray-900
1692
+ );
1693
+ --spectrum-alias-toggle-border-color-default: var(
1694
+ --spectrum-global-color-gray-800
1695
+ );
1696
+ --spectrum-alias-toggle-border-color-hover: var(
1697
+ --spectrum-global-color-gray-900
1698
+ );
1699
+ --spectrum-alias-toggle-border-color-down: var(
1700
+ --spectrum-global-color-gray-900
1701
+ );
1702
+ --spectrum-alias-toggle-border-color-key-focus: var(
1703
+ --spectrum-global-color-gray-900
1704
+ );
1705
+ --spectrum-alias-toggle-icon-color-selected: var(
1706
+ --spectrum-global-color-gray-50
1707
+ );
1708
+ --spectrum-alias-avatar-border-color-disabled: var(
1709
+ --spectrum-alias-background-color-transparent
1710
+ );
1711
+ --spectrum-alias-avatar-border-color-selected-default: var(
1712
+ --spectrum-global-color-gray-900
1713
+ );
1714
+ --spectrum-alias-avatar-border-color-selected-hover: var(
1715
+ --spectrum-alias-component-background-color-selected-hover
1716
+ );
1717
+ --spectrum-alias-avatar-border-color-selected-down: var(
1718
+ --spectrum-alias-component-background-color-selected-hover
1719
+ );
1720
+ --spectrum-alias-avatar-border-color-selected-key-focus: var(
1721
+ --spectrum-global-color-gray-900
1722
+ );
1723
+ --spectrum-alias-link-primary-text-color-default: var(
1724
+ --spectrum-global-color-indigo-600
1725
+ );
1726
+ --spectrum-alias-link-primary-text-color-hover: var(
1727
+ --spectrum-global-color-indigo-600
1728
+ );
1729
+ --spectrum-alias-link-primary-text-color-down: var(
1730
+ --spectrum-global-color-indigo-700
1731
+ );
1732
+ --spectrum-alias-link-primary-text-color-key-focus: var(
1733
+ --spectrum-alias-text-color-key-focus
1734
+ );
1735
+ --spectrum-alias-link-secondary-text-color-default: var(
1736
+ --spectrum-alias-text-color
1737
+ );
1738
+ --spectrum-alias-link-secondary-text-color-hover: var(
1739
+ --spectrum-alias-link-primary-text-color-hover
1740
+ );
1741
+ --spectrum-alias-link-secondary-text-color-down: var(
1742
+ --spectrum-alias-link-primary-text-color-down
1743
+ );
1744
+ --spectrum-alias-link-secondary-text-color-key-focus: var(
1745
+ --spectrum-alias-link-primary-text-color-key-focus
1746
+ );
1747
+ --spectrum-alias-button-primary-background-color-default: var(
1748
+ --spectrum-alias-button-primary-border-color-default
1749
+ );
1750
+ --spectrum-alias-button-primary-text-color-default: var(
1751
+ --spectrum-alias-button-primary-text-color-hover
1752
+ );
1753
+ --spectrum-alias-button-primary-icon-color-default: var(
1754
+ --spectrum-alias-button-primary-text-color-default
1755
+ );
1756
+ --spectrum-alias-button-secondary-background-color-default: var(
1757
+ --spectrum-alias-button-secondary-border-color-default
1758
+ );
1759
+ --spectrum-alias-button-secondary-text-color-default: var(
1760
+ --spectrum-alias-button-secondary-text-color-hover
1761
+ );
1762
+ --spectrum-alias-button-secondary-icon-color-default: var(
1763
+ --spectrum-alias-button-secondary-text-color-default
1764
+ );
1765
+ --spectrum-alias-button-negative-background-color-default: var(
1766
+ --spectrum-alias-button-negative-border-color-default
1767
+ );
1768
+ --spectrum-alias-button-negative-text-color-default: var(
1769
+ --spectrum-alias-button-negative-text-color-hover
1770
+ );
1771
+ --spectrum-alias-button-negative-icon-color-default: var(
1772
+ --spectrum-alias-button-negative-text-color-default
1773
+ );
1774
+ --spectrum-alias-input-border-color-default: var(
1775
+ --spectrum-alias-border-color
1776
+ );
1777
+ --spectrum-alias-input-border-color-hover: var(
1778
+ --spectrum-alias-border-color-hover
1779
+ );
1780
+ --spectrum-alias-input-border-color-down: var(
1781
+ --spectrum-global-color-gray-900
1782
+ );
1783
+ --spectrum-alias-input-border-color-mouse-focus: var(
1784
+ --spectrum-global-color-gray-900
1785
+ );
1786
+ --spectrum-alias-input-border-color-key-focus: var(
1787
+ --spectrum-global-color-gray-900
1788
+ );
1789
+ --spectrum-alias-input-border-color-invalid-key-focus: var(
1790
+ --spectrum-global-color-gray-900
1791
+ );
1792
+ --spectrum-alias-yellow-background-color-default: var(
1793
+ --spectrum-global-color-static-yellow-400
1794
+ );
1795
+ --spectrum-alias-yellow-background-color-hover: var(
1796
+ --spectrum-global-color-static-yellow-500
1797
+ );
1798
+ --spectrum-alias-yellow-background-color-key-focus: var(
1799
+ --spectrum-global-color-static-yellow-500
1800
+ );
1801
+ --spectrum-alias-yellow-background-color-down: var(
1802
+ --spectrum-global-color-static-yellow-600
1803
+ );
1804
+ --spectrum-alias-infieldbutton-background-color: transparent;
1805
+ --spectrum-alias-infieldbutton-fill-border-color-default: transparent;
1806
+ --spectrum-alias-infieldbutton-fill-border-color-hover: transparent;
1807
+ --spectrum-alias-infieldbutton-fill-border-color-down: transparent;
1808
+ --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: transparent;
1809
+ --spectrum-alias-infieldbutton-fill-border-color-key-focus: transparent;
1810
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(
1811
+ --spectrum-global-color-gray-200
1812
+ );
1813
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(
1814
+ --spectrum-global-color-gray-300
1815
+ );
1816
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(
1817
+ --spectrum-global-color-gray-400
1818
+ );
1819
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(
1820
+ --spectrum-global-color-gray-300
1821
+ );
1822
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(
1823
+ --spectrum-alias-component-background-color-disabled
1824
+ );
1825
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(
1826
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default
1827
+ );
1828
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(
1829
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover
1830
+ );
1831
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(
1832
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down
1833
+ );
1834
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(
1835
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus
1836
+ );
1837
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent;
1838
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent;
1839
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: var(
1840
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover
1841
+ );
1842
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: var(
1843
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down
1844
+ );
1845
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: var(
1846
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus
1847
+ );
1848
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent;
1849
+ --spectrum-alias-actionbutton-staticBlack-border-color-default: transparent;
1850
+ --spectrum-alias-actionbutton-staticBlack-background-color-default: rgba(
1851
+ 0,
1852
+ 0,
1853
+ 0,
1854
+ 0.1
1855
+ );
1856
+ --spectrum-alias-actionbutton-staticBlack-border-color-hover: transparent;
1857
+ --spectrum-alias-actionbutton-staticBlack-background-color-hover: rgba(
1858
+ 0,
1859
+ 0,
1860
+ 0,
1861
+ 0.25
1862
+ );
1863
+ --spectrum-alias-actionbutton-staticBlack-border-color-down: transparent;
1864
+ --spectrum-alias-actionbutton-staticBlack-background-color-down: rgba(
1865
+ 0,
1866
+ 0,
1867
+ 0,
1868
+ 0.4
1869
+ );
1870
+ --spectrum-alias-actionbutton-staticBlack-border-color-key-focus: transparent;
1871
+ --spectrum-alias-actionbutton-staticBlack-background-color-key-focus: rgba(
1872
+ 0,
1873
+ 0,
1874
+ 0,
1875
+ 0.25
1876
+ );
1877
+ --spectrum-alias-actionbutton-staticBlack-border-color-disabled: transparent;
1878
+ --spectrum-alias-actionbutton-staticBlack-background-color-disabled: transparent;
1879
+ --spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected: transparent;
1880
+ --spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected: rgba(
1881
+ 0,
1882
+ 0,
1883
+ 0,
1884
+ 0.1
1885
+ );
1886
+ --spectrum-alias-actionbutton-staticWhite-border-color-default: transparent;
1887
+ --spectrum-alias-actionbutton-staticWhite-background-color-default: hsla(
1888
+ 0,
1889
+ 0%,
1890
+ 100%,
1891
+ 0.1
1892
+ );
1893
+ --spectrum-alias-actionbutton-staticWhite-border-color-hover: transparent;
1894
+ --spectrum-alias-actionbutton-staticWhite-background-color-hover: hsla(
1895
+ 0,
1896
+ 0%,
1897
+ 100%,
1898
+ 0.25
1899
+ );
1900
+ --spectrum-alias-actionbutton-staticWhite-border-color-down: transparent;
1901
+ --spectrum-alias-actionbutton-staticWhite-background-color-down: hsla(
1902
+ 0,
1903
+ 0%,
1904
+ 100%,
1905
+ 0.4
1906
+ );
1907
+ --spectrum-alias-actionbutton-staticWhite-border-color-key-focus: transparent;
1908
+ --spectrum-alias-actionbutton-staticWhite-background-color-key-focus: hsla(
1909
+ 0,
1910
+ 0%,
1911
+ 100%,
1912
+ 0.25
1913
+ );
1914
+ --spectrum-alias-actionbutton-staticWhite-border-color-disabled: transparent;
1915
+ --spectrum-alias-actionbutton-staticWhite-background-color-disabled: transparent;
1916
+ --spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected: transparent;
1917
+ --spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected: hsla(
1918
+ 0,
1919
+ 0%,
1920
+ 100%,
1921
+ 0.1
1922
+ );
1923
+ --spectrum-alias-thumbnail-darksquare-background-color: var(
1924
+ --spectrum-global-color-gray-200
1925
+ );
1926
+ --spectrum-alias-thumbnail-lightsquare-background-color: var(
1927
+ --spectrum-global-color-static-white
1928
+ );
1929
+ --spectrum-alias-transparent-blue-background-color-hover: rgba(
1930
+ 2,
1931
+ 97,
1932
+ 214,
1933
+ 0.15
1934
+ );
1935
+ --spectrum-alias-transparent-blue-background-color-down: rgba(
1936
+ 0,
1937
+ 85,
1938
+ 185,
1939
+ 0.15
1940
+ );
1941
+ --spectrum-alias-transparent-blue-background-color-key-focus: var(
1942
+ --spectrum-alias-transparent-blue-background-color-hover
1943
+ );
1944
+ --spectrum-alias-transparent-blue-background-color-mouse-focus: var(
1945
+ --spectrum-alias-transparent-blue-background-color-hover
1946
+ );
1947
+ --spectrum-alias-transparent-blue-background-color: var(
1948
+ --spectrum-alias-component-text-color-default
1949
+ );
1950
+ --spectrum-alias-transparent-red-background-color-hover: rgba(
1951
+ 206,
1952
+ 15,
1953
+ 11,
1954
+ 0.15
1955
+ );
1956
+ --spectrum-alias-transparent-red-background-color-down: rgba(
1957
+ 182,
1958
+ 0,
1959
+ 0,
1960
+ 0.15
1961
+ );
1962
+ --spectrum-alias-transparent-red-background-color-key-focus: var(
1963
+ --spectrum-alias-transparent-red-background-color-hover
1964
+ );
1965
+ --spectrum-alias-transparent-red-background-color-mouse-focus: var(
1966
+ --spectrum-alias-transparent-red-background-color-hover
1967
+ );
1968
+ --spectrum-alias-transparent-red-background-color: var(
1969
+ --spectrum-alias-component-text-color-default
1970
+ );
1971
+ --spectrum-alias-component-text-color-disabled: var(
1972
+ --spectrum-global-color-gray-500
1973
+ );
1974
+ --spectrum-alias-component-text-color-default: var(
1975
+ --spectrum-global-color-gray-800
1976
+ );
1977
+ --spectrum-alias-component-text-color-hover: var(
1978
+ --spectrum-global-color-gray-900
1979
+ );
1980
+ --spectrum-alias-component-text-color-down: var(
1981
+ --spectrum-global-color-gray-900
1982
+ );
1983
+ --spectrum-alias-component-text-color-key-focus: var(
1984
+ --spectrum-alias-component-text-color-hover
1985
+ );
1986
+ --spectrum-alias-component-text-color-mouse-focus: var(
1987
+ --spectrum-alias-component-text-color-hover
1988
+ );
1989
+ --spectrum-alias-component-text-color: var(
1990
+ --spectrum-alias-component-text-color-default
1991
+ );
1992
+ --spectrum-alias-component-text-color-selected: var(
1993
+ --spectrum-alias-component-text-color-selected-default
1994
+ );
1995
+ --spectrum-alias-component-text-color-emphasized-selected-default: var(
1996
+ --spectrum-global-color-static-white
1997
+ );
1998
+ --spectrum-alias-component-text-color-emphasized-selected-hover: var(
1999
+ --spectrum-alias-component-text-color-emphasized-selected-default
2000
+ );
2001
+ --spectrum-alias-component-text-color-emphasized-selected-down: var(
2002
+ --spectrum-alias-component-text-color-emphasized-selected-default
2003
+ );
2004
+ --spectrum-alias-component-text-color-emphasized-selected-key-focus: var(
2005
+ --spectrum-alias-component-text-color-emphasized-selected-default
2006
+ );
2007
+ --spectrum-alias-component-text-color-emphasized-selected-mouse-focus: var(
2008
+ --spectrum-alias-component-text-color-emphasized-selected-default
2009
+ );
2010
+ --spectrum-alias-component-text-color-emphasized-selected: var(
2011
+ --spectrum-alias-component-text-color-emphasized-selected-default
2012
+ );
2013
+ --spectrum-alias-component-text-color-error-default: var(
2014
+ --spectrum-semantic-negative-text-color-small
2015
+ );
2016
+ --spectrum-alias-component-text-color-error-hover: var(
2017
+ --spectrum-semantic-negative-text-color-small-hover
2018
+ );
2019
+ --spectrum-alias-component-text-color-error-down: var(
2020
+ --spectrum-semantic-negative-text-color-small-down
2021
+ );
2022
+ --spectrum-alias-component-text-color-error-key-focus: var(
2023
+ --spectrum-semantic-negative-text-color-small-key-focus
2024
+ );
2025
+ --spectrum-alias-component-text-color-error-mouse-focus: var(
2026
+ --spectrum-semantic-negative-text-color-small-key-focus
2027
+ );
2028
+ --spectrum-alias-component-text-color-error: var(
2029
+ --spectrum-alias-component-text-color-error-default
2030
+ );
2031
+ --spectrum-alias-component-icon-color-disabled: var(
2032
+ --spectrum-alias-icon-color-disabled
2033
+ );
2034
+ --spectrum-alias-component-icon-color-hover: var(
2035
+ --spectrum-alias-icon-color-hover
2036
+ );
2037
+ --spectrum-alias-component-icon-color-down: var(
2038
+ --spectrum-alias-icon-color-down
2039
+ );
2040
+ --spectrum-alias-component-icon-color-key-focus: var(
2041
+ --spectrum-alias-icon-color-hover
2042
+ );
2043
+ --spectrum-alias-component-icon-color-mouse-focus: var(
2044
+ --spectrum-alias-icon-color-down
2045
+ );
2046
+ --spectrum-alias-component-icon-color: var(
2047
+ --spectrum-alias-component-icon-color-default
2048
+ );
2049
+ --spectrum-alias-component-icon-color-emphasized-selected-default: var(
2050
+ --spectrum-global-color-static-white
2051
+ );
2052
+ --spectrum-alias-component-icon-color-emphasized-selected-hover: var(
2053
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2054
+ );
2055
+ --spectrum-alias-component-icon-color-emphasized-selected-down: var(
2056
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2057
+ );
2058
+ --spectrum-alias-component-icon-color-emphasized-selected-key-focus: var(
2059
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2060
+ );
2061
+ --spectrum-alias-component-icon-color-emphasized-selected: var(
2062
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2063
+ );
2064
+ --spectrum-alias-component-background-color-disabled: var(
2065
+ --spectrum-global-color-gray-200
2066
+ );
2067
+ --spectrum-alias-component-background-color-quiet-disabled: var(
2068
+ --spectrum-alias-background-color-transparent
2069
+ );
2070
+ --spectrum-alias-component-background-color-quiet-selected-disabled: var(
2071
+ --spectrum-alias-component-background-color-disabled
2072
+ );
2073
+ --spectrum-alias-component-background-color: var(
2074
+ --spectrum-alias-component-background-color-default
2075
+ );
2076
+ --spectrum-alias-component-background-color-selected: var(
2077
+ --spectrum-alias-component-background-color-selected-default
2078
+ );
2079
+ --spectrum-alias-component-background-color-quiet-default: var(
2080
+ --spectrum-alias-background-color-transparent
2081
+ );
2082
+ --spectrum-alias-component-background-color-quiet: var(
2083
+ --spectrum-alias-component-background-color-quiet-default
2084
+ );
2085
+ --spectrum-alias-component-background-color-quiet-selected-default: var(
2086
+ --spectrum-alias-component-background-color-selected-default
2087
+ );
2088
+ --spectrum-alias-component-background-color-quiet-selected-hover: var(
2089
+ --spectrum-alias-component-background-color-selected-hover
2090
+ );
2091
+ --spectrum-alias-component-background-color-quiet-selected-down: var(
2092
+ --spectrum-alias-component-background-color-selected-down
2093
+ );
2094
+ --spectrum-alias-component-background-color-quiet-selected-key-focus: var(
2095
+ --spectrum-alias-component-background-color-selected-key-focus
2096
+ );
2097
+ --spectrum-alias-component-background-color-quiet-selected: var(
2098
+ --spectrum-alias-component-background-color-selected-default
2099
+ );
2100
+ --spectrum-alias-component-background-color-emphasized-selected-default: var(
2101
+ --spectrum-semantic-cta-background-color-default
2102
+ );
2103
+ --spectrum-alias-component-background-color-emphasized-selected-hover: var(
2104
+ --spectrum-semantic-cta-background-color-hover
2105
+ );
2106
+ --spectrum-alias-component-background-color-emphasized-selected-down: var(
2107
+ --spectrum-semantic-cta-background-color-down
2108
+ );
2109
+ --spectrum-alias-component-background-color-emphasized-selected-key-focus: var(
2110
+ --spectrum-semantic-cta-background-color-key-focus
2111
+ );
2112
+ --spectrum-alias-component-background-color-emphasized-selected: var(
2113
+ --spectrum-alias-component-background-color-emphasized-selected-default
2114
+ );
2115
+ --spectrum-alias-component-border-color-disabled: var(
2116
+ --spectrum-alias-border-color-disabled
2117
+ );
2118
+ --spectrum-alias-component-border-color-quiet-disabled: var(
2119
+ --spectrum-alias-border-color-transparent
2120
+ );
2121
+ --spectrum-alias-component-border-color: var(
2122
+ --spectrum-alias-component-border-color-default
2123
+ );
2124
+ --spectrum-alias-component-border-color-selected: var(
2125
+ --spectrum-alias-component-border-color-selected-default
2126
+ );
2127
+ --spectrum-alias-component-border-color-quiet-default: var(
2128
+ --spectrum-alias-border-color-transparent
2129
+ );
2130
+ --spectrum-alias-component-border-color-quiet-hover: var(
2131
+ --spectrum-alias-border-color-transparent
2132
+ );
2133
+ --spectrum-alias-component-border-color-quiet-down: var(
2134
+ --spectrum-alias-border-color-transparent
2135
+ );
2136
+ --spectrum-alias-component-border-color-quiet: var(
2137
+ --spectrum-alias-component-border-color-quiet-default
2138
+ );
2139
+ --spectrum-alias-component-border-color-quiet-selected: var(
2140
+ --spectrum-alias-component-background-color-selected-default
2141
+ );
2142
+ --spectrum-alias-component-border-color-emphasized-selected-default: var(
2143
+ --spectrum-semantic-cta-background-color-default
2144
+ );
2145
+ --spectrum-alias-component-border-color-emphasized-selected-hover: var(
2146
+ --spectrum-semantic-cta-background-color-hover
2147
+ );
2148
+ --spectrum-alias-component-border-color-emphasized-selected-down: var(
2149
+ --spectrum-semantic-cta-background-color-down
2150
+ );
2151
+ --spectrum-alias-component-border-color-emphasized-selected-key-focus: var(
2152
+ --spectrum-semantic-cta-background-color-key-focus
2153
+ );
2154
+ --spectrum-alias-component-border-color-emphasized-selected: var(
2155
+ --spectrum-alias-component-border-color-emphasized-selected-default
2156
+ );
2157
+ --spectrum-alias-avatar-border-color: var(
2158
+ --spectrum-alias-avatar-border-color-default
2159
+ );
2160
+ --spectrum-alias-avatar-border-color-selected: var(
2161
+ --spectrum-alias-avatar-border-color-selected-default
2162
+ );
2163
+ --spectrum-alias-toggle-background-color: var(
2164
+ --spectrum-alias-toggle-background-color-default
2165
+ );
2166
+ --spectrum-alias-toggle-background-color-emphasized-selected-default: var(
2167
+ --spectrum-semantic-cta-background-color-default
2168
+ );
2169
+ --spectrum-alias-toggle-background-color-emphasized-selected-hover: var(
2170
+ --spectrum-semantic-cta-background-color-hover
2171
+ );
2172
+ --spectrum-alias-toggle-background-color-emphasized-selected-down: var(
2173
+ --spectrum-semantic-cta-background-color-down
2174
+ );
2175
+ --spectrum-alias-toggle-background-color-emphasized-selected-key-focus: var(
2176
+ --spectrum-semantic-cta-background-color-key-focus
2177
+ );
2178
+ --spectrum-alias-toggle-background-color-emphasized-selected: var(
2179
+ --spectrum-alias-toggle-background-color-emphasized-selected-default
2180
+ );
2181
+ --spectrum-alias-toggle-border-color: var(
2182
+ --spectrum-alias-toggle-border-color-default
2183
+ );
2184
+ --spectrum-alias-toggle-icon-color-emphasized-selected: var(
2185
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2186
+ );
2187
+ --spectrum-alias-button-primary-background-color-hover: var(
2188
+ --spectrum-global-color-gray-800
2189
+ );
2190
+ --spectrum-alias-button-primary-background-color-down: var(
2191
+ --spectrum-global-color-gray-900
2192
+ );
2193
+ --spectrum-alias-button-primary-background-color-key-focus: var(
2194
+ --spectrum-global-color-gray-800
2195
+ );
2196
+ --spectrum-alias-button-primary-background-color: var(
2197
+ --spectrum-alias-button-primary-background-color-default
2198
+ );
2199
+ --spectrum-alias-button-primary-border-color-default: var(
2200
+ --spectrum-global-color-gray-800
2201
+ );
2202
+ --spectrum-alias-button-primary-border-color-hover: var(
2203
+ --spectrum-alias-button-primary-background-color-hover
2204
+ );
2205
+ --spectrum-alias-button-primary-border-color-down: var(
2206
+ --spectrum-alias-button-primary-background-color-down
2207
+ );
2208
+ --spectrum-alias-button-primary-border-color-key-focus: var(
2209
+ --spectrum-alias-button-primary-background-color-key-focus
2210
+ );
2211
+ --spectrum-alias-button-primary-border-color: var(
2212
+ --spectrum-alias-button-primary-border-color-default
2213
+ );
2214
+ --spectrum-alias-button-primary-text-color-hover: var(
2215
+ --spectrum-global-color-gray-50
2216
+ );
2217
+ --spectrum-alias-button-primary-text-color-down: var(
2218
+ --spectrum-global-color-gray-50
2219
+ );
2220
+ --spectrum-alias-button-primary-text-color-key-focus: var(
2221
+ --spectrum-global-color-gray-50
2222
+ );
2223
+ --spectrum-alias-button-primary-text-color: var(
2224
+ --spectrum-alias-button-primary-text-color-default
2225
+ );
2226
+ --spectrum-alias-button-primary-icon-color-hover: var(
2227
+ --spectrum-alias-button-primary-text-color-hover
2228
+ );
2229
+ --spectrum-alias-button-primary-icon-color-down: var(
2230
+ --spectrum-alias-button-primary-text-color-down
2231
+ );
2232
+ --spectrum-alias-button-primary-icon-color-key-focus: var(
2233
+ --spectrum-alias-button-primary-text-color-key-focus
2234
+ );
2235
+ --spectrum-alias-button-primary-icon-color: var(
2236
+ --spectrum-alias-button-primary-icon-color-default
2237
+ );
2238
+ --spectrum-alias-button-secondary-background-color-hover: var(
2239
+ --spectrum-global-color-gray-700
2240
+ );
2241
+ --spectrum-alias-button-secondary-background-color-down: var(
2242
+ --spectrum-global-color-gray-800
2243
+ );
2244
+ --spectrum-alias-button-secondary-background-color-key-focus: var(
2245
+ --spectrum-global-color-gray-700
2246
+ );
2247
+ --spectrum-alias-button-secondary-background-color: var(
2248
+ --spectrum-alias-button-secondary-background-color-default
2249
+ );
2250
+ --spectrum-alias-button-secondary-border-color-default: var(
2251
+ --spectrum-global-color-gray-700
2252
+ );
2253
+ --spectrum-alias-button-secondary-border-color-hover: var(
2254
+ --spectrum-alias-button-secondary-background-color-hover
2255
+ );
2256
+ --spectrum-alias-button-secondary-border-color-down: var(
2257
+ --spectrum-alias-button-secondary-background-color-down
2258
+ );
2259
+ --spectrum-alias-button-secondary-border-color-key-focus: var(
2260
+ --spectrum-alias-button-secondary-background-color-key-focus
2261
+ );
2262
+ --spectrum-alias-button-secondary-border-color: var(
2263
+ --spectrum-alias-button-secondary-border-color-default
2264
+ );
2265
+ --spectrum-alias-button-secondary-text-color-hover: var(
2266
+ --spectrum-global-color-gray-50
2267
+ );
2268
+ --spectrum-alias-button-secondary-text-color-down: var(
2269
+ --spectrum-global-color-gray-50
2270
+ );
2271
+ --spectrum-alias-button-secondary-text-color-key-focus: var(
2272
+ --spectrum-global-color-gray-50
2273
+ );
2274
+ --spectrum-alias-button-secondary-text-color: var(
2275
+ --spectrum-alias-button-secondary-text-color-default
2276
+ );
2277
+ --spectrum-alias-button-secondary-icon-color-hover: var(
2278
+ --spectrum-alias-button-secondary-text-color-hover
2279
+ );
2280
+ --spectrum-alias-button-secondary-icon-color-down: var(
2281
+ --spectrum-alias-button-secondary-text-color-down
2282
+ );
2283
+ --spectrum-alias-button-secondary-icon-color-key-focus: var(
2284
+ --spectrum-alias-button-secondary-text-color-key-focus
2285
+ );
2286
+ --spectrum-alias-button-secondary-icon-color: var(
2287
+ --spectrum-alias-button-secondary-icon-color-default
2288
+ );
2289
+ --spectrum-alias-button-negative-background-color-hover: var(
2290
+ --spectrum-semantic-negative-text-color-small
2291
+ );
2292
+ --spectrum-alias-button-negative-background-color-down: var(
2293
+ --spectrum-global-color-red-700
2294
+ );
2295
+ --spectrum-alias-button-negative-background-color-key-focus: var(
2296
+ --spectrum-semantic-negative-text-color-small
2297
+ );
2298
+ --spectrum-alias-button-negative-background-color: var(
2299
+ --spectrum-alias-button-negative-background-color-default
2300
+ );
2301
+ --spectrum-alias-button-negative-border-color-default: var(
2302
+ --spectrum-semantic-negative-text-color-small
2303
+ );
2304
+ --spectrum-alias-button-negative-border-color-hover: var(
2305
+ --spectrum-semantic-negative-text-color-small
2306
+ );
2307
+ --spectrum-alias-button-negative-border-color-down: var(
2308
+ --spectrum-global-color-red-700
2309
+ );
2310
+ --spectrum-alias-button-negative-border-color-key-focus: var(
2311
+ --spectrum-semantic-negative-text-color-small
2312
+ );
2313
+ --spectrum-alias-button-negative-border-color: var(
2314
+ --spectrum-alias-button-negative-border-color-default
2315
+ );
2316
+ --spectrum-alias-button-negative-text-color-hover: var(
2317
+ --spectrum-global-color-gray-50
2318
+ );
2319
+ --spectrum-alias-button-negative-text-color-down: var(
2320
+ --spectrum-global-color-gray-50
2321
+ );
2322
+ --spectrum-alias-button-negative-text-color-key-focus: var(
2323
+ --spectrum-global-color-gray-50
2324
+ );
2325
+ --spectrum-alias-button-negative-text-color: var(
2326
+ --spectrum-alias-button-negative-text-color-default
2327
+ );
2328
+ --spectrum-alias-button-negative-icon-color-hover: var(
2329
+ --spectrum-alias-button-negative-text-color-hover
2330
+ );
2331
+ --spectrum-alias-button-negative-icon-color-down: var(
2332
+ --spectrum-alias-button-negative-text-color-down
2333
+ );
2334
+ --spectrum-alias-button-negative-icon-color-key-focus: var(
2335
+ --spectrum-alias-button-negative-text-color-key-focus
2336
+ );
2337
+ --spectrum-alias-button-negative-icon-color: var(
2338
+ --spectrum-alias-button-negative-icon-color-default
2339
+ );
2340
+ --spectrum-alias-input-border-color-disabled: var(
2341
+ --spectrum-alias-border-color-transparent
2342
+ );
2343
+ --spectrum-alias-input-border-color-quiet-disabled: var(
2344
+ --spectrum-alias-border-color-mid
2345
+ );
2346
+ --spectrum-alias-input-border-color: var(
2347
+ --spectrum-alias-input-border-color-default
2348
+ );
2349
+ --spectrum-alias-input-border-color-invalid-default: var(
2350
+ --spectrum-semantic-negative-color-default
2351
+ );
2352
+ --spectrum-alias-input-border-color-invalid-hover: var(
2353
+ --spectrum-semantic-negative-color-hover
2354
+ );
2355
+ --spectrum-alias-input-border-color-invalid-down: var(
2356
+ --spectrum-semantic-negative-color-down
2357
+ );
2358
+ --spectrum-alias-input-border-color-invalid-mouse-focus: var(
2359
+ --spectrum-semantic-negative-color-hover
2360
+ );
2361
+ --spectrum-alias-input-border-color-invalid: var(
2362
+ --spectrum-alias-input-border-color-invalid-default
2363
+ );
2364
+ --spectrum-alias-background-color-yellow-default: var(
2365
+ --spectrum-global-color-static-yellow-600
2366
+ );
2367
+ --spectrum-alias-background-color-yellow-hover: var(
2368
+ --spectrum-global-color-static-yellow-700
2369
+ );
2370
+ --spectrum-alias-background-color-yellow-key-focus: var(
2371
+ --spectrum-global-color-static-yellow-700
2372
+ );
2373
+ --spectrum-alias-background-color-yellow-down: var(
2374
+ --spectrum-global-color-static-yellow-800
2375
+ );
2376
+ --spectrum-alias-background-color-yellow: var(
2377
+ --spectrum-alias-background-color-yellow-default
2378
+ );
2379
+ --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent;
2380
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent;
2381
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(
2382
+ --spectrum-alias-component-background-color-disabled
2383
+ );
2384
+ --spectrum-alias-background-color-default: var(
2385
+ --spectrum-global-color-gray-100
2386
+ );
2387
+ --spectrum-alias-background-color-disabled: var(
2388
+ --spectrum-global-color-gray-200
2389
+ );
2390
+ --spectrum-alias-background-color-transparent: transparent;
2391
+ --spectrum-alias-background-color-overbackground-down: hsla(
2392
+ 0,
2393
+ 0%,
2394
+ 100%,
2395
+ 0.2
2396
+ );
2397
+ --spectrum-alias-background-color-quiet-overbackground-hover: hsla(
2398
+ 0,
2399
+ 0%,
2400
+ 100%,
2401
+ 0.1
2402
+ );
2403
+ --spectrum-alias-background-color-quiet-overbackground-down: hsla(
2404
+ 0,
2405
+ 0%,
2406
+ 100%,
2407
+ 0.2
2408
+ );
2409
+ --spectrum-alias-background-color-overbackground-disabled: hsla(
2410
+ 0,
2411
+ 0%,
2412
+ 100%,
2413
+ 0.1
2414
+ );
2415
+ --spectrum-alias-background-color-quickactions-overlay: rgba(0, 0, 0, 0.2);
2416
+ --spectrum-alias-placeholder-text-color: var(
2417
+ --spectrum-global-color-gray-800
2418
+ );
2419
+ --spectrum-alias-placeholder-text-color-hover: var(
2420
+ --spectrum-global-color-gray-900
2421
+ );
2422
+ --spectrum-alias-placeholder-text-color-down: var(
2423
+ --spectrum-global-color-gray-900
2424
+ );
2425
+ --spectrum-alias-placeholder-text-color-selected: var(
2426
+ --spectrum-global-color-gray-800
2427
+ );
2428
+ --spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
2429
+ --spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
2430
+ --spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
2431
+ --spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
2432
+ --spectrum-alias-text-color-key-focus: var(
2433
+ --spectrum-global-color-blue-600
2434
+ );
2435
+ --spectrum-alias-text-color-mouse-focus: var(
2436
+ --spectrum-global-color-blue-600
2437
+ );
2438
+ --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
2439
+ --spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
2440
+ --spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
2441
+ --spectrum-alias-text-color-selected-neutral: var(
2442
+ --spectrum-global-color-gray-900
2443
+ );
2444
+ --spectrum-alias-text-color-overbackground: var(
2445
+ --spectrum-global-color-static-white
2446
+ );
2447
+ --spectrum-alias-text-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
2448
+ --spectrum-alias-text-color-quiet-overbackground-disabled: hsla(
2449
+ 0,
2450
+ 0%,
2451
+ 100%,
2452
+ 0.2
2453
+ );
2454
+ --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
2455
+ --spectrum-alias-link-primary-text-color: var(
2456
+ --spectrum-alias-link-primary-text-color-default
2457
+ );
2458
+ --spectrum-alias-link-secondary-text-color: var(
2459
+ --spectrum-alias-link-secondary-text-color-default
2460
+ );
2461
+ --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
2462
+ --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
2463
+ --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);
2464
+ --spectrum-alias-border-color-key-focus: var(
2465
+ --spectrum-global-color-blue-400
2466
+ );
2467
+ --spectrum-alias-border-color-mouse-focus: var(
2468
+ --spectrum-global-color-blue-500
2469
+ );
2470
+ --spectrum-alias-border-color-disabled: var(
2471
+ --spectrum-global-color-gray-200
2472
+ );
2473
+ --spectrum-alias-border-color-extralight: var(
2474
+ --spectrum-global-color-gray-100
2475
+ );
2476
+ --spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
2477
+ --spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
2478
+ --spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
2479
+ --spectrum-alias-border-color-darker-default: var(
2480
+ --spectrum-global-color-gray-600
2481
+ );
2482
+ --spectrum-alias-border-color-darker-hover: var(
2483
+ --spectrum-global-color-gray-900
2484
+ );
2485
+ --spectrum-alias-border-color-darker-down: var(
2486
+ --spectrum-global-color-gray-900
2487
+ );
2488
+ --spectrum-alias-border-color-transparent: transparent;
2489
+ --spectrum-alias-border-color-translucent-dark: rgba(0, 0, 0, 0.05);
2490
+ --spectrum-alias-border-color-translucent-darker: rgba(0, 0, 0, 0.1);
2491
+ --spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
2492
+ --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color);
2493
+ --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-400);
2494
+ --spectrum-alias-track-fill-color-overbackground: var(
2495
+ --spectrum-global-color-static-white
2496
+ );
2497
+ --spectrum-alias-track-color-disabled: var(
2498
+ --spectrum-global-color-gray-300
2499
+ );
2500
+ --spectrum-alias-track-color-overbackground: hsla(0, 0%, 100%, 0.2);
2501
+ --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
2502
+ --spectrum-alias-icon-color-overbackground: var(
2503
+ --spectrum-global-color-static-white
2504
+ );
2505
+ --spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
2506
+ --spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
2507
+ --spectrum-alias-icon-color-key-focus: var(
2508
+ --spectrum-global-color-gray-900
2509
+ );
2510
+ --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
2511
+ --spectrum-alias-icon-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
2512
+ --spectrum-alias-icon-color-quiet-overbackground-disabled: hsla(
2513
+ 0,
2514
+ 0%,
2515
+ 100%,
2516
+ 0.15
2517
+ );
2518
+ --spectrum-alias-icon-color-selected-neutral: var(
2519
+ --spectrum-global-color-gray-900
2520
+ );
2521
+ --spectrum-alias-icon-color-selected-neutral-subdued: var(
2522
+ --spectrum-global-color-gray-800
2523
+ );
2524
+ --spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
2525
+ --spectrum-alias-icon-color-selected-hover: var(
2526
+ --spectrum-global-color-blue-600
2527
+ );
2528
+ --spectrum-alias-icon-color-selected-down: var(
2529
+ --spectrum-global-color-blue-700
2530
+ );
2531
+ --spectrum-alias-icon-color-selected-focus: var(
2532
+ --spectrum-global-color-blue-600
2533
+ );
2534
+ --spectrum-alias-image-opacity-disabled: var(
2535
+ --spectrum-global-color-opacity-30
2536
+ );
2537
+ --spectrum-alias-toolbar-background-color: var(
2538
+ --spectrum-global-color-gray-100
2539
+ );
2540
+ --spectrum-alias-code-highlight-color-default: var(
2541
+ --spectrum-global-color-gray-800
2542
+ );
2543
+ --spectrum-alias-code-highlight-background-color: var(
2544
+ --spectrum-global-color-gray-75
2545
+ );
2546
+ --spectrum-alias-code-highlight-color-keyword: var(
2547
+ --spectrum-global-color-fuchsia-600
2548
+ );
2549
+ --spectrum-alias-code-highlight-color-section: var(
2550
+ --spectrum-global-color-red-600
2551
+ );
2552
+ --spectrum-alias-code-highlight-color-literal: var(
2553
+ --spectrum-global-color-blue-600
2554
+ );
2555
+ --spectrum-alias-code-highlight-color-attribute: var(
2556
+ --spectrum-global-color-seafoam-600
2557
+ );
2558
+ --spectrum-alias-code-highlight-color-class: var(
2559
+ --spectrum-global-color-magenta-600
2560
+ );
2561
+ --spectrum-alias-code-highlight-color-variable: var(
2562
+ --spectrum-global-color-purple-600
2563
+ );
2564
+ --spectrum-alias-code-highlight-color-title: var(
2565
+ --spectrum-global-color-indigo-600
2566
+ );
2567
+ --spectrum-alias-code-highlight-color-string: var(
2568
+ --spectrum-global-color-fuchsia-600
2569
+ );
2570
+ --spectrum-alias-code-highlight-color-function: var(
2571
+ --spectrum-global-color-blue-600
2572
+ );
2573
+ --spectrum-alias-code-highlight-color-comment: var(
2574
+ --spectrum-global-color-gray-700
2575
+ );
2576
+ --spectrum-alias-categorical-color-1: var(
2577
+ --spectrum-global-color-static-seafoam-200
2578
+ );
2579
+ --spectrum-alias-categorical-color-2: var(
2580
+ --spectrum-global-color-static-indigo-700
2581
+ );
2582
+ --spectrum-alias-categorical-color-3: var(
2583
+ --spectrum-global-color-static-orange-500
2584
+ );
2585
+ --spectrum-alias-categorical-color-4: var(
2586
+ --spectrum-global-color-static-magenta-500
2587
+ );
2588
+ --spectrum-alias-categorical-color-5: var(
2589
+ --spectrum-global-color-static-indigo-200
2590
+ );
2591
+ --spectrum-alias-categorical-color-6: var(
2592
+ --spectrum-global-color-static-celery-200
2593
+ );
2594
+ --spectrum-alias-categorical-color-7: var(
2595
+ --spectrum-global-color-static-blue-500
2596
+ );
2597
+ --spectrum-alias-categorical-color-8: var(
2598
+ --spectrum-global-color-static-purple-800
2599
+ );
2600
+ --spectrum-alias-categorical-color-9: var(
2601
+ --spectrum-global-color-static-yellow-500
2602
+ );
2603
+ --spectrum-alias-categorical-color-10: var(
2604
+ --spectrum-global-color-static-orange-700
2605
+ );
2606
+ --spectrum-alias-categorical-color-11: var(
2607
+ --spectrum-global-color-static-green-600
2608
+ );
2609
+ --spectrum-alias-categorical-color-12: var(
2610
+ --spectrum-global-color-static-chartreuse-300
2611
+ );
2612
+ --spectrum-alias-categorical-color-13: var(
2613
+ --spectrum-global-color-static-blue-200
2614
+ );
2615
+ --spectrum-alias-categorical-color-14: var(
2616
+ --spectrum-global-color-static-fuchsia-500
2617
+ );
2618
+ --spectrum-alias-categorical-color-15: var(
2619
+ --spectrum-global-color-static-magenta-200
2620
+ );
2621
+ --spectrum-alias-categorical-color-16: var(
2622
+ --spectrum-global-color-static-yellow-200
2623
+ );
2624
+ }
2625
+ /* stylelint-enable */