@react-spectrum/color 3.0.0-nightly.4440 → 3.0.0-nightly.4451

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 (6) hide show
  1. package/dist/import.mjs +0 -2
  2. package/dist/main.css +1 -491
  3. package/dist/main.js +0 -2
  4. package/dist/module.js +0 -2
  5. package/package.json +16 -16
  6. package/dist/main.css.map +0 -1
package/dist/import.mjs CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {dimensionValue as $kF0Zw$dimensionValue, useStyleProps as $kF0Zw$useStyleProps, useFocusableRef as $kF0Zw$useFocusableRef, classNames as $kF0Zw$classNames, SlotProvider as $kF0Zw$SlotProvider} from "@react-spectrum/utils";
5
3
  import {mergeProps as $kF0Zw$mergeProps, useId as $kF0Zw$useId, useResizeObserver as $kF0Zw$useResizeObserver} from "@react-aria/utils";
package/dist/main.css CHANGED
@@ -1,491 +1 @@
1
- .hoc2UW_spectrum-ColorHandle {
2
- z-index: 1;
3
- box-sizing: border-box;
4
- width: var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));
5
- height: var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));
6
- margin-left: calc(-1 * calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2));
7
- margin-top: calc(-1 * calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2));
8
- border-width: var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25));
9
- background-size: var(--spectrum-global-dimension-static-size-200, 16px) var(--spectrum-global-dimension-static-size-200, 16px);
10
- background-position: calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)), calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))), calc(var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))), calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px))) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px));
11
- transition: width var(--spectrum-global-animation-duration-100, .13s) ease-in-out, height var(--spectrum-global-animation-duration-100, .13s) ease-in-out, border-width var(--spectrum-global-animation-duration-100, .13s) ease-in-out, margin-left var(--spectrum-global-animation-duration-100, .13s) ease-in-out, margin-top var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
12
- border-style: solid;
13
- display: block;
14
- position: absolute;
15
- }
16
-
17
- .hoc2UW_spectrum-ColorHandle {
18
- border-radius: 100%;
19
- }
20
-
21
- .hoc2UW_spectrum-ColorHandle:after {
22
- border-radius: 100%;
23
- }
24
-
25
- .hoc2UW_spectrum-ColorHandle:after {
26
- content: "";
27
- left: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
28
- top: calc(50% - calc(var(--spectrum-global-dimension-size-300) / 2));
29
- width: var(--spectrum-global-dimension-size-300);
30
- height: var(--spectrum-global-dimension-size-300);
31
- display: block;
32
- position: absolute;
33
- }
34
-
35
- .hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled {
36
- pointer-events: none;
37
- }
38
-
39
- .hoc2UW_spectrum-ColorControl-handle--focused {
40
- width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
41
- height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
42
- margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
43
- margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
44
- }
45
-
46
- .hoc2UW_is-focused, .hoc2UW_focus-ring {
47
- }
48
-
49
- .hoc2UW_spectrum-ColorHandle-color {
50
- border-radius: 100%;
51
- width: 100%;
52
- height: 100%;
53
- }
54
-
55
- .hoc2UW_spectrum-ColorHandle {
56
- border-color: var(--spectrum-colorhandle-inner-border-color, var(--spectrum-global-color-static-white));
57
- box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) #0000006b;
58
- background-color: var(--spectrum-global-color-static-white, #fff);
59
- background-image: linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%), linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%);
60
- }
61
-
62
- .hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled {
63
- border-color: var(--spectrum-colorhandle-inner-border-color-disabled, var(--spectrum-global-color-gray-400));
64
- background: var(--spectrum-colorhandle-fill-color-disabled, var(--spectrum-global-color-gray-300));
65
- box-shadow: none;
66
- }
67
-
68
- .hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled .hoc2UW_spectrum-ColorHandle-color {
69
- display: none;
70
- }
71
-
72
- .hoc2UW_spectrum-ColorHandle-color {
73
- box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) #0000006b;
74
- }
75
-
76
- @media (forced-colors: active) {
77
- .hoc2UW_spectrum-ColorHandle {
78
- forced-color-adjust: none;
79
- --spectrum-colorhandle-inner-border-color-disabled: GrayText;
80
- --spectrum-colorhandle-fill-color-disabled: GrayText;
81
- --spectrum-colorhandle-inner-border-color: ButtonText;
82
- --spectrum-colorhandle-outer-border-color: ButtonFace;
83
- }
84
- }
85
-
86
- .HpWpfq_spectrum-ColorLoupe {
87
- width: calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
88
- height: calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
89
- transform: translate(0, var(--spectrum-global-dimension-static-size-100, 8px));
90
- opacity: 0;
91
- transform-origin: bottom;
92
- bottom: calc(50% + var(--spectrum-global-dimension-static-size-200, 16px));
93
- left: calc(50% - calc(calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) / 2));
94
- pointer-events: none;
95
- transition: transform .1s ease-in-out, opacity .125s ease-in-out;
96
- position: absolute;
97
- }
98
-
99
- .HpWpfq_spectrum-ColorLoupe.HpWpfq_is-open {
100
- opacity: 1;
101
- z-index: 2;
102
- transform: translate(0);
103
- }
104
-
105
- .HpWpfq_spectrum-ColorLoupe-outer {
106
- stroke-width: var(--spectrum-colorloupe-outer-border-size, var(--spectrum-global-dimension-static-size-10));
107
- fill: var(--spectrum-colorloupe-inner-border-color, var(--spectrum-global-color-static-white));
108
- stroke: var(--spectrum-colorloupe-outer-border-color, #3232321a);
109
- }
110
-
111
- .HpWpfq_spectrum-ColorLoupe-inner-background {
112
- fill: var(--spectrum-global-color-static-white, #fff);
113
- }
114
-
115
- .HpWpfq_spectrum-ColorLoupe-inner-checker {
116
- fill: var(--spectrum-global-color-static-gray-500, #bcbcbc);
117
- }
118
-
119
- @media (forced-colors: active) {
120
- .HpWpfq_spectrum-ColorLoupe {
121
- forced-color-adjust: none;
122
- --spectrum-colorloupe-inner-border-color: ButtonText;
123
- --spectrum-colorloupe-outer-border-color: ButtonFace;
124
- }
125
- }
126
-
127
- .lm1DSq_spectrum-ColorArea {
128
- inline-size: var(--spectrum-colorarea-default-width, var(--spectrum-global-dimension-size-2400));
129
- block-size: var(--spectrum-colorarea-default-height, var(--spectrum-global-dimension-size-2400));
130
- min-inline-size: var(--spectrum-colorarea-min-width, var(--spectrum-global-dimension-size-800));
131
- min-block-size: var(--spectrum-colorarea-min-height, var(--spectrum-global-dimension-size-800));
132
- border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
133
- cursor: default;
134
- -webkit-user-select: none;
135
- user-select: none;
136
- display: inline-block;
137
- position: relative;
138
- }
139
-
140
- .lm1DSq_spectrum-ColorArea.lm1DSq_is-focused {
141
- z-index: 2;
142
- }
143
-
144
- .lm1DSq_spectrum-ColorArea.lm1DSq_is-focused .lm1DSq_spectrum-ColorArea-handle {
145
- width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
146
- height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
147
- margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
148
- margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
149
- }
150
-
151
- .lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring {
152
- z-index: 2;
153
- }
154
-
155
- .lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring .lm1DSq_spectrum-ColorArea-handle {
156
- width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
157
- height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
158
- margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
159
- margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
160
- }
161
-
162
- .lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled {
163
- pointer-events: none;
164
- }
165
-
166
- .lm1DSq_spectrum-ColorArea:before {
167
- content: "";
168
- z-index: 1;
169
- border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
170
- position: absolute;
171
- top: 0;
172
- bottom: 0;
173
- left: 0;
174
- right: 0;
175
- }
176
-
177
- .lm1DSq_spectrum-ColorArea-handle {
178
- top: 0;
179
- left: 0;
180
- }
181
-
182
- .lm1DSq_spectrum-ColorArea-handle:focus-within {
183
- z-index: 2;
184
- }
185
-
186
- .lm1DSq_spectrum-ColorArea-gradient {
187
- border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
188
- width: 100%;
189
- height: 100%;
190
- }
191
-
192
- .lm1DSq_spectrum-ColorArea-slider {
193
- opacity: .0001;
194
- z-index: 0;
195
- pointer-events: none;
196
- width: 100%;
197
- height: 100%;
198
- margin: 0;
199
- position: absolute;
200
- top: 0;
201
- left: 0;
202
- }
203
-
204
- .lm1DSq_spectrum-ColorArea:before {
205
- box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color);
206
- }
207
-
208
- .lm1DSq_spectrum-ColorArea-gradient, .lm1DSq_spectrum-ColorHandle-color {
209
- forced-color-adjust: none;
210
- }
211
-
212
- .lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled {
213
- background: var(--spectrum-colorarea-fill-color-disabled, var(--spectrum-global-color-gray-300));
214
- }
215
-
216
- .lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled:before {
217
- box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color-disabled, var(--spectrum-global-color-gray-300));
218
- }
219
-
220
- .lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled .lm1DSq_spectrum-ColorArea-gradient {
221
- display: none;
222
- }
223
-
224
- @media (forced-colors: active) {
225
- .lm1DSq_spectrum-ColorArea {
226
- --spectrum-colorarea-fill-color-disabled: GrayText;
227
- }
228
-
229
- .lm1DSq_spectrum-ColorArea {
230
- forced-color-adjust: none;
231
- }
232
-
233
- .lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled {
234
- forced-color-adjust: none;
235
- }
236
- }
237
-
238
- .qPIMxa_spectrum-ColorControl-hiddenField {
239
- opacity: .0001;
240
- z-index: 0;
241
- pointer-events: none;
242
- width: 100%;
243
- height: 100%;
244
- margin: 0;
245
- position: absolute;
246
- top: 0;
247
- left: 0;
248
- }
249
-
250
- .qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel {
251
- width: calc(var(--spectrum-global-dimension-size-125) * 16);
252
- height: calc(var(--spectrum-global-dimension-size-125) * 16);
253
- --spectrum-colorwheel-track-thickness: var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300));
254
- -webkit-user-select: none;
255
- user-select: none;
256
- touch-action: none;
257
- cursor: default;
258
- border-radius: 100%;
259
- display: block;
260
- position: relative;
261
- }
262
-
263
- .qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel .qPIMxa_spectrum-ColorWheel-handle {
264
- margin: 0;
265
- }
266
-
267
- .qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-focused {
268
- z-index: 2;
269
- }
270
-
271
- .qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled {
272
- pointer-events: none;
273
- }
274
-
275
- .qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-dragged {
276
- z-index: 2;
277
- }
278
-
279
- .qPIMxa_spectrum-ColorWheel-gradient {
280
- z-index: 0;
281
- width: calc(var(--spectrum-global-dimension-size-125) * 16);
282
- height: calc(var(--spectrum-global-dimension-size-125) * 16);
283
- position: relative;
284
- }
285
-
286
- .qPIMxa_spectrum-ColorWheel-gradient:before {
287
- content: "";
288
- border-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
289
- border-style: solid;
290
- border-radius: 100%;
291
- position: absolute;
292
- }
293
-
294
- .qPIMxa_spectrum-ColorWheel-gradient:after {
295
- content: "";
296
- border-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
297
- border-style: solid;
298
- border-radius: 100%;
299
- position: absolute;
300
- }
301
-
302
- .qPIMxa_spectrum-ColorWheel-gradient:before {
303
- top: 0;
304
- bottom: 0;
305
- left: 0;
306
- right: 0;
307
- }
308
-
309
- .qPIMxa_spectrum-ColorWheel-gradient:after {
310
- top: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
311
- left: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
312
- bottom: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
313
- right: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
314
- }
315
-
316
- .qPIMxa_spectrum-ColorWheel-slider {
317
- }
318
-
319
- .qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient {
320
- background: var(--spectrum-colorwheel-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
321
- }
322
-
323
- .qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:before {
324
- border-color: var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-global-color-gray-300));
325
- }
326
-
327
- .qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:after {
328
- border-color: var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-global-color-gray-300));
329
- }
330
-
331
- .qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-segment {
332
- display: none;
333
- }
334
-
335
- .qPIMxa_spectrum-ColorWheel-gradient:before {
336
- border-color: var(--spectrum-colorarea-border-color);
337
- }
338
-
339
- .qPIMxa_spectrum-ColorWheel-gradient:after {
340
- border-color: var(--spectrum-colorarea-border-color);
341
- }
342
-
343
- @media (forced-colors: active) {
344
- .qPIMxa_spectrum-ColorWheel {
345
- forced-color-adjust: none;
346
- --spectrum-colorwheel-fill-color-disabled: GrayText;
347
- --spectrum-colorwheel-border-color-disabled: GrayText;
348
- --spectrum-colorwheel-border-color: ButtonText;
349
- --spectrum-colorarea-border-color: ButtonText;
350
- }
351
- }
352
-
353
- .WJOmgG_spectrum-ColorControl-hiddenField {
354
- opacity: .0001;
355
- z-index: 0;
356
- pointer-events: none;
357
- width: 100%;
358
- height: 100%;
359
- margin: 0;
360
- position: absolute;
361
- top: 0;
362
- left: 0;
363
- }
364
-
365
- .WJOmgG_spectrum-ColorSlider-container--horizontal {
366
- width: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
367
- }
368
-
369
- .WJOmgG_spectrum-ColorSlider-container--vertical {
370
- height: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
371
- flex-direction: column;
372
- display: flex;
373
- }
374
-
375
- .WJOmgG_spectrum-ColorSlider {
376
- height: var(--spectrum-colorslider-height, var(--spectrum-global-dimension-size-300));
377
- border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
378
- -webkit-user-select: none;
379
- user-select: none;
380
- touch-action: none;
381
- cursor: default;
382
- width: 100%;
383
- display: block;
384
- position: relative;
385
- }
386
-
387
- .WJOmgG_spectrum-ColorSlider .WJOmgG_spectrum-ColorSlider-handle.WJOmgG_spectrum-ColorSlider-handle {
388
- margin: 0;
389
- }
390
-
391
- .WJOmgG_spectrum-ColorSlider:before {
392
- content: "";
393
- z-index: -1;
394
- border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
395
- background-size: var(--spectrum-global-dimension-static-size-200, 16px) var(--spectrum-global-dimension-static-size-200, 16px);
396
- background-position: 0 0, 0 var(--spectrum-global-dimension-static-size-100, 8px), var(--spectrum-global-dimension-static-size-100, 8px) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)), calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)) 0;
397
- position: absolute;
398
- top: 0;
399
- bottom: 0;
400
- left: 0;
401
- right: 0;
402
- }
403
-
404
- .WJOmgG_spectrum-ColorSlider.WJOmgG_is-focused {
405
- z-index: 2;
406
- }
407
-
408
- .WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled {
409
- pointer-events: none;
410
- }
411
-
412
- .WJOmgG_spectrum-ColorSlider--vertical {
413
- width: var(--spectrum-colorslider-vertical-width, var(--spectrum-global-dimension-size-300));
414
- flex: 1;
415
- display: inline-block;
416
- }
417
-
418
- .WJOmgG_spectrum-ColorSlider--vertical .WJOmgG_spectrum-ColorSlider-handle {
419
- top: 0;
420
- left: 50%;
421
- }
422
-
423
- .WJOmgG_spectrum-ColorSlider-handle {
424
- top: 50%;
425
- left: 0;
426
- }
427
-
428
- .WJOmgG_spectrum-ColorSlider-handle:after {
429
- width: var(--spectrum-global-dimension-size-300);
430
- height: var(--spectrum-global-dimension-size-300);
431
- border-radius: 0%;
432
- }
433
-
434
- .WJOmgG_spectrum-ColorSlider-slider {
435
- }
436
-
437
- .WJOmgG_spectrum-ColorSlider-labelContainer {
438
- grid-template-columns: auto 1fr auto;
439
- grid-template-areas: "WJOmgG_label WJOmgG_contextualHelp WJOmgG_value";
440
- justify-items: start;
441
- display: grid;
442
- }
443
-
444
- .WJOmgG_spectrum-ColorSlider-contextualHelp.WJOmgG_spectrum-ColorSlider-contextualHelp {
445
- margin-inline-start: var(--spectrum-global-dimension-size-50);
446
- margin-top: var(--spectrum-global-dimension-size-25);
447
- grid-area: WJOmgG_contextualHelp;
448
- }
449
-
450
- .WJOmgG_spectrum-ColorSlider-valueLabel {
451
- grid-area: WJOmgG_value;
452
- margin-inline-start: var(--spectrum-global-dimension-size-50);
453
- }
454
-
455
- .WJOmgG_spectrum-ColorSlider {
456
- background-color: var(--spectrum-global-color-static-white, #fff);
457
- box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color);
458
- }
459
-
460
- .WJOmgG_spectrum-ColorSlider:before {
461
- background-image: linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%), linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%), linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%);
462
- }
463
-
464
- .WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled {
465
- box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorslider-border-color-disabled, var(--spectrum-global-color-gray-300));
466
- background: var(--spectrum-colorslider-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
467
- }
468
-
469
- @media (forced-colors: active) {
470
- .WJOmgG_spectrum-ColorSlider {
471
- forced-color-adjust: none;
472
- --spectrum-colorslider-fill-color-disabled: GrayText;
473
- --spectrum-colorslider-border-color-disabled: GrayText;
474
- --spectrum-colorslider-border-color: ButtonText;
475
- --spectrum-colorarea-border-color: ButtonText;
476
- }
477
- }
478
-
479
- .UccskW_react-spectrum-ColorField-input:not(:placeholder-shown) {
480
- unicode-bidi: plaintext;
481
- }
482
-
483
- .UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
484
- text-align: end;
485
- }
486
-
487
- .UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
488
- text-align: end;
489
- }
490
-
491
- /*# sourceMappingURL=main.css.map */
1
+ .hoc2UW_spectrum-ColorHandle{z-index:1;box-sizing:border-box;width:var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200));height:var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200));margin-left:calc(-1*calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))/2));margin-top:calc(-1*calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))/2));border-width:var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25));background-size:var(--spectrum-global-dimension-static-size-200,16px)var(--spectrum-global-dimension-static-size-200,16px);background-position:calc(-1*var(--spectrum-global-dimension-static-size-25,2px))calc(-1*var(--spectrum-global-dimension-static-size-25,2px)),calc(-1*var(--spectrum-global-dimension-static-size-25,2px))calc(var(--spectrum-global-dimension-static-size-100,8px) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px))),calc(var(--spectrum-global-dimension-static-size-100,8px) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px)))calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px))),calc(-1*var(--spectrum-global-dimension-static-size-100,8px) + calc(-1*var(--spectrum-global-dimension-static-size-25,2px)))calc(-1*var(--spectrum-global-dimension-static-size-25,2px));transition:width var(--spectrum-global-animation-duration-100,.13s)ease-in-out,height var(--spectrum-global-animation-duration-100,.13s)ease-in-out,border-width var(--spectrum-global-animation-duration-100,.13s)ease-in-out,margin-left var(--spectrum-global-animation-duration-100,.13s)ease-in-out,margin-top var(--spectrum-global-animation-duration-100,.13s)ease-in-out;border-style:solid;border-radius:100%;display:block;position:absolute}.hoc2UW_spectrum-ColorHandle:after{content:"";left:calc(50% - calc(var(--spectrum-global-dimension-size-300)/2));top:calc(50% - calc(var(--spectrum-global-dimension-size-300)/2));width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);border-radius:100%;display:block;position:absolute}.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled{pointer-events:none}.hoc2UW_spectrum-ColorControl-handle--focused{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.hoc2UW_spectrum-ColorHandle-color{border-radius:100%;width:100%;height:100%}.hoc2UW_spectrum-ColorHandle{border-color:var(--spectrum-colorhandle-inner-border-color,var(--spectrum-global-color-static-white));box-shadow:0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b;background-color:var(--spectrum-global-color-static-white,#fff);background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%)}.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled{border-color:var(--spectrum-colorhandle-inner-border-color-disabled,var(--spectrum-global-color-gray-400));background:var(--spectrum-colorhandle-fill-color-disabled,var(--spectrum-global-color-gray-300));box-shadow:none}.hoc2UW_spectrum-ColorHandle.hoc2UW_is-disabled .hoc2UW_spectrum-ColorHandle-color{display:none}.hoc2UW_spectrum-ColorHandle-color{box-shadow:inset 0 0 0 var(--spectrum-colorhandle-outer-border-size,var(--spectrum-global-dimension-static-size-10))#0000006b}@media (forced-colors:active){.hoc2UW_spectrum-ColorHandle{forced-color-adjust:none;--spectrum-colorhandle-inner-border-color-disabled:GrayText;--spectrum-colorhandle-fill-color-disabled:GrayText;--spectrum-colorhandle-inner-border-color:ButtonText;--spectrum-colorhandle-outer-border-color:ButtonFace}}.HpWpfq_spectrum-ColorLoupe{width:calc(var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);height:calc(var(--spectrum-colorloupe-height,var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2);transform:translate(0,var(--spectrum-global-dimension-static-size-100,8px));opacity:0;transform-origin:bottom;bottom:calc(50% + var(--spectrum-global-dimension-static-size-200,16px));left:calc(50% - calc(calc(var(--spectrum-colorloupe-width,var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25))*2)/2));pointer-events:none;transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute}.HpWpfq_spectrum-ColorLoupe.HpWpfq_is-open{opacity:1;z-index:2;transform:translate(0)}.HpWpfq_spectrum-ColorLoupe-outer{stroke-width:var(--spectrum-colorloupe-outer-border-size,var(--spectrum-global-dimension-static-size-10));fill:var(--spectrum-colorloupe-inner-border-color,var(--spectrum-global-color-static-white));stroke:var(--spectrum-colorloupe-outer-border-color,#3232321a)}.HpWpfq_spectrum-ColorLoupe-inner-background{fill:var(--spectrum-global-color-static-white,#fff)}.HpWpfq_spectrum-ColorLoupe-inner-checker{fill:var(--spectrum-global-color-static-gray-500,#bcbcbc)}@media (forced-colors:active){.HpWpfq_spectrum-ColorLoupe{forced-color-adjust:none;--spectrum-colorloupe-inner-border-color:ButtonText;--spectrum-colorloupe-outer-border-color:ButtonFace}}.lm1DSq_spectrum-ColorArea{inline-size:var(--spectrum-colorarea-default-width,var(--spectrum-global-dimension-size-2400));block-size:var(--spectrum-colorarea-default-height,var(--spectrum-global-dimension-size-2400));min-inline-size:var(--spectrum-colorarea-min-width,var(--spectrum-global-dimension-size-800));min-block-size:var(--spectrum-colorarea-min-height,var(--spectrum-global-dimension-size-800));border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));cursor:default;-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.lm1DSq_spectrum-ColorArea.lm1DSq_is-focused{z-index:2}.lm1DSq_spectrum-ColorArea.lm1DSq_is-focused .lm1DSq_spectrum-ColorArea-handle{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring{z-index:2}.lm1DSq_spectrum-ColorArea.lm1DSq_focus-ring .lm1DSq_spectrum-ColorArea-handle{width:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);height:calc(var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200))*2);margin-left:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)));margin-top:calc(-1*var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200)))}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled{pointer-events:none}.lm1DSq_spectrum-ColorArea:before{content:"";z-index:1;border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));position:absolute;top:0;bottom:0;left:0;right:0}.lm1DSq_spectrum-ColorArea-handle{top:0;left:0}.lm1DSq_spectrum-ColorArea-handle:focus-within{z-index:2}.lm1DSq_spectrum-ColorArea-gradient{border-radius:var(--spectrum-colorarea-border-radius,var(--spectrum-alias-border-radius-regular));width:100%;height:100%}.lm1DSq_spectrum-ColorArea-slider{opacity:.0001;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.lm1DSq_spectrum-ColorArea:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.lm1DSq_spectrum-ColorArea-gradient,.lm1DSq_spectrum-ColorHandle-color{forced-color-adjust:none}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled{background:var(--spectrum-colorarea-fill-color-disabled,var(--spectrum-global-color-gray-300))}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled:before{box-shadow:inset 0 0 0 var(--spectrum-colorarea-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color-disabled,var(--spectrum-global-color-gray-300))}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled .lm1DSq_spectrum-ColorArea-gradient{display:none}@media (forced-colors:active){.lm1DSq_spectrum-ColorArea{--spectrum-colorarea-fill-color-disabled:GrayText;forced-color-adjust:none}.lm1DSq_spectrum-ColorArea.lm1DSq_is-disabled{forced-color-adjust:none}}.qPIMxa_spectrum-ColorControl-hiddenField{opacity:.0001;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel{width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);--spectrum-colorwheel-track-thickness:var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300));-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;border-radius:100%;display:block;position:relative}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel .qPIMxa_spectrum-ColorWheel-handle{margin:0}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-focused{z-index:2}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled{pointer-events:none}.qPIMxa_spectrum-ColorWheel.qPIMxa_spectrum-ColorWheel.qPIMxa_is-dragged{z-index:2}.qPIMxa_spectrum-ColorWheel-gradient{z-index:0;width:calc(var(--spectrum-global-dimension-size-125)*16);height:calc(var(--spectrum-global-dimension-size-125)*16);position:relative}.qPIMxa_spectrum-ColorWheel-gradient:before,.qPIMxa_spectrum-ColorWheel-gradient:after{content:"";border-width:var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin));border-style:solid;border-radius:100%;position:absolute}.qPIMxa_spectrum-ColorWheel-gradient:before{top:0;bottom:0;left:0;right:0}.qPIMxa_spectrum-ColorWheel-gradient:after{top:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));left:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));bottom:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)));right:calc(var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin)))}.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient{background:var(--spectrum-colorwheel-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:before,.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-gradient:after{border-color:var(--spectrum-colorwheel-border-color-disabled,var(--spectrum-global-color-gray-300))}.qPIMxa_spectrum-ColorWheel.qPIMxa_is-disabled .qPIMxa_spectrum-ColorWheel-segment{display:none}.qPIMxa_spectrum-ColorWheel-gradient:before,.qPIMxa_spectrum-ColorWheel-gradient:after{border-color:var(--spectrum-colorarea-border-color)}@media (forced-colors:active){.qPIMxa_spectrum-ColorWheel{forced-color-adjust:none;--spectrum-colorwheel-fill-color-disabled:GrayText;--spectrum-colorwheel-border-color-disabled:GrayText;--spectrum-colorwheel-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}.WJOmgG_spectrum-ColorControl-hiddenField{opacity:.0001;z-index:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.WJOmgG_spectrum-ColorSlider-container--horizontal{width:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400))}.WJOmgG_spectrum-ColorSlider-container--vertical{height:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400));flex-direction:column;display:flex}.WJOmgG_spectrum-ColorSlider{height:var(--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300));border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;width:100%;display:block;position:relative}.WJOmgG_spectrum-ColorSlider .WJOmgG_spectrum-ColorSlider-handle.WJOmgG_spectrum-ColorSlider-handle{margin:0}.WJOmgG_spectrum-ColorSlider:before{content:"";z-index:-1;border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular));background-size:var(--spectrum-global-dimension-static-size-200,16px)var(--spectrum-global-dimension-static-size-200,16px);background-position:0 0,0 var(--spectrum-global-dimension-static-size-100,8px),var(--spectrum-global-dimension-static-size-100,8px)calc(-1*var(--spectrum-global-dimension-static-size-100,8px)),calc(-1*var(--spectrum-global-dimension-static-size-100,8px))0;position:absolute;top:0;bottom:0;left:0;right:0}.WJOmgG_spectrum-ColorSlider.WJOmgG_is-focused{z-index:2}.WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled{pointer-events:none}.WJOmgG_spectrum-ColorSlider--vertical{width:var(--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300));flex:1;display:inline-block}.WJOmgG_spectrum-ColorSlider--vertical .WJOmgG_spectrum-ColorSlider-handle{top:0;left:50%}.WJOmgG_spectrum-ColorSlider-handle{top:50%;left:0}.WJOmgG_spectrum-ColorSlider-handle:after{width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);border-radius:0%}.WJOmgG_spectrum-ColorSlider-labelContainer{grid-template-columns:auto 1fr auto;grid-template-areas:"WJOmgG_label WJOmgG_contextualHelp WJOmgG_value";justify-items:start;display:grid}.WJOmgG_spectrum-ColorSlider-contextualHelp.WJOmgG_spectrum-ColorSlider-contextualHelp{margin-inline-start:var(--spectrum-global-dimension-size-50);margin-top:var(--spectrum-global-dimension-size-25);grid-area:WJOmgG_contextualHelp}.WJOmgG_spectrum-ColorSlider-valueLabel{grid-area:WJOmgG_value;margin-inline-start:var(--spectrum-global-dimension-size-50)}.WJOmgG_spectrum-ColorSlider{background-color:var(--spectrum-global-color-static-white,#fff);box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorarea-border-color)}.WJOmgG_spectrum-ColorSlider:before{background-image:linear-gradient(-45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(45deg,transparent 75.5%,var(--spectrum-global-color-static-gray-500,#bcbcbc)75.5%),linear-gradient(-45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%),linear-gradient(45deg,var(--spectrum-global-color-static-gray-500,#bcbcbc)25.5%,transparent 25.5%)}.WJOmgG_spectrum-ColorSlider.WJOmgG_is-disabled{box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size,var(--spectrum-alias-border-size-thin))var(--spectrum-colorslider-border-color-disabled,var(--spectrum-global-color-gray-300));background:var(--spectrum-colorslider-fill-color-disabled,var(--spectrum-global-color-gray-300))!important}@media (forced-colors:active){.WJOmgG_spectrum-ColorSlider{forced-color-adjust:none;--spectrum-colorslider-fill-color-disabled:GrayText;--spectrum-colorslider-border-color-disabled:GrayText;--spectrum-colorslider-border-color:ButtonText;--spectrum-colorarea-border-color:ButtonText}}.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown){unicode-bidi:plaintext}.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:end}.UccskW_react-spectrum-ColorField-input:not(:placeholder-shown):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:end}
package/dist/main.js CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  require("./main.css");
4
2
  var $aAzec$reactspectrumutils = require("@react-spectrum/utils");
5
3
  var $aAzec$reactariautils = require("@react-aria/utils");
package/dist/module.js CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {dimensionValue as $kF0Zw$dimensionValue, useStyleProps as $kF0Zw$useStyleProps, useFocusableRef as $kF0Zw$useFocusableRef, classNames as $kF0Zw$classNames, SlotProvider as $kF0Zw$SlotProvider} from "@react-spectrum/utils";
5
3
  import {mergeProps as $kF0Zw$mergeProps, useId as $kF0Zw$useId, useResizeObserver as $kF0Zw$useResizeObserver} from "@react-aria/utils";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/color",
3
- "version": "3.0.0-nightly.4440+cdb2fe212",
3
+ "version": "3.0.0-nightly.4451+c11afb257",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,23 +36,23 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/color": "3.0.0-nightly.4440+cdb2fe212",
40
- "@react-aria/focus": "3.0.0-nightly.2728+cdb2fe212",
41
- "@react-aria/i18n": "3.0.0-nightly.2728+cdb2fe212",
42
- "@react-aria/interactions": "3.0.0-nightly.2728+cdb2fe212",
43
- "@react-aria/utils": "3.0.0-nightly.2728+cdb2fe212",
44
- "@react-spectrum/form": "3.0.0-nightly.2728+cdb2fe212",
45
- "@react-spectrum/label": "3.16.3-nightly.4440+cdb2fe212",
46
- "@react-spectrum/textfield": "3.0.0-nightly.2728+cdb2fe212",
47
- "@react-spectrum/utils": "3.0.0-nightly.2728+cdb2fe212",
48
- "@react-stately/color": "3.5.2-nightly.4440+cdb2fe212",
49
- "@react-types/color": "3.0.0-nightly.4440+cdb2fe212",
50
- "@react-types/shared": "3.0.0-nightly.2728+cdb2fe212",
51
- "@react-types/textfield": "3.0.0-nightly.2728+cdb2fe212",
39
+ "@react-aria/color": "3.0.0-nightly.4451+c11afb257",
40
+ "@react-aria/focus": "3.0.0-nightly.2739+c11afb257",
41
+ "@react-aria/i18n": "3.0.0-nightly.2739+c11afb257",
42
+ "@react-aria/interactions": "3.0.0-nightly.2739+c11afb257",
43
+ "@react-aria/utils": "3.0.0-nightly.2739+c11afb257",
44
+ "@react-spectrum/form": "3.0.0-nightly.2739+c11afb257",
45
+ "@react-spectrum/label": "3.16.3-nightly.4451+c11afb257",
46
+ "@react-spectrum/textfield": "3.0.0-nightly.2739+c11afb257",
47
+ "@react-spectrum/utils": "3.0.0-nightly.2739+c11afb257",
48
+ "@react-stately/color": "3.5.2-nightly.4451+c11afb257",
49
+ "@react-types/color": "3.0.0-nightly.4451+c11afb257",
50
+ "@react-types/shared": "3.0.0-nightly.2739+c11afb257",
51
+ "@react-types/textfield": "3.0.0-nightly.2739+c11afb257",
52
52
  "@swc/helpers": "^0.5.0"
53
53
  },
54
54
  "devDependencies": {
55
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2728+cdb2fe212"
55
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2739+c11afb257"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "@react-spectrum/provider": "^3.0.0",
@@ -62,5 +62,5 @@
62
62
  "publishConfig": {
63
63
  "access": "public"
64
64
  },
65
- "gitHead": "cdb2fe21213d9e8b03d782d82bda07742ab3afbd"
65
+ "gitHead": "c11afb257a8bc409ed23272a167372005adf4bcc"
66
66
  }
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":"AAYA;;;;;;;;;;;;;;;;AA8BE;;;;AAAA;;;;AAKA;;;;;;;;;;AAUA;;;;AAKF;;;;;;;AASA;;;AAKA;;;;;;AAMA;;;;;;;AAaE;;;;;;AAKE;;;;AAMJ;;;;AAIA;EACE;;;;;;;;;ACnGF;;;;;;;;;;;;;AAuBE;;;;;;AAOF;;;;;;AASA;;;;AAIA;;;;AAIA;EACE;;;;;;;AChDF;;;;;;;;;;;;;AAcE;;;;AAIE;;;;;;;AAJF;;;;AAIE;;;;;;;AAUF;;;;AAKA;;;;;;;;;;;AAYF;;;;;AAIE;;;;AAKF;;;;;;AAMA;;;;;;;;;;;;AAaI;;;;AAKJ;;;;AASI;;;;AAGE;;;;AAIA;;;;AAMN;EACI;;;;EAGA;;;;EAEE;;;;;ACxGN;;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAcE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMF;;;;;;;AAME;;;;;;;;AAAA;;;;;;;;AASA;;;;;;;AAOA;;;;;;;AAQF;;;AAMI;;;;AAGE;;;;AAAA;;;;AAOF;;;;AAOF;;;;AAAA;;;;AAMF;EACE;;;;;;;;;AC1GF;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;;AAaE;;;;AAKA;;;;;;;;;;;;;AAiBA;;;;AAIA;;;;AAKF;;;;;;AAME;;;;;AAMF;;;;;AAIE;;;;;;AAWF;;;AAIA;;;;;;;AAOA;;;;;;AAMA;;;;;AAKA;;;;;AAIE;;;;AASA;;;;;AAMF;EACE;;;;;;;;;ACvIF;;;;AAEE;;;;AAAA","sources":["packages/@adobe/spectrum-css-temp/components/colorhandle/vars.css","packages/@adobe/spectrum-css-temp/components/colorloupe/vars.css","packages/@adobe/spectrum-css-temp/components/colorarea/vars.css","packages/@adobe/spectrum-css-temp/components/colorwheel/vars.css","packages/@adobe/spectrum-css-temp/components/colorslider/vars.css","packages/@react-spectrum/color/src/colorfield.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@import './index.css';\n@import './skin.css';\n","/*\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@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2021 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@import './index.css';\n@import './skin.css';\n","/*\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@import './index.css';\n@import './skin.css';\n","/*\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@import './index.css';\n@import './skin.css';\n","/*\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.react-spectrum-ColorField-input:not(:placeholder-shown) {\n unicode-bidi: plaintext;\n &:dir(rtl) {\n text-align: end;\n }\n}\n"],"names":[],"version":3,"file":"main.css.map"}