@react-spectrum/theme-light 3.4.9-nightly.4552 → 3.4.9-nightly.4558

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 (45) hide show
  1. package/dist/import.mjs +15 -58
  2. package/dist/main.js +15 -54
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +15 -58
  5. package/dist/module.js.map +1 -1
  6. package/dist/spectrum-darkest.0d1ebb78.css +342 -0
  7. package/dist/spectrum-darkest.0d1ebb78.css.map +1 -0
  8. package/dist/spectrum-global.8695f78d.css +616 -0
  9. package/dist/spectrum-global.8695f78d.css.map +1 -0
  10. package/dist/spectrum-large.16835b8e.css +387 -0
  11. package/dist/spectrum-large.16835b8e.css.map +1 -0
  12. package/dist/spectrum-lightest.73b0e1ef.css +298 -0
  13. package/dist/spectrum-lightest.73b0e1ef.css.map +1 -0
  14. package/dist/spectrum-medium.fff885a6.css +387 -0
  15. package/dist/spectrum-medium.fff885a6.css.map +1 -0
  16. package/dist/vars_spectrum-darkest_css.main.js +11 -0
  17. package/dist/vars_spectrum-darkest_css.main.js.map +1 -0
  18. package/dist/vars_spectrum-darkest_css.mjs +13 -0
  19. package/dist/vars_spectrum-darkest_css.module.js +13 -0
  20. package/dist/vars_spectrum-darkest_css.module.js.map +1 -0
  21. package/dist/vars_spectrum-global_css.main.js +29 -0
  22. package/dist/vars_spectrum-global_css.main.js.map +1 -0
  23. package/dist/vars_spectrum-global_css.mjs +31 -0
  24. package/dist/vars_spectrum-global_css.module.js +31 -0
  25. package/dist/vars_spectrum-global_css.module.js.map +1 -0
  26. package/dist/vars_spectrum-large_css.main.js +11 -0
  27. package/dist/vars_spectrum-large_css.main.js.map +1 -0
  28. package/dist/vars_spectrum-large_css.mjs +13 -0
  29. package/dist/vars_spectrum-large_css.module.js +13 -0
  30. package/dist/vars_spectrum-large_css.module.js.map +1 -0
  31. package/dist/vars_spectrum-lightest_css.main.js +11 -0
  32. package/dist/vars_spectrum-lightest_css.main.js.map +1 -0
  33. package/dist/vars_spectrum-lightest_css.mjs +13 -0
  34. package/dist/vars_spectrum-lightest_css.module.js +13 -0
  35. package/dist/vars_spectrum-lightest_css.module.js.map +1 -0
  36. package/dist/vars_spectrum-medium_css.main.js +11 -0
  37. package/dist/vars_spectrum-medium_css.main.js.map +1 -0
  38. package/dist/vars_spectrum-medium_css.mjs +13 -0
  39. package/dist/vars_spectrum-medium_css.module.js +13 -0
  40. package/dist/vars_spectrum-medium_css.module.js.map +1 -0
  41. package/package.json +4 -4
  42. package/dist/main.css +0 -2030
  43. package/dist/main.css.map +0 -1
  44. package/dist/module.css +0 -2030
  45. package/dist/module.css.map +0 -1
@@ -0,0 +1,298 @@
1
+ .NLciOW_spectrum--lightest {
2
+ --spectrum-global-color-status: Verified;
3
+ --spectrum-global-color-version: 5.1;
4
+ --spectrum-gray-50: #fff;
5
+ --spectrum-gray-75: #fff;
6
+ --spectrum-gray-100: #fff;
7
+ --spectrum-gray-200: #ebebeb;
8
+ --spectrum-gray-300: #d9d9d9;
9
+ --spectrum-gray-400: #b3b3b3;
10
+ --spectrum-gray-500: #929292;
11
+ --spectrum-gray-600: #6e6e6e;
12
+ --spectrum-gray-700: #474747;
13
+ --spectrum-gray-800: #222;
14
+ --spectrum-gray-900: #000;
15
+ --spectrum-red-100: #fff2f0;
16
+ --spectrum-red-200: #ffe6e1;
17
+ --spectrum-red-300: #ffd6ce;
18
+ --spectrum-red-400: #ffbfb2;
19
+ --spectrum-red-500: #ffa493;
20
+ --spectrum-red-600: #ff856f;
21
+ --spectrum-red-700: #fa644e;
22
+ --spectrum-red-800: #ed4030;
23
+ --spectrum-red-900: #d91c15;
24
+ --spectrum-red-1000: #bb0202;
25
+ --spectrum-red-1100: #9a0000;
26
+ --spectrum-red-1200: #7c0000;
27
+ --spectrum-red-1300: #610000;
28
+ --spectrum-red-1400: #4d0000;
29
+ --spectrum-orange-100: #fff5e3;
30
+ --spectrum-orange-200: #ffe9c5;
31
+ --spectrum-orange-300: #fedaa2;
32
+ --spectrum-orange-400: #ffc372;
33
+ --spectrum-orange-500: #ffa844;
34
+ --spectrum-orange-600: #fa8b1a;
35
+ --spectrum-orange-700: #e97500;
36
+ --spectrum-orange-800: #d16100;
37
+ --spectrum-orange-900: #b65000;
38
+ --spectrum-orange-1000: #9b4000;
39
+ --spectrum-orange-1100: #803200;
40
+ --spectrum-orange-1200: #672600;
41
+ --spectrum-orange-1300: #501c00;
42
+ --spectrum-orange-1400: #3e1501;
43
+ --spectrum-yellow-100: #fdf7c4;
44
+ --spectrum-yellow-200: #faed7b;
45
+ --spectrum-yellow-300: #fae017;
46
+ --spectrum-yellow-400: #eecd00;
47
+ --spectrum-yellow-500: #ddb900;
48
+ --spectrum-yellow-600: #c9a400;
49
+ --spectrum-yellow-700: #b59000;
50
+ --spectrum-yellow-800: #a07d00;
51
+ --spectrum-yellow-900: #8a6a00;
52
+ --spectrum-yellow-1000: #745700;
53
+ --spectrum-yellow-1100: #604600;
54
+ --spectrum-yellow-1200: #4d3600;
55
+ --spectrum-yellow-1300: #3c2900;
56
+ --spectrum-yellow-1400: #2f1e00;
57
+ --spectrum-chartreuse-100: #ebffaa;
58
+ --spectrum-chartreuse-200: #d3f958;
59
+ --spectrum-chartreuse-300: #c3ef36;
60
+ --spectrum-chartreuse-400: #b0de1b;
61
+ --spectrum-chartreuse-500: #9dcb0d;
62
+ --spectrum-chartreuse-600: #8bb604;
63
+ --spectrum-chartreuse-700: #7aa200;
64
+ --spectrum-chartreuse-800: #6a8d00;
65
+ --spectrum-chartreuse-900: #5a7800;
66
+ --spectrum-chartreuse-1000: #4b6400;
67
+ --spectrum-chartreuse-1100: #3d5100;
68
+ --spectrum-chartreuse-1200: #304000;
69
+ --spectrum-chartreuse-1300: #243100;
70
+ --spectrum-chartreuse-1400: #1c2500;
71
+ --spectrum-celery-100: #e2fdda;
72
+ --spectrum-celery-200: #c0fab0;
73
+ --spectrum-celery-300: #a4f392;
74
+ --spectrum-celery-400: #7ee572;
75
+ --spectrum-celery-500: #57d456;
76
+ --spectrum-celery-600: #30c13d;
77
+ --spectrum-celery-700: #0fac26;
78
+ --spectrum-celery-800: #009614;
79
+ --spectrum-celery-900: #00800f;
80
+ --spectrum-celery-1000: #006b0f;
81
+ --spectrum-celery-1100: #00570d;
82
+ --spectrum-celery-1200: #00450b;
83
+ --spectrum-celery-1300: #003508;
84
+ --spectrum-celery-1400: #002806;
85
+ --spectrum-green-100: #e4fbec;
86
+ --spectrum-green-200: #c3f7da;
87
+ --spectrum-green-300: #9cf0c6;
88
+ --spectrum-green-400: #71e3ae;
89
+ --spectrum-green-500: #50d199;
90
+ --spectrum-green-600: #36bd85;
91
+ --spectrum-green-700: #1da973;
92
+ --spectrum-green-800: #009461;
93
+ --spectrum-green-900: #007e50;
94
+ --spectrum-green-1000: #006941;
95
+ --spectrum-green-1100: #005635;
96
+ --spectrum-green-1200: #044329;
97
+ --spectrum-green-1300: #093320;
98
+ --spectrum-green-1400: #0a2618;
99
+ --spectrum-seafoam-100: #e4faf7;
100
+ --spectrum-seafoam-200: #bff5ef;
101
+ --spectrum-seafoam-300: #9deee7;
102
+ --spectrum-seafoam-400: #72dfd8;
103
+ --spectrum-seafoam-500: #4bcec7;
104
+ --spectrum-seafoam-600: #20bbb4;
105
+ --spectrum-seafoam-700: #00a6a0;
106
+ --spectrum-seafoam-800: #00918b;
107
+ --spectrum-seafoam-900: #007c76;
108
+ --spectrum-seafoam-1000: #006763;
109
+ --spectrum-seafoam-1100: #0a5350;
110
+ --spectrum-seafoam-1200: #12413f;
111
+ --spectrum-seafoam-1300: #123130;
112
+ --spectrum-seafoam-1400: #102524;
113
+ --spectrum-cyan-100: #ddfbff;
114
+ --spectrum-cyan-200: #b7f5ff;
115
+ --spectrum-cyan-300: #96ecfc;
116
+ --spectrum-cyan-400: #6bddf5;
117
+ --spectrum-cyan-500: #41cbec;
118
+ --spectrum-cyan-600: #1ab6df;
119
+ --spectrum-cyan-700: #04a1cd;
120
+ --spectrum-cyan-800: #008bb9;
121
+ --spectrum-cyan-900: #0076a4;
122
+ --spectrum-cyan-1000: #00618e;
123
+ --spectrum-cyan-1100: #004e78;
124
+ --spectrum-cyan-1200: #003d62;
125
+ --spectrum-cyan-1300: #002f4d;
126
+ --spectrum-cyan-1400: #00243b;
127
+ --spectrum-blue-100: #edf8ff;
128
+ --spectrum-blue-200: #d6eeff;
129
+ --spectrum-blue-300: #c1e4ff;
130
+ --spectrum-blue-400: #a1d4fd;
131
+ --spectrum-blue-500: #82c1fb;
132
+ --spectrum-blue-600: #62adf7;
133
+ --spectrum-blue-700: #4297f4;
134
+ --spectrum-blue-800: #1b7ff5;
135
+ --spectrum-blue-900: #0469e3;
136
+ --spectrum-blue-1000: #0057be;
137
+ --spectrum-blue-1100: #004899;
138
+ --spectrum-blue-1200: #003978;
139
+ --spectrum-blue-1300: #002b5c;
140
+ --spectrum-blue-1400: #002147;
141
+ --spectrum-indigo-100: #f5f5fe;
142
+ --spectrum-indigo-200: #e8e9ff;
143
+ --spectrum-indigo-300: #dbddff;
144
+ --spectrum-indigo-400: #c8caff;
145
+ --spectrum-indigo-500: #b2b5ff;
146
+ --spectrum-indigo-600: #9b9fff;
147
+ --spectrum-indigo-700: #8489fd;
148
+ --spectrum-indigo-800: #6d73f6;
149
+ --spectrum-indigo-900: #575de8;
150
+ --spectrum-indigo-1000: #444ad0;
151
+ --spectrum-indigo-1100: #353ab0;
152
+ --spectrum-indigo-1200: #282d8e;
153
+ --spectrum-indigo-1300: #1e226e;
154
+ --spectrum-indigo-1400: #171a55;
155
+ --spectrum-purple-100: #fbf3ff;
156
+ --spectrum-purple-200: #f3e6ff;
157
+ --spectrum-purple-300: #ebd8ff;
158
+ --spectrum-purple-400: #dfc2fe;
159
+ --spectrum-purple-500: #d1abfd;
160
+ --spectrum-purple-600: #c292fc;
161
+ --spectrum-purple-700: #b279fa;
162
+ --spectrum-purple-800: #a15df6;
163
+ --spectrum-purple-900: #8e43ea;
164
+ --spectrum-purple-1000: #782bd8;
165
+ --spectrum-purple-1100: #6217be;
166
+ --spectrum-purple-1200: #4d0d9d;
167
+ --spectrum-purple-1300: #390f78;
168
+ --spectrum-purple-1400: #2a1058;
169
+ --spectrum-fuchsia-100: #fff2fd;
170
+ --spectrum-fuchsia-200: #ffe3fb;
171
+ --spectrum-fuchsia-300: #ffd0f9;
172
+ --spectrum-fuchsia-400: #fcb8f7;
173
+ --spectrum-fuchsia-500: #f79bf4;
174
+ --spectrum-fuchsia-600: #f07bef;
175
+ --spectrum-fuchsia-700: #e45de6;
176
+ --spectrum-fuchsia-800: #d33fd4;
177
+ --spectrum-fuchsia-900: #bc27bb;
178
+ --spectrum-fuchsia-1000: #a30aa3;
179
+ --spectrum-fuchsia-1100: #870088;
180
+ --spectrum-fuchsia-1200: #6b036b;
181
+ --spectrum-fuchsia-1300: #500d4f;
182
+ --spectrum-fuchsia-1400: #3c0e3a;
183
+ --spectrum-magenta-100: #fff3f7;
184
+ --spectrum-magenta-200: #ffe5ee;
185
+ --spectrum-magenta-300: #ffd3e3;
186
+ --spectrum-magenta-400: #ffbcd4;
187
+ --spectrum-magenta-500: #ff9fc2;
188
+ --spectrum-magenta-600: #fd7faf;
189
+ --spectrum-magenta-700: #f2629d;
190
+ --spectrum-magenta-800: #e24487;
191
+ --spectrum-magenta-900: #cd286f;
192
+ --spectrum-magenta-1000: #b30f59;
193
+ --spectrum-magenta-1100: #950048;
194
+ --spectrum-magenta-1200: #77003a;
195
+ --spectrum-magenta-1300: #5d012e;
196
+ --spectrum-magenta-1400: #470523;
197
+ --spectrum-alias-background-color-modal-overlay: #0006;
198
+ --spectrum-alias-dropshadow-color: #00000026;
199
+ --spectrum-alias-background-color-hover-overlay: #0000000a;
200
+ --spectrum-alias-highlight-hover: #0000000f;
201
+ --spectrum-alias-highlight-active: #3232321a;
202
+ --spectrum-alias-highlight-selected: #0469e31a;
203
+ --spectrum-alias-highlight-selected-hover: #0469e333;
204
+ --spectrum-alias-highlight-invalid: #d91c1526;
205
+ --spectrum-alias-text-highlight-color: #0469e333;
206
+ --spectrum-alias-background-color-quickactions: #ffffffe6;
207
+ --spectrum-alias-radial-reaction-color-default: #2229;
208
+ --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
209
+ --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
210
+ --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
211
+ --spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
212
+ --spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
213
+ --spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
214
+ --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
215
+ --spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
216
+ --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
217
+ --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
218
+ --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
219
+ --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
220
+ --spectrum-colorarea-border-color: #3232321a;
221
+ --spectrum-colorarea-border-color-hover: #3232321a;
222
+ --spectrum-colorarea-border-color-down: #3232321a;
223
+ --spectrum-colorarea-border-color-key-focus: #3232321a;
224
+ --spectrum-colorslider-border-color: #3232321a;
225
+ --spectrum-colorslider-border-color-hover: #3232321a;
226
+ --spectrum-colorslider-border-color-down: #3232321a;
227
+ --spectrum-colorslider-border-color-key-focus: #3232321a;
228
+ --spectrum-colorslider-vertical-border-color: #3232321a;
229
+ --spectrum-colorslider-vertical-border-color-hover: #3232321a;
230
+ --spectrum-colorslider-vertical-border-color-down: #3232321a;
231
+ --spectrum-colorslider-vertical-border-color-key-focus: #3232321a;
232
+ --spectrum-colorwheel-border-color: #3232321a;
233
+ --spectrum-colorwheel-border-color-hover: #3232321a;
234
+ --spectrum-colorwheel-border-color-down: #3232321a;
235
+ --spectrum-colorwheel-border-color-key-focus: #3232321a;
236
+ --spectrum-miller-column-item-background-color-selected: #2680eb1a;
237
+ --spectrum-miller-column-item-background-color-selected-hover: #2680eb33;
238
+ --spectrum-well-background-color: #50505005;
239
+ --spectrum-well-border-color: #3232320d;
240
+ --spectrum-tray-background-color: var(--spectrum-global-color-gray-50);
241
+ --spectrum-accent-background-color-default: var(--spectrum-accent-color-900);
242
+ --spectrum-accent-background-color-hover: var(--spectrum-accent-color-1000);
243
+ --spectrum-accent-background-color-down: var(--spectrum-accent-color-1100);
244
+ --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-1000);
245
+ --spectrum-neutral-background-color-default: var(--spectrum-gray-800);
246
+ --spectrum-neutral-background-color-hover: var(--spectrum-gray-900);
247
+ --spectrum-neutral-background-color-down: var(--spectrum-gray-900);
248
+ --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900);
249
+ --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-600);
250
+ --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-700);
251
+ --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-800);
252
+ --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-700);
253
+ --spectrum-negative-background-color-default: var(--spectrum-red-900);
254
+ --spectrum-negative-background-color-hover: var(--spectrum-red-1000);
255
+ --spectrum-negative-background-color-down: var(--spectrum-red-1100);
256
+ --spectrum-negative-background-color-key-focus: var(--spectrum-red-1000);
257
+ --spectrum-positive-background-color-default: var(--spectrum-green-900);
258
+ --spectrum-positive-background-color-hover: var(--spectrum-green-1000);
259
+ --spectrum-positive-background-color-down: var(--spectrum-green-1100);
260
+ --spectrum-positive-background-color-key-focus: var(--spectrum-green-1000);
261
+ --spectrum-informative-background-color-default: var(--spectrum-blue-900);
262
+ --spectrum-informative-background-color-hover: var(--spectrum-blue-1000);
263
+ --spectrum-informative-background-color-down: var(--spectrum-blue-1100);
264
+ --spectrum-informative-background-color-key-focus: var(--spectrum-blue-1000);
265
+ --spectrum-gray-background-color-default: var(--spectrum-gray-700);
266
+ --spectrum-red-background-color-default: var(--spectrum-red-600);
267
+ --spectrum-orange-background-color-default: var(--spectrum-orange-600);
268
+ --spectrum-yellow-background-color-default: var(--spectrum-yellow-400);
269
+ --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-500);
270
+ --spectrum-celery-background-color-default: var(--spectrum-celery-600);
271
+ --spectrum-green-background-color-default: var(--spectrum-green-900);
272
+ --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-900);
273
+ --spectrum-cyan-background-color-default: var(--spectrum-cyan-900);
274
+ --spectrum-blue-background-color-default: var(--spectrum-blue-900);
275
+ --spectrum-indigo-background-color-default: var(--spectrum-indigo-900);
276
+ --spectrum-purple-background-color-default: var(--spectrum-purple-900);
277
+ --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-900);
278
+ --spectrum-magenta-background-color-default: var(--spectrum-magenta-900);
279
+ --spectrum-negative-visual-color: var(--spectrum-red-800);
280
+ --spectrum-positive-visual-color: var(--spectrum-green-700);
281
+ --spectrum-notice-visual-color: var(--spectrum-orange-700);
282
+ --spectrum-informative-visual-color: var(--spectrum-blue-800);
283
+ --spectrum-gray-visual-color: var(--spectrum-gray-500);
284
+ --spectrum-red-visual-color: var(--spectrum-red-800);
285
+ --spectrum-orange-visual-color: var(--spectrum-orange-700);
286
+ --spectrum-yellow-visual-color: var(--spectrum-yellow-600);
287
+ --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-600);
288
+ --spectrum-celery-visual-color: var(--spectrum-celery-700);
289
+ --spectrum-green-visual-color: var(--spectrum-green-700);
290
+ --spectrum-seafoam-visual-color: var(--spectrum-seafoam-700);
291
+ --spectrum-cyan-visual-color: var(--spectrum-cyan-600);
292
+ --spectrum-blue-visual-color: var(--spectrum-blue-800);
293
+ --spectrum-indigo-visual-color: var(--spectrum-indigo-800);
294
+ --spectrum-purple-visual-color: var(--spectrum-purple-800);
295
+ --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-800);
296
+ --spectrum-magenta-visual-color: var(--spectrum-magenta-800);
297
+ }
298
+ /*# sourceMappingURL=spectrum-lightest.73b0e1ef.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAYA","sources":["packages/@adobe/spectrum-css-temp/vars/spectrum-lightest.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.spectrum--lightest {\n --spectrum-global-color-status: Verified;\n --spectrum-global-color-version: 5.1.0;\n --spectrum-gray-50: rgb(255, 255, 255);\n --spectrum-gray-75: rgb(255, 255, 255);\n --spectrum-gray-100: rgb(255, 255, 255);\n --spectrum-gray-200: rgb(235, 235, 235);\n --spectrum-gray-300: rgb(217, 217, 217);\n --spectrum-gray-400: rgb(179, 179, 179);\n --spectrum-gray-500: rgb(146, 146, 146);\n --spectrum-gray-600: rgb(110, 110, 110);\n --spectrum-gray-700: rgb(71, 71, 71);\n --spectrum-gray-800: rgb(34, 34, 34);\n --spectrum-gray-900: rgb(0, 0, 0);\n --spectrum-red-100: rgb(255, 242, 240);\n --spectrum-red-200: rgb(255, 230, 225);\n --spectrum-red-300: rgb(255, 214, 206);\n --spectrum-red-400: rgb(255, 191, 178);\n --spectrum-red-500: rgb(255, 164, 147);\n --spectrum-red-600: rgb(255, 133, 111);\n --spectrum-red-700: rgb(250, 100, 78);\n --spectrum-red-800: rgb(237, 64, 48);\n --spectrum-red-900: rgb(217, 28, 21);\n --spectrum-red-1000: rgb(187, 2, 2);\n --spectrum-red-1100: rgb(154, 0, 0);\n --spectrum-red-1200: rgb(124, 0, 0);\n --spectrum-red-1300: rgb(97, 0, 0);\n --spectrum-red-1400: rgb(77, 0, 0);\n --spectrum-orange-100: rgb(255, 245, 227);\n --spectrum-orange-200: rgb(255, 233, 197);\n --spectrum-orange-300: rgb(254, 218, 162);\n --spectrum-orange-400: rgb(255, 195, 114);\n --spectrum-orange-500: rgb(255, 168, 68);\n --spectrum-orange-600: rgb(250, 139, 26);\n --spectrum-orange-700: rgb(233, 117, 0);\n --spectrum-orange-800: rgb(209, 97, 0);\n --spectrum-orange-900: rgb(182, 80, 0);\n --spectrum-orange-1000: rgb(155, 64, 0);\n --spectrum-orange-1100: rgb(128, 50, 0);\n --spectrum-orange-1200: rgb(103, 38, 0);\n --spectrum-orange-1300: rgb(80, 28, 0);\n --spectrum-orange-1400: rgb(62, 21, 1);\n --spectrum-yellow-100: rgb(253, 247, 196);\n --spectrum-yellow-200: rgb(250, 237, 123);\n --spectrum-yellow-300: rgb(250, 224, 23);\n --spectrum-yellow-400: rgb(238, 205, 0);\n --spectrum-yellow-500: rgb(221, 185, 0);\n --spectrum-yellow-600: rgb(201, 164, 0);\n --spectrum-yellow-700: rgb(181, 144, 0);\n --spectrum-yellow-800: rgb(160, 125, 0);\n --spectrum-yellow-900: rgb(138, 106, 0);\n --spectrum-yellow-1000: rgb(116, 87, 0);\n --spectrum-yellow-1100: rgb(96, 70, 0);\n --spectrum-yellow-1200: rgb(77, 54, 0);\n --spectrum-yellow-1300: rgb(60, 41, 0);\n --spectrum-yellow-1400: rgb(47, 30, 0);\n --spectrum-chartreuse-100: rgb(235, 255, 170);\n --spectrum-chartreuse-200: rgb(211, 249, 88);\n --spectrum-chartreuse-300: rgb(195, 239, 54);\n --spectrum-chartreuse-400: rgb(176, 222, 27);\n --spectrum-chartreuse-500: rgb(157, 203, 13);\n --spectrum-chartreuse-600: rgb(139, 182, 4);\n --spectrum-chartreuse-700: rgb(122, 162, 0);\n --spectrum-chartreuse-800: rgb(106, 141, 0);\n --spectrum-chartreuse-900: rgb(90, 120, 0);\n --spectrum-chartreuse-1000: rgb(75, 100, 0);\n --spectrum-chartreuse-1100: rgb(61, 81, 0);\n --spectrum-chartreuse-1200: rgb(48, 64, 0);\n --spectrum-chartreuse-1300: rgb(36, 49, 0);\n --spectrum-chartreuse-1400: rgb(28, 37, 0);\n --spectrum-celery-100: rgb(226, 253, 218);\n --spectrum-celery-200: rgb(192, 250, 176);\n --spectrum-celery-300: rgb(164, 243, 146);\n --spectrum-celery-400: rgb(126, 229, 114);\n --spectrum-celery-500: rgb(87, 212, 86);\n --spectrum-celery-600: rgb(48, 193, 61);\n --spectrum-celery-700: rgb(15, 172, 38);\n --spectrum-celery-800: rgb(0, 150, 20);\n --spectrum-celery-900: rgb(0, 128, 15);\n --spectrum-celery-1000: rgb(0, 107, 15);\n --spectrum-celery-1100: rgb(0, 87, 13);\n --spectrum-celery-1200: rgb(0, 69, 11);\n --spectrum-celery-1300: rgb(0, 53, 8);\n --spectrum-celery-1400: rgb(0, 40, 6);\n --spectrum-green-100: rgb(228, 251, 236);\n --spectrum-green-200: rgb(195, 247, 218);\n --spectrum-green-300: rgb(156, 240, 198);\n --spectrum-green-400: rgb(113, 227, 174);\n --spectrum-green-500: rgb(80, 209, 153);\n --spectrum-green-600: rgb(54, 189, 133);\n --spectrum-green-700: rgb(29, 169, 115);\n --spectrum-green-800: rgb(0, 148, 97);\n --spectrum-green-900: rgb(0, 126, 80);\n --spectrum-green-1000: rgb(0, 105, 65);\n --spectrum-green-1100: rgb(0, 86, 53);\n --spectrum-green-1200: rgb(4, 67, 41);\n --spectrum-green-1300: rgb(9, 51, 32);\n --spectrum-green-1400: rgb(10, 38, 24);\n --spectrum-seafoam-100: rgb(228, 250, 247);\n --spectrum-seafoam-200: rgb(191, 245, 239);\n --spectrum-seafoam-300: rgb(157, 238, 231);\n --spectrum-seafoam-400: rgb(114, 223, 216);\n --spectrum-seafoam-500: rgb(75, 206, 199);\n --spectrum-seafoam-600: rgb(32, 187, 180);\n --spectrum-seafoam-700: rgb(0, 166, 160);\n --spectrum-seafoam-800: rgb(0, 145, 139);\n --spectrum-seafoam-900: rgb(0, 124, 118);\n --spectrum-seafoam-1000: rgb(0, 103, 99);\n --spectrum-seafoam-1100: rgb(10, 83, 80);\n --spectrum-seafoam-1200: rgb(18, 65, 63);\n --spectrum-seafoam-1300: rgb(18, 49, 48);\n --spectrum-seafoam-1400: rgb(16, 37, 36);\n --spectrum-cyan-100: rgb(221, 251, 255);\n --spectrum-cyan-200: rgb(183, 245, 255);\n --spectrum-cyan-300: rgb(150, 236, 252);\n --spectrum-cyan-400: rgb(107, 221, 245);\n --spectrum-cyan-500: rgb(65, 203, 236);\n --spectrum-cyan-600: rgb(26, 182, 223);\n --spectrum-cyan-700: rgb(4, 161, 205);\n --spectrum-cyan-800: rgb(0, 139, 185);\n --spectrum-cyan-900: rgb(0, 118, 164);\n --spectrum-cyan-1000: rgb(0, 97, 142);\n --spectrum-cyan-1100: rgb(0, 78, 120);\n --spectrum-cyan-1200: rgb(0, 61, 98);\n --spectrum-cyan-1300: rgb(0, 47, 77);\n --spectrum-cyan-1400: rgb(0, 36, 59);\n --spectrum-blue-100: rgb(237, 248, 255);\n --spectrum-blue-200: rgb(214, 238, 255);\n --spectrum-blue-300: rgb(193, 228, 255);\n --spectrum-blue-400: rgb(161, 212, 253);\n --spectrum-blue-500: rgb(130, 193, 251);\n --spectrum-blue-600: rgb(98, 173, 247);\n --spectrum-blue-700: rgb(66, 151, 244);\n --spectrum-blue-800: rgb(27, 127, 245);\n --spectrum-blue-900: rgb(4, 105, 227);\n --spectrum-blue-1000: rgb(0, 87, 190);\n --spectrum-blue-1100: rgb(0, 72, 153);\n --spectrum-blue-1200: rgb(0, 57, 120);\n --spectrum-blue-1300: rgb(0, 43, 92);\n --spectrum-blue-1400: rgb(0, 33, 71);\n --spectrum-indigo-100: rgb(245, 245, 254);\n --spectrum-indigo-200: rgb(232, 233, 255);\n --spectrum-indigo-300: rgb(219, 221, 255);\n --spectrum-indigo-400: rgb(200, 202, 255);\n --spectrum-indigo-500: rgb(178, 181, 255);\n --spectrum-indigo-600: rgb(155, 159, 255);\n --spectrum-indigo-700: rgb(132, 137, 253);\n --spectrum-indigo-800: rgb(109, 115, 246);\n --spectrum-indigo-900: rgb(87, 93, 232);\n --spectrum-indigo-1000: rgb(68, 74, 208);\n --spectrum-indigo-1100: rgb(53, 58, 176);\n --spectrum-indigo-1200: rgb(40, 45, 142);\n --spectrum-indigo-1300: rgb(30, 34, 110);\n --spectrum-indigo-1400: rgb(23, 26, 85);\n --spectrum-purple-100: rgb(251, 243, 255);\n --spectrum-purple-200: rgb(243, 230, 255);\n --spectrum-purple-300: rgb(235, 216, 255);\n --spectrum-purple-400: rgb(223, 194, 254);\n --spectrum-purple-500: rgb(209, 171, 253);\n --spectrum-purple-600: rgb(194, 146, 252);\n --spectrum-purple-700: rgb(178, 121, 250);\n --spectrum-purple-800: rgb(161, 93, 246);\n --spectrum-purple-900: rgb(142, 67, 234);\n --spectrum-purple-1000: rgb(120, 43, 216);\n --spectrum-purple-1100: rgb(98, 23, 190);\n --spectrum-purple-1200: rgb(77, 13, 157);\n --spectrum-purple-1300: rgb(57, 15, 120);\n --spectrum-purple-1400: rgb(42, 16, 88);\n --spectrum-fuchsia-100: rgb(255, 242, 253);\n --spectrum-fuchsia-200: rgb(255, 227, 251);\n --spectrum-fuchsia-300: rgb(255, 208, 249);\n --spectrum-fuchsia-400: rgb(252, 184, 247);\n --spectrum-fuchsia-500: rgb(247, 155, 244);\n --spectrum-fuchsia-600: rgb(240, 123, 239);\n --spectrum-fuchsia-700: rgb(228, 93, 230);\n --spectrum-fuchsia-800: rgb(211, 63, 212);\n --spectrum-fuchsia-900: rgb(188, 39, 187);\n --spectrum-fuchsia-1000: rgb(163, 10, 163);\n --spectrum-fuchsia-1100: rgb(135, 0, 136);\n --spectrum-fuchsia-1200: rgb(107, 3, 107);\n --spectrum-fuchsia-1300: rgb(80, 13, 79);\n --spectrum-fuchsia-1400: rgb(60, 14, 58);\n --spectrum-magenta-100: rgb(255, 243, 247);\n --spectrum-magenta-200: rgb(255, 229, 238);\n --spectrum-magenta-300: rgb(255, 211, 227);\n --spectrum-magenta-400: rgb(255, 188, 212);\n --spectrum-magenta-500: rgb(255, 159, 194);\n --spectrum-magenta-600: rgb(253, 127, 175);\n --spectrum-magenta-700: rgb(242, 98, 157);\n --spectrum-magenta-800: rgb(226, 68, 135);\n --spectrum-magenta-900: rgb(205, 40, 111);\n --spectrum-magenta-1000: rgb(179, 15, 89);\n --spectrum-magenta-1100: rgb(149, 0, 72);\n --spectrum-magenta-1200: rgb(119, 0, 58);\n --spectrum-magenta-1300: rgb(93, 1, 46);\n --spectrum-magenta-1400: rgb(71, 5, 35);\n --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);\n --spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);\n --spectrum-alias-background-color-hover-overlay: rgba(0,0,0,0.04);\n --spectrum-alias-highlight-hover: rgba(0,0,0,0.06);\n --spectrum-alias-highlight-active: rgba(50,50,50,0.1);\n --spectrum-alias-highlight-selected: rgba(4,105,227,0.1);\n --spectrum-alias-highlight-selected-hover: rgba(4,105,227,0.2);\n --spectrum-alias-highlight-invalid: rgba(217, 28, 21, 0.15); /* matches red-900 */\n --spectrum-alias-text-highlight-color: rgba(4,105,227,0.2);\n --spectrum-alias-background-color-quickactions: rgba(255,255,255,0.9);\n --spectrum-alias-radial-reaction-color-default: rgba(34,34,34,0.6);\n --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);\n --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);\n --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);\n --spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);\n --spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);\n --spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-colorarea-border-color: rgba(50,50,50,0.1);\n --spectrum-colorarea-border-color-hover: rgba(50,50,50,0.1);\n --spectrum-colorarea-border-color-down: rgba(50,50,50,0.1);\n --spectrum-colorarea-border-color-key-focus: rgba(50,50,50,0.1);\n --spectrum-colorslider-border-color: rgba(50,50,50,0.1);\n --spectrum-colorslider-border-color-hover: rgba(50,50,50,0.1);\n --spectrum-colorslider-border-color-down: rgba(50,50,50,0.1);\n --spectrum-colorslider-border-color-key-focus: rgba(50,50,50,0.1);\n --spectrum-colorslider-vertical-border-color: rgba(50,50,50,0.1);\n --spectrum-colorslider-vertical-border-color-hover: rgba(50,50,50,0.1);\n --spectrum-colorslider-vertical-border-color-down: rgba(50,50,50,0.1);\n --spectrum-colorslider-vertical-border-color-key-focus: rgba(50,50,50,0.1);\n --spectrum-colorwheel-border-color: rgba(50,50,50,0.1);\n --spectrum-colorwheel-border-color-hover: rgba(50,50,50,0.1);\n --spectrum-colorwheel-border-color-down: rgba(50,50,50,0.1);\n --spectrum-colorwheel-border-color-key-focus: rgba(50,50,50,0.1);\n --spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);\n --spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);\n --spectrum-well-background-color: rgba(80,80,80,0.02);\n --spectrum-well-border-color: rgba(50,50,50,0.05);\n /* BEGIN RSP PATCH */\n /* missing in spectrum-css */\n --spectrum-tray-background-color: var(--spectrum-global-color-gray-50);\n /* END RSP PATCH */\n /* react spectrum additions */\n\n --spectrum-accent-background-color-default: var(--spectrum-accent-color-900);\n --spectrum-accent-background-color-hover: var(--spectrum-accent-color-1000);\n --spectrum-accent-background-color-down: var(--spectrum-accent-color-1100);\n --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-1000);\n\n --spectrum-neutral-background-color-default: var(--spectrum-gray-800);\n --spectrum-neutral-background-color-hover: var(--spectrum-gray-900);\n --spectrum-neutral-background-color-down: var(--spectrum-gray-900);\n --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900);\n\n --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-600);\n --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-700);\n --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-800);\n --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-700);\n\n --spectrum-negative-background-color-default: var(--spectrum-red-900);\n --spectrum-negative-background-color-hover: var(--spectrum-red-1000);\n --spectrum-negative-background-color-down: var(--spectrum-red-1100);\n --spectrum-negative-background-color-key-focus: var(--spectrum-red-1000);\n\n --spectrum-positive-background-color-default: var(--spectrum-green-900);\n --spectrum-positive-background-color-hover: var(--spectrum-green-1000);\n --spectrum-positive-background-color-down: var(--spectrum-green-1100);\n --spectrum-positive-background-color-key-focus: var(--spectrum-green-1000);\n\n --spectrum-informative-background-color-default: var(--spectrum-blue-900);\n --spectrum-informative-background-color-hover: var(--spectrum-blue-1000);\n --spectrum-informative-background-color-down: var(--spectrum-blue-1100);\n --spectrum-informative-background-color-key-focus: var(--spectrum-blue-1000);\n\n --spectrum-gray-background-color-default: var(--spectrum-gray-700);\n --spectrum-red-background-color-default: var(--spectrum-red-600);\n --spectrum-orange-background-color-default: var(--spectrum-orange-600);\n --spectrum-yellow-background-color-default: var(--spectrum-yellow-400);\n --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-500);\n --spectrum-celery-background-color-default: var(--spectrum-celery-600);\n --spectrum-green-background-color-default: var(--spectrum-green-900);\n --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-900);\n --spectrum-cyan-background-color-default: var(--spectrum-cyan-900);\n --spectrum-blue-background-color-default: var(--spectrum-blue-900);\n --spectrum-indigo-background-color-default: var(--spectrum-indigo-900);\n --spectrum-purple-background-color-default: var(--spectrum-purple-900);\n --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-900);\n --spectrum-magenta-background-color-default: var(--spectrum-magenta-900);\n\n --spectrum-negative-visual-color: var(--spectrum-red-800);\n --spectrum-positive-visual-color: var(--spectrum-green-700);\n --spectrum-notice-visual-color: var(--spectrum-orange-700);\n --spectrum-informative-visual-color: var(--spectrum-blue-800);\n\n --spectrum-gray-visual-color: var(--spectrum-gray-500);\n --spectrum-red-visual-color: var(--spectrum-red-800);\n --spectrum-orange-visual-color: var(--spectrum-orange-700);\n --spectrum-yellow-visual-color: var(--spectrum-yellow-600);\n --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-600);\n --spectrum-celery-visual-color: var(--spectrum-celery-700);\n --spectrum-green-visual-color: var(--spectrum-green-700);\n --spectrum-seafoam-visual-color: var(--spectrum-seafoam-700);\n --spectrum-cyan-visual-color: var(--spectrum-cyan-600);\n --spectrum-blue-visual-color: var(--spectrum-blue-800);\n --spectrum-indigo-visual-color: var(--spectrum-indigo-800);\n --spectrum-purple-visual-color: var(--spectrum-purple-800);\n --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-800);\n --spectrum-magenta-visual-color: var(--spectrum-magenta-800);\n}\n"],"names":[],"version":3,"file":"spectrum-lightest.73b0e1ef.css.map"}