@spectrum-web-components/styles 0.11.3-express.0 → 0.11.3

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 (18) hide show
  1. package/core-global.css +0 -123
  2. package/fonts.css +14 -7
  3. package/package.json +6 -7
  4. package/scale-large.css +3 -6484
  5. package/scale-medium.css +3 -6534
  6. package/spectrum-scale-large.css +420 -1756
  7. package/spectrum-scale-medium.css +454 -1806
  8. package/stories/styles.stories.js +3 -2
  9. package/stories/styles.stories.js.map +1 -1
  10. package/theme-dark.css +0 -9
  11. package/theme-darkest.css +0 -9
  12. package/theme-light.css +0 -9
  13. package/typography.css +1 -2
  14. package/express/core-global.css +0 -2625
  15. package/express/scale-large.css +0 -6487
  16. package/express/scale-medium.css +0 -6541
  17. package/express/theme-dark.css +0 -302
  18. package/express/theme-light.css +0 -297
package/express/core-global.css DELETED
@@ -1,2625 +0,0 @@
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 */