@react-spectrum/theme-default 3.5.8 → 3.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/import.mjs +15 -58
- package/dist/main.js +15 -54
- package/dist/main.js.map +1 -1
- package/dist/module.js +15 -58
- package/dist/module.js.map +1 -1
- package/dist/spectrum-darkest.a4631c39.css +342 -0
- package/dist/spectrum-darkest.a4631c39.css.map +1 -0
- package/dist/spectrum-global.80132501.css +616 -0
- package/dist/spectrum-global.80132501.css.map +1 -0
- package/dist/spectrum-large.45b1c08d.css +387 -0
- package/dist/spectrum-large.45b1c08d.css.map +1 -0
- package/dist/spectrum-light.74d10632.css +298 -0
- package/dist/spectrum-light.74d10632.css.map +1 -0
- package/dist/spectrum-medium.e2e18dbf.css +387 -0
- package/dist/spectrum-medium.e2e18dbf.css.map +1 -0
- package/dist/vars_spectrum-darkest_css.main.js +11 -0
- package/dist/vars_spectrum-darkest_css.main.js.map +1 -0
- package/dist/vars_spectrum-darkest_css.mjs +13 -0
- package/dist/vars_spectrum-darkest_css.module.js +13 -0
- package/dist/vars_spectrum-darkest_css.module.js.map +1 -0
- package/dist/vars_spectrum-global_css.main.js +29 -0
- package/dist/vars_spectrum-global_css.main.js.map +1 -0
- package/dist/vars_spectrum-global_css.mjs +31 -0
- package/dist/vars_spectrum-global_css.module.js +31 -0
- package/dist/vars_spectrum-global_css.module.js.map +1 -0
- package/dist/vars_spectrum-large_css.main.js +11 -0
- package/dist/vars_spectrum-large_css.main.js.map +1 -0
- package/dist/vars_spectrum-large_css.mjs +13 -0
- package/dist/vars_spectrum-large_css.module.js +13 -0
- package/dist/vars_spectrum-large_css.module.js.map +1 -0
- package/dist/vars_spectrum-light_css.main.js +11 -0
- package/dist/vars_spectrum-light_css.main.js.map +1 -0
- package/dist/vars_spectrum-light_css.mjs +13 -0
- package/dist/vars_spectrum-light_css.module.js +13 -0
- package/dist/vars_spectrum-light_css.module.js.map +1 -0
- package/dist/vars_spectrum-medium_css.main.js +11 -0
- package/dist/vars_spectrum-medium_css.main.js.map +1 -0
- package/dist/vars_spectrum-medium_css.mjs +13 -0
- package/dist/vars_spectrum-medium_css.module.js +13 -0
- package/dist/vars_spectrum-medium_css.module.js.map +1 -0
- package/package.json +3 -3
- package/dist/main.css +0 -2031
- package/dist/main.css.map +0 -1
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
.PFjRbG_spectrum--light {
|
|
2
|
+
--spectrum-global-color-status: Verified;
|
|
3
|
+
--spectrum-global-color-version: 5.1;
|
|
4
|
+
--spectrum-gray-50: #fff;
|
|
5
|
+
--spectrum-gray-75: #fdfdfd;
|
|
6
|
+
--spectrum-gray-100: #f8f8f8;
|
|
7
|
+
--spectrum-gray-200: #e6e6e6;
|
|
8
|
+
--spectrum-gray-300: #d5d5d5;
|
|
9
|
+
--spectrum-gray-400: #b1b1b1;
|
|
10
|
+
--spectrum-gray-500: #909090;
|
|
11
|
+
--spectrum-gray-600: #6d6d6d;
|
|
12
|
+
--spectrum-gray-700: #464646;
|
|
13
|
+
--spectrum-gray-800: #222;
|
|
14
|
+
--spectrum-gray-900: #000;
|
|
15
|
+
--spectrum-red-100: #ffebe7;
|
|
16
|
+
--spectrum-red-200: #ffddd6;
|
|
17
|
+
--spectrum-red-300: #ffcdc3;
|
|
18
|
+
--spectrum-red-400: #ffb7a9;
|
|
19
|
+
--spectrum-red-500: #ff9b88;
|
|
20
|
+
--spectrum-red-600: #ff7c65;
|
|
21
|
+
--spectrum-red-700: #f75c46;
|
|
22
|
+
--spectrum-red-800: #ea3829;
|
|
23
|
+
--spectrum-red-900: #d31510;
|
|
24
|
+
--spectrum-red-1000: #b40000;
|
|
25
|
+
--spectrum-red-1100: #930000;
|
|
26
|
+
--spectrum-red-1200: #740000;
|
|
27
|
+
--spectrum-red-1300: #590000;
|
|
28
|
+
--spectrum-red-1400: #430000;
|
|
29
|
+
--spectrum-orange-100: #ffeccc;
|
|
30
|
+
--spectrum-orange-200: #ffdfad;
|
|
31
|
+
--spectrum-orange-300: #fdd291;
|
|
32
|
+
--spectrum-orange-400: #ffbb63;
|
|
33
|
+
--spectrum-orange-500: #ffa037;
|
|
34
|
+
--spectrum-orange-600: #f68511;
|
|
35
|
+
--spectrum-orange-700: #e46f00;
|
|
36
|
+
--spectrum-orange-800: #cb5d00;
|
|
37
|
+
--spectrum-orange-900: #b14c00;
|
|
38
|
+
--spectrum-orange-1000: #953d00;
|
|
39
|
+
--spectrum-orange-1100: #7a2f00;
|
|
40
|
+
--spectrum-orange-1200: #612300;
|
|
41
|
+
--spectrum-orange-1300: #491901;
|
|
42
|
+
--spectrum-orange-1400: #351201;
|
|
43
|
+
--spectrum-yellow-100: #fbf198;
|
|
44
|
+
--spectrum-yellow-200: #f8e750;
|
|
45
|
+
--spectrum-yellow-300: #f8d904;
|
|
46
|
+
--spectrum-yellow-400: #e8c600;
|
|
47
|
+
--spectrum-yellow-500: #d7b300;
|
|
48
|
+
--spectrum-yellow-600: #c49f00;
|
|
49
|
+
--spectrum-yellow-700: #b08c00;
|
|
50
|
+
--spectrum-yellow-800: #9b7800;
|
|
51
|
+
--spectrum-yellow-900: #856600;
|
|
52
|
+
--spectrum-yellow-1000: #705300;
|
|
53
|
+
--spectrum-yellow-1100: #5b4300;
|
|
54
|
+
--spectrum-yellow-1200: #483300;
|
|
55
|
+
--spectrum-yellow-1300: #362500;
|
|
56
|
+
--spectrum-yellow-1400: #281a00;
|
|
57
|
+
--spectrum-chartreuse-100: #dbfc6e;
|
|
58
|
+
--spectrum-chartreuse-200: #cbf443;
|
|
59
|
+
--spectrum-chartreuse-300: #bce92a;
|
|
60
|
+
--spectrum-chartreuse-400: #aad816;
|
|
61
|
+
--spectrum-chartreuse-500: #98c50a;
|
|
62
|
+
--spectrum-chartreuse-600: #87b103;
|
|
63
|
+
--spectrum-chartreuse-700: #769c00;
|
|
64
|
+
--spectrum-chartreuse-800: #678800;
|
|
65
|
+
--spectrum-chartreuse-900: #577400;
|
|
66
|
+
--spectrum-chartreuse-1000: #486000;
|
|
67
|
+
--spectrum-chartreuse-1100: #3a4d00;
|
|
68
|
+
--spectrum-chartreuse-1200: #2c3b00;
|
|
69
|
+
--spectrum-chartreuse-1300: #212c00;
|
|
70
|
+
--spectrum-chartreuse-1400: #181f00;
|
|
71
|
+
--spectrum-celery-100: #cdfcbf;
|
|
72
|
+
--spectrum-celery-200: #aef69d;
|
|
73
|
+
--spectrum-celery-300: #96ee85;
|
|
74
|
+
--spectrum-celery-400: #72e06a;
|
|
75
|
+
--spectrum-celery-500: #4ecf50;
|
|
76
|
+
--spectrum-celery-600: #27bb36;
|
|
77
|
+
--spectrum-celery-700: #07a721;
|
|
78
|
+
--spectrum-celery-800: #009112;
|
|
79
|
+
--spectrum-celery-900: #007c0f;
|
|
80
|
+
--spectrum-celery-1000: #00670f;
|
|
81
|
+
--spectrum-celery-1100: #00530d;
|
|
82
|
+
--spectrum-celery-1200: #00400a;
|
|
83
|
+
--spectrum-celery-1300: #003007;
|
|
84
|
+
--spectrum-celery-1400: #002205;
|
|
85
|
+
--spectrum-green-100: #cef8e0;
|
|
86
|
+
--spectrum-green-200: #adf4ce;
|
|
87
|
+
--spectrum-green-300: #89ecbc;
|
|
88
|
+
--spectrum-green-400: #67dea8;
|
|
89
|
+
--spectrum-green-500: #49cc93;
|
|
90
|
+
--spectrum-green-600: #2fb880;
|
|
91
|
+
--spectrum-green-700: #15a46e;
|
|
92
|
+
--spectrum-green-800: #008f5d;
|
|
93
|
+
--spectrum-green-900: #007a4d;
|
|
94
|
+
--spectrum-green-1000: #00653e;
|
|
95
|
+
--spectrum-green-1100: #005132;
|
|
96
|
+
--spectrum-green-1200: #053f27;
|
|
97
|
+
--spectrum-green-1300: #0a2e1d;
|
|
98
|
+
--spectrum-green-1400: #0a2015;
|
|
99
|
+
--spectrum-seafoam-100: #cef7f3;
|
|
100
|
+
--spectrum-seafoam-200: #aaf1ea;
|
|
101
|
+
--spectrum-seafoam-300: #8ce9e2;
|
|
102
|
+
--spectrum-seafoam-400: #65dad2;
|
|
103
|
+
--spectrum-seafoam-500: #3fc9c1;
|
|
104
|
+
--spectrum-seafoam-600: #0fb5ae;
|
|
105
|
+
--spectrum-seafoam-700: #00a19a;
|
|
106
|
+
--spectrum-seafoam-800: #008c87;
|
|
107
|
+
--spectrum-seafoam-900: #007772;
|
|
108
|
+
--spectrum-seafoam-1000: #00635f;
|
|
109
|
+
--spectrum-seafoam-1100: #0c4f4c;
|
|
110
|
+
--spectrum-seafoam-1200: #123c3a;
|
|
111
|
+
--spectrum-seafoam-1300: #122c2b;
|
|
112
|
+
--spectrum-seafoam-1400: #0f1f1e;
|
|
113
|
+
--spectrum-cyan-100: #c5f8ff;
|
|
114
|
+
--spectrum-cyan-200: #a4f0ff;
|
|
115
|
+
--spectrum-cyan-300: #88e7fa;
|
|
116
|
+
--spectrum-cyan-400: #60d8f3;
|
|
117
|
+
--spectrum-cyan-500: #33c5e8;
|
|
118
|
+
--spectrum-cyan-600: #12b0da;
|
|
119
|
+
--spectrum-cyan-700: #019cc8;
|
|
120
|
+
--spectrum-cyan-800: #0086b4;
|
|
121
|
+
--spectrum-cyan-900: #00719f;
|
|
122
|
+
--spectrum-cyan-1000: #005d89;
|
|
123
|
+
--spectrum-cyan-1100: #004a73;
|
|
124
|
+
--spectrum-cyan-1200: #00395d;
|
|
125
|
+
--spectrum-cyan-1300: #002a46;
|
|
126
|
+
--spectrum-cyan-1400: #001e33;
|
|
127
|
+
--spectrum-blue-100: #e0f2ff;
|
|
128
|
+
--spectrum-blue-200: #cae8ff;
|
|
129
|
+
--spectrum-blue-300: #b5deff;
|
|
130
|
+
--spectrum-blue-400: #96cefd;
|
|
131
|
+
--spectrum-blue-500: #78bbfa;
|
|
132
|
+
--spectrum-blue-600: #59a7f6;
|
|
133
|
+
--spectrum-blue-700: #3892f3;
|
|
134
|
+
--spectrum-blue-800: #147af3;
|
|
135
|
+
--spectrum-blue-900: #0265dc;
|
|
136
|
+
--spectrum-blue-1000: #0054b6;
|
|
137
|
+
--spectrum-blue-1100: #004491;
|
|
138
|
+
--spectrum-blue-1200: #003571;
|
|
139
|
+
--spectrum-blue-1300: #002754;
|
|
140
|
+
--spectrum-blue-1400: #001c3c;
|
|
141
|
+
--spectrum-indigo-100: #edeeff;
|
|
142
|
+
--spectrum-indigo-200: #e0e2ff;
|
|
143
|
+
--spectrum-indigo-300: #d3d5ff;
|
|
144
|
+
--spectrum-indigo-400: #c1c4ff;
|
|
145
|
+
--spectrum-indigo-500: #acafff;
|
|
146
|
+
--spectrum-indigo-600: #9599ff;
|
|
147
|
+
--spectrum-indigo-700: #7e84fc;
|
|
148
|
+
--spectrum-indigo-800: #686df4;
|
|
149
|
+
--spectrum-indigo-900: #5258e4;
|
|
150
|
+
--spectrum-indigo-1000: #4046ca;
|
|
151
|
+
--spectrum-indigo-1100: #3236a8;
|
|
152
|
+
--spectrum-indigo-1200: #262986;
|
|
153
|
+
--spectrum-indigo-1300: #1b1e64;
|
|
154
|
+
--spectrum-indigo-1400: #141648;
|
|
155
|
+
--spectrum-purple-100: #f6ebff;
|
|
156
|
+
--spectrum-purple-200: #edf;
|
|
157
|
+
--spectrum-purple-300: #e6d0ff;
|
|
158
|
+
--spectrum-purple-400: #dbbbfe;
|
|
159
|
+
--spectrum-purple-500: #cca4fd;
|
|
160
|
+
--spectrum-purple-600: #bd8bfc;
|
|
161
|
+
--spectrum-purple-700: #ae72f9;
|
|
162
|
+
--spectrum-purple-800: #9d57f4;
|
|
163
|
+
--spectrum-purple-900: #893de7;
|
|
164
|
+
--spectrum-purple-1000: #7326d3;
|
|
165
|
+
--spectrum-purple-1100: #5d13b7;
|
|
166
|
+
--spectrum-purple-1200: #470c94;
|
|
167
|
+
--spectrum-purple-1300: #33106a;
|
|
168
|
+
--spectrum-purple-1400: #230f49;
|
|
169
|
+
--spectrum-fuchsia-100: #ffe9fc;
|
|
170
|
+
--spectrum-fuchsia-200: #ffdafa;
|
|
171
|
+
--spectrum-fuchsia-300: #fec7f8;
|
|
172
|
+
--spectrum-fuchsia-400: #fbaef6;
|
|
173
|
+
--spectrum-fuchsia-500: #f592f3;
|
|
174
|
+
--spectrum-fuchsia-600: #ed74ed;
|
|
175
|
+
--spectrum-fuchsia-700: #e055e2;
|
|
176
|
+
--spectrum-fuchsia-800: #cd3ace;
|
|
177
|
+
--spectrum-fuchsia-900: #b622b7;
|
|
178
|
+
--spectrum-fuchsia-1000: #9d039e;
|
|
179
|
+
--spectrum-fuchsia-1100: #800081;
|
|
180
|
+
--spectrum-fuchsia-1200: #640664;
|
|
181
|
+
--spectrum-fuchsia-1300: #470e46;
|
|
182
|
+
--spectrum-fuchsia-1400: #320d31;
|
|
183
|
+
--spectrum-magenta-100: #ffeaf1;
|
|
184
|
+
--spectrum-magenta-200: #ffdce8;
|
|
185
|
+
--spectrum-magenta-300: #ffcadd;
|
|
186
|
+
--spectrum-magenta-400: #ffb2ce;
|
|
187
|
+
--spectrum-magenta-500: #ff95bd;
|
|
188
|
+
--spectrum-magenta-600: #fa77aa;
|
|
189
|
+
--spectrum-magenta-700: #ef5a98;
|
|
190
|
+
--spectrum-magenta-800: #de3d82;
|
|
191
|
+
--spectrum-magenta-900: #c82269;
|
|
192
|
+
--spectrum-magenta-1000: #ad0955;
|
|
193
|
+
--spectrum-magenta-1100: #8e0045;
|
|
194
|
+
--spectrum-magenta-1200: #700037;
|
|
195
|
+
--spectrum-magenta-1300: #54032a;
|
|
196
|
+
--spectrum-magenta-1400: #3c061d;
|
|
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: #2c2c2c1a;
|
|
202
|
+
--spectrum-alias-highlight-selected: #0265dc1a;
|
|
203
|
+
--spectrum-alias-highlight-selected-hover: #0265dc33;
|
|
204
|
+
--spectrum-alias-highlight-invalid: #d3151026;
|
|
205
|
+
--spectrum-alias-text-highlight-color: #0265dc33;
|
|
206
|
+
--spectrum-alias-background-color-quickactions: #f8f8f8e6;
|
|
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-colorarea-border-color: #2c2c2c1a;
|
|
212
|
+
--spectrum-colorarea-border-color-hover: #2c2c2c1a;
|
|
213
|
+
--spectrum-colorarea-border-color-down: #2c2c2c1a;
|
|
214
|
+
--spectrum-colorarea-border-color-key-focus: #2c2c2c1a;
|
|
215
|
+
--spectrum-colorslider-border-color: #2c2c2c1a;
|
|
216
|
+
--spectrum-colorslider-border-color-hover: #2c2c2c1a;
|
|
217
|
+
--spectrum-colorslider-border-color-down: #2c2c2c1a;
|
|
218
|
+
--spectrum-colorslider-border-color-key-focus: #2c2c2c1a;
|
|
219
|
+
--spectrum-colorslider-vertical-border-color: #2c2c2c1a;
|
|
220
|
+
--spectrum-colorslider-vertical-border-color-hover: #2c2c2c1a;
|
|
221
|
+
--spectrum-colorslider-vertical-border-color-down: #2c2c2c1a;
|
|
222
|
+
--spectrum-colorslider-vertical-border-color-key-focus: #2c2c2c1a;
|
|
223
|
+
--spectrum-colorwheel-border-color: #2c2c2c1a;
|
|
224
|
+
--spectrum-colorwheel-border-color-hover: #2c2c2c1a;
|
|
225
|
+
--spectrum-colorwheel-border-color-down: #2c2c2c1a;
|
|
226
|
+
--spectrum-colorwheel-border-color-key-focus: #2c2c2c1a;
|
|
227
|
+
--spectrum-miller-column-item-background-color-selected: #1473e61a;
|
|
228
|
+
--spectrum-miller-column-item-background-color-selected-hover: #1473e633;
|
|
229
|
+
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
|
|
230
|
+
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
|
|
231
|
+
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
|
|
232
|
+
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
|
|
233
|
+
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
|
|
234
|
+
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
|
|
235
|
+
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
|
|
236
|
+
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
|
|
237
|
+
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
|
|
238
|
+
--spectrum-well-background-color: #22222205;
|
|
239
|
+
--spectrum-well-border-color: #0000000d;
|
|
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-light.74d10632.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":"AAYA","sources":["packages/@adobe/spectrum-css-temp/vars/spectrum-light.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--light {\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(253, 253, 253);\n --spectrum-gray-100: rgb(248, 248, 248);\n --spectrum-gray-200: rgb(230, 230, 230);\n --spectrum-gray-300: rgb(213, 213, 213);\n --spectrum-gray-400: rgb(177, 177, 177);\n --spectrum-gray-500: rgb(144, 144, 144);\n --spectrum-gray-600: rgb(109, 109, 109);\n --spectrum-gray-700: rgb(70, 70, 70);\n --spectrum-gray-800: rgb(34, 34, 34);\n --spectrum-gray-900: rgb(0, 0, 0);\n --spectrum-red-100: rgb(255, 235, 231);\n --spectrum-red-200: rgb(255, 221, 214);\n --spectrum-red-300: rgb(255, 205, 195);\n --spectrum-red-400: rgb(255, 183, 169);\n --spectrum-red-500: rgb(255, 155, 136);\n --spectrum-red-600: rgb(255, 124, 101);\n --spectrum-red-700: rgb(247, 92, 70);\n --spectrum-red-800: rgb(234, 56, 41);\n --spectrum-red-900: rgb(211, 21, 16);\n --spectrum-red-1000: rgb(180, 0, 0);\n --spectrum-red-1100: rgb(147, 0, 0);\n --spectrum-red-1200: rgb(116, 0, 0);\n --spectrum-red-1300: rgb(89, 0, 0);\n --spectrum-red-1400: rgb(67, 0, 0);\n --spectrum-orange-100: rgb(255, 236, 204);\n --spectrum-orange-200: rgb(255, 223, 173);\n --spectrum-orange-300: rgb(253, 210, 145);\n --spectrum-orange-400: rgb(255, 187, 99);\n --spectrum-orange-500: rgb(255, 160, 55);\n --spectrum-orange-600: rgb(246, 133, 17);\n --spectrum-orange-700: rgb(228, 111, 0);\n --spectrum-orange-800: rgb(203, 93, 0);\n --spectrum-orange-900: rgb(177, 76, 0);\n --spectrum-orange-1000: rgb(149, 61, 0);\n --spectrum-orange-1100: rgb(122, 47, 0);\n --spectrum-orange-1200: rgb(97, 35, 0);\n --spectrum-orange-1300: rgb(73, 25, 1);\n --spectrum-orange-1400: rgb(53, 18, 1);\n --spectrum-yellow-100: rgb(251, 241, 152);\n --spectrum-yellow-200: rgb(248, 231, 80);\n --spectrum-yellow-300: rgb(248, 217, 4);\n --spectrum-yellow-400: rgb(232, 198, 0);\n --spectrum-yellow-500: rgb(215, 179, 0);\n --spectrum-yellow-600: rgb(196, 159, 0);\n --spectrum-yellow-700: rgb(176, 140, 0);\n --spectrum-yellow-800: rgb(155, 120, 0);\n --spectrum-yellow-900: rgb(133, 102, 0);\n --spectrum-yellow-1000: rgb(112, 83, 0);\n --spectrum-yellow-1100: rgb(91, 67, 0);\n --spectrum-yellow-1200: rgb(72, 51, 0);\n --spectrum-yellow-1300: rgb(54, 37, 0);\n --spectrum-yellow-1400: rgb(40, 26, 0);\n --spectrum-chartreuse-100: rgb(219, 252, 110);\n --spectrum-chartreuse-200: rgb(203, 244, 67);\n --spectrum-chartreuse-300: rgb(188, 233, 42);\n --spectrum-chartreuse-400: rgb(170, 216, 22);\n --spectrum-chartreuse-500: rgb(152, 197, 10);\n --spectrum-chartreuse-600: rgb(135, 177, 3);\n --spectrum-chartreuse-700: rgb(118, 156, 0);\n --spectrum-chartreuse-800: rgb(103, 136, 0);\n --spectrum-chartreuse-900: rgb(87, 116, 0);\n --spectrum-chartreuse-1000: rgb(72, 96, 0);\n --spectrum-chartreuse-1100: rgb(58, 77, 0);\n --spectrum-chartreuse-1200: rgb(44, 59, 0);\n --spectrum-chartreuse-1300: rgb(33, 44, 0);\n --spectrum-chartreuse-1400: rgb(24, 31, 0);\n --spectrum-celery-100: rgb(205, 252, 191);\n --spectrum-celery-200: rgb(174, 246, 157);\n --spectrum-celery-300: rgb(150, 238, 133);\n --spectrum-celery-400: rgb(114, 224, 106);\n --spectrum-celery-500: rgb(78, 207, 80);\n --spectrum-celery-600: rgb(39, 187, 54);\n --spectrum-celery-700: rgb(7, 167, 33);\n --spectrum-celery-800: rgb(0, 145, 18);\n --spectrum-celery-900: rgb(0, 124, 15);\n --spectrum-celery-1000: rgb(0, 103, 15);\n --spectrum-celery-1100: rgb(0, 83, 13);\n --spectrum-celery-1200: rgb(0, 64, 10);\n --spectrum-celery-1300: rgb(0, 48, 7);\n --spectrum-celery-1400: rgb(0, 34, 5);\n --spectrum-green-100: rgb(206, 248, 224);\n --spectrum-green-200: rgb(173, 244, 206);\n --spectrum-green-300: rgb(137, 236, 188);\n --spectrum-green-400: rgb(103, 222, 168);\n --spectrum-green-500: rgb(73, 204, 147);\n --spectrum-green-600: rgb(47, 184, 128);\n --spectrum-green-700: rgb(21, 164, 110);\n --spectrum-green-800: rgb(0, 143, 93);\n --spectrum-green-900: rgb(0, 122, 77);\n --spectrum-green-1000: rgb(0, 101, 62);\n --spectrum-green-1100: rgb(0, 81, 50);\n --spectrum-green-1200: rgb(5, 63, 39);\n --spectrum-green-1300: rgb(10, 46, 29);\n --spectrum-green-1400: rgb(10, 32, 21);\n --spectrum-seafoam-100: rgb(206, 247, 243);\n --spectrum-seafoam-200: rgb(170, 241, 234);\n --spectrum-seafoam-300: rgb(140, 233, 226);\n --spectrum-seafoam-400: rgb(101, 218, 210);\n --spectrum-seafoam-500: rgb(63, 201, 193);\n --spectrum-seafoam-600: rgb(15, 181, 174);\n --spectrum-seafoam-700: rgb(0, 161, 154);\n --spectrum-seafoam-800: rgb(0, 140, 135);\n --spectrum-seafoam-900: rgb(0, 119, 114);\n --spectrum-seafoam-1000: rgb(0, 99, 95);\n --spectrum-seafoam-1100: rgb(12, 79, 76);\n --spectrum-seafoam-1200: rgb(18, 60, 58);\n --spectrum-seafoam-1300: rgb(18, 44, 43);\n --spectrum-seafoam-1400: rgb(15, 31, 30);\n --spectrum-cyan-100: rgb(197, 248, 255);\n --spectrum-cyan-200: rgb(164, 240, 255);\n --spectrum-cyan-300: rgb(136, 231, 250);\n --spectrum-cyan-400: rgb(96, 216, 243);\n --spectrum-cyan-500: rgb(51, 197, 232);\n --spectrum-cyan-600: rgb(18, 176, 218);\n --spectrum-cyan-700: rgb(1, 156, 200);\n --spectrum-cyan-800: rgb(0, 134, 180);\n --spectrum-cyan-900: rgb(0, 113, 159);\n --spectrum-cyan-1000: rgb(0, 93, 137);\n --spectrum-cyan-1100: rgb(0, 74, 115);\n --spectrum-cyan-1200: rgb(0, 57, 93);\n --spectrum-cyan-1300: rgb(0, 42, 70);\n --spectrum-cyan-1400: rgb(0, 30, 51);\n --spectrum-blue-100: rgb(224, 242, 255);\n --spectrum-blue-200: rgb(202, 232, 255);\n --spectrum-blue-300: rgb(181, 222, 255);\n --spectrum-blue-400: rgb(150, 206, 253);\n --spectrum-blue-500: rgb(120, 187, 250);\n --spectrum-blue-600: rgb(89, 167, 246);\n --spectrum-blue-700: rgb(56, 146, 243);\n --spectrum-blue-800: rgb(20, 122, 243);\n --spectrum-blue-900: rgb(2, 101, 220);\n --spectrum-blue-1000: rgb(0, 84, 182);\n --spectrum-blue-1100: rgb(0, 68, 145);\n --spectrum-blue-1200: rgb(0, 53, 113);\n --spectrum-blue-1300: rgb(0, 39, 84);\n --spectrum-blue-1400: rgb(0, 28, 60);\n --spectrum-indigo-100: rgb(237, 238, 255);\n --spectrum-indigo-200: rgb(224, 226, 255);\n --spectrum-indigo-300: rgb(211, 213, 255);\n --spectrum-indigo-400: rgb(193, 196, 255);\n --spectrum-indigo-500: rgb(172, 175, 255);\n --spectrum-indigo-600: rgb(149, 153, 255);\n --spectrum-indigo-700: rgb(126, 132, 252);\n --spectrum-indigo-800: rgb(104, 109, 244);\n --spectrum-indigo-900: rgb(82, 88, 228);\n --spectrum-indigo-1000: rgb(64, 70, 202);\n --spectrum-indigo-1100: rgb(50, 54, 168);\n --spectrum-indigo-1200: rgb(38, 41, 134);\n --spectrum-indigo-1300: rgb(27, 30, 100);\n --spectrum-indigo-1400: rgb(20, 22, 72);\n --spectrum-purple-100: rgb(246, 235, 255);\n --spectrum-purple-200: rgb(238, 221, 255);\n --spectrum-purple-300: rgb(230, 208, 255);\n --spectrum-purple-400: rgb(219, 187, 254);\n --spectrum-purple-500: rgb(204, 164, 253);\n --spectrum-purple-600: rgb(189, 139, 252);\n --spectrum-purple-700: rgb(174, 114, 249);\n --spectrum-purple-800: rgb(157, 87, 244);\n --spectrum-purple-900: rgb(137, 61, 231);\n --spectrum-purple-1000: rgb(115, 38, 211);\n --spectrum-purple-1100: rgb(93, 19, 183);\n --spectrum-purple-1200: rgb(71, 12, 148);\n --spectrum-purple-1300: rgb(51, 16, 106);\n --spectrum-purple-1400: rgb(35, 15, 73);\n --spectrum-fuchsia-100: rgb(255, 233, 252);\n --spectrum-fuchsia-200: rgb(255, 218, 250);\n --spectrum-fuchsia-300: rgb(254, 199, 248);\n --spectrum-fuchsia-400: rgb(251, 174, 246);\n --spectrum-fuchsia-500: rgb(245, 146, 243);\n --spectrum-fuchsia-600: rgb(237, 116, 237);\n --spectrum-fuchsia-700: rgb(224, 85, 226);\n --spectrum-fuchsia-800: rgb(205, 58, 206);\n --spectrum-fuchsia-900: rgb(182, 34, 183);\n --spectrum-fuchsia-1000: rgb(157, 3, 158);\n --spectrum-fuchsia-1100: rgb(128, 0, 129);\n --spectrum-fuchsia-1200: rgb(100, 6, 100);\n --spectrum-fuchsia-1300: rgb(71, 14, 70);\n --spectrum-fuchsia-1400: rgb(50, 13, 49);\n --spectrum-magenta-100: rgb(255, 234, 241);\n --spectrum-magenta-200: rgb(255, 220, 232);\n --spectrum-magenta-300: rgb(255, 202, 221);\n --spectrum-magenta-400: rgb(255, 178, 206);\n --spectrum-magenta-500: rgb(255, 149, 189);\n --spectrum-magenta-600: rgb(250, 119, 170);\n --spectrum-magenta-700: rgb(239, 90, 152);\n --spectrum-magenta-800: rgb(222, 61, 130);\n --spectrum-magenta-900: rgb(200, 34, 105);\n --spectrum-magenta-1000: rgb(173, 9, 85);\n --spectrum-magenta-1100: rgb(142, 0, 69);\n --spectrum-magenta-1200: rgb(112, 0, 55);\n --spectrum-magenta-1300: rgb(84, 3, 42);\n --spectrum-magenta-1400: rgb(60, 6, 29);\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(44,44,44,0.1);\n --spectrum-alias-highlight-selected: rgba(2,101,220,0.1);\n --spectrum-alias-highlight-selected-hover: rgba(2,101,220,0.2);\n --spectrum-alias-highlight-invalid: rgba(211, 21, 16, 0.15); /* matches red-900 */\n --spectrum-alias-text-highlight-color: rgba(2,101,220,0.2);\n --spectrum-alias-background-color-quickactions: rgba(248,248,248,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-colorarea-border-color: rgba(44,44,44,0.1);\n --spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);\n --spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);\n --spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);\n --spectrum-colorslider-border-color: rgba(44,44,44,0.1);\n --spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);\n --spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);\n --spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);\n --spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);\n --spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);\n --spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);\n --spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);\n --spectrum-colorwheel-border-color: rgba(44,44,44,0.1);\n --spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);\n --spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);\n --spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);\n --spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);\n --spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);\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-selection-indicator-color: var(--spectrum-global-color-blue-500);\n --spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);\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-well-background-color: rgba(34,34,34,0.02);\n --spectrum-well-border-color: rgba(0,0,0,0.05);\n --spectrum-tray-background-color: var(--spectrum-global-color-gray-50);\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-light.74d10632.css.map"}
|