@react-spectrum/s2 3.0.0-nightly-fd7075c5f-250128 → 3.0.0-nightly-e3ed3c7f6-250130
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/Accordion.cjs +3 -3
- package/dist/Accordion.css +2 -2
- package/dist/Accordion.mjs +3 -3
- package/dist/ActionBar.cjs +47 -47
- package/dist/ActionBar.css +51 -51
- package/dist/ActionBar.mjs +47 -47
- package/dist/ActionButton.cjs +97 -97
- package/dist/ActionButton.css +96 -96
- package/dist/ActionButton.mjs +97 -97
- package/dist/ActionButtonGroup.cjs +11 -11
- package/dist/ActionButtonGroup.css +9 -9
- package/dist/ActionButtonGroup.mjs +11 -11
- package/dist/AlertDialog.cjs +3 -3
- package/dist/AlertDialog.css +3 -3
- package/dist/AlertDialog.mjs +3 -3
- package/dist/Avatar.cjs +17 -17
- package/dist/Avatar.css +14 -14
- package/dist/Avatar.mjs +17 -17
- package/dist/AvatarGroup.cjs +100 -100
- package/dist/AvatarGroup.css +34 -34
- package/dist/AvatarGroup.mjs +100 -100
- package/dist/Badge.cjs +91 -67
- package/dist/Badge.cjs.map +1 -1
- package/dist/Badge.css +163 -91
- package/dist/Badge.css.map +1 -1
- package/dist/Badge.mjs +91 -67
- package/dist/Badge.mjs.map +1 -1
- package/dist/Breadcrumbs.cjs +115 -115
- package/dist/Breadcrumbs.css +89 -89
- package/dist/Breadcrumbs.mjs +115 -115
- package/dist/Button.cjs +236 -152
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +309 -165
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +236 -152
- package/dist/Button.mjs.map +1 -1
- package/dist/ButtonGroup.cjs +19 -19
- package/dist/ButtonGroup.css +15 -15
- package/dist/ButtonGroup.mjs +19 -19
- package/dist/Card.cjs +264 -261
- package/dist/Card.cjs.map +1 -1
- package/dist/Card.css +210 -198
- package/dist/Card.css.map +1 -1
- package/dist/Card.mjs +264 -261
- package/dist/Card.mjs.map +1 -1
- package/dist/CardView.cjs +15 -15
- package/dist/CardView.css +18 -18
- package/dist/CardView.mjs +15 -15
- package/dist/CenterBaseline.cjs +1 -1
- package/dist/CenterBaseline.css +2 -2
- package/dist/CenterBaseline.mjs +1 -1
- package/dist/Checkbox.cjs +124 -73
- package/dist/Checkbox.cjs.map +1 -1
- package/dist/Checkbox.css +201 -81
- package/dist/Checkbox.css.map +1 -1
- package/dist/Checkbox.mjs +124 -73
- package/dist/Checkbox.mjs.map +1 -1
- package/dist/CheckboxGroup.cjs +49 -49
- package/dist/CheckboxGroup.css +41 -41
- package/dist/CheckboxGroup.mjs +49 -49
- package/dist/ClearButton.cjs +15 -15
- package/dist/ClearButton.css +17 -17
- package/dist/ClearButton.mjs +15 -15
- package/dist/CloseButton.cjs +35 -35
- package/dist/CloseButton.css +33 -33
- package/dist/CloseButton.mjs +35 -35
- package/dist/ColorArea.cjs +22 -22
- package/dist/ColorArea.css +15 -15
- package/dist/ColorArea.mjs +22 -22
- package/dist/ColorField.cjs +38 -38
- package/dist/ColorField.css +32 -32
- package/dist/ColorField.mjs +38 -38
- package/dist/ColorHandle.cjs +27 -21
- package/dist/ColorHandle.cjs.map +1 -1
- package/dist/ColorHandle.css +93 -45
- package/dist/ColorHandle.css.map +1 -1
- package/dist/ColorHandle.mjs +27 -21
- package/dist/ColorHandle.mjs.map +1 -1
- package/dist/ColorSlider.cjs +52 -52
- package/dist/ColorSlider.css +51 -51
- package/dist/ColorSlider.mjs +52 -52
- package/dist/ColorSwatch.cjs +27 -24
- package/dist/ColorSwatch.cjs.map +1 -1
- package/dist/ColorSwatch.css +41 -29
- package/dist/ColorSwatch.css.map +1 -1
- package/dist/ColorSwatch.mjs +27 -24
- package/dist/ColorSwatch.mjs.map +1 -1
- package/dist/ColorSwatchPicker.cjs +23 -23
- package/dist/ColorSwatchPicker.css +60 -48
- package/dist/ColorSwatchPicker.css.map +1 -1
- package/dist/ColorSwatchPicker.mjs +23 -23
- package/dist/ColorWheel.cjs +22 -22
- package/dist/ColorWheel.css +16 -16
- package/dist/ColorWheel.mjs +22 -22
- package/dist/ComboBox.cjs +80 -80
- package/dist/ComboBox.css +88 -88
- package/dist/ComboBox.mjs +80 -80
- package/dist/ContextualHelp.cjs +5 -5
- package/dist/ContextualHelp.css +38 -38
- package/dist/ContextualHelp.mjs +5 -5
- package/dist/CustomDialog.cjs +31 -31
- package/dist/CustomDialog.css +25 -25
- package/dist/CustomDialog.mjs +31 -31
- package/dist/Dialog.cjs +17 -17
- package/dist/Dialog.css +64 -64
- package/dist/Dialog.mjs +17 -17
- package/dist/Disclosure.cjs +111 -108
- package/dist/Disclosure.cjs.map +1 -1
- package/dist/Disclosure.css +124 -112
- package/dist/Disclosure.css.map +1 -1
- package/dist/Disclosure.mjs +111 -108
- package/dist/Disclosure.mjs.map +1 -1
- package/dist/Divider.cjs +26 -26
- package/dist/Divider.css +16 -16
- package/dist/Divider.mjs +26 -26
- package/dist/DropZone.cjs +56 -47
- package/dist/DropZone.cjs.map +1 -1
- package/dist/DropZone.css +80 -56
- package/dist/DropZone.css.map +1 -1
- package/dist/DropZone.mjs +56 -47
- package/dist/DropZone.mjs.map +1 -1
- package/dist/Field.cjs +204 -150
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css +246 -150
- package/dist/Field.css.map +1 -1
- package/dist/Field.mjs +204 -150
- package/dist/Field.mjs.map +1 -1
- package/dist/Form.cjs +10 -10
- package/dist/Form.css +9 -9
- package/dist/Form.mjs +10 -10
- package/dist/FullscreenDialog.cjs +5 -5
- package/dist/FullscreenDialog.css +72 -72
- package/dist/FullscreenDialog.mjs +5 -5
- package/dist/IllustratedMessage.cjs +134 -134
- package/dist/IllustratedMessage.css +69 -69
- package/dist/IllustratedMessage.mjs +134 -134
- package/dist/Image.cjs +12 -12
- package/dist/Image.css +13 -13
- package/dist/Image.mjs +12 -12
- package/dist/InlineAlert.cjs +104 -77
- package/dist/InlineAlert.cjs.map +1 -1
- package/dist/InlineAlert.css +149 -77
- package/dist/InlineAlert.css.map +1 -1
- package/dist/InlineAlert.mjs +104 -77
- package/dist/InlineAlert.mjs.map +1 -1
- package/dist/Link.cjs +31 -31
- package/dist/Link.css +30 -30
- package/dist/Link.mjs +31 -31
- package/dist/Menu.cjs +269 -264
- package/dist/Menu.cjs.map +1 -1
- package/dist/Menu.css +152 -152
- package/dist/Menu.css.map +1 -1
- package/dist/Menu.mjs +270 -265
- package/dist/Menu.mjs.map +1 -1
- package/dist/Meter.cjs +85 -85
- package/dist/Meter.css +81 -81
- package/dist/Meter.mjs +85 -85
- package/dist/Modal.cjs +48 -48
- package/dist/Modal.css +46 -46
- package/dist/Modal.mjs +48 -48
- package/dist/NumberField.cjs +115 -115
- package/dist/NumberField.css +114 -114
- package/dist/NumberField.mjs +115 -115
- package/dist/Picker.cjs +193 -175
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css +223 -163
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs +193 -175
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs +84 -78
- package/dist/Popover.cjs.map +1 -1
- package/dist/Popover.css +89 -65
- package/dist/Popover.css.map +1 -1
- package/dist/Popover.mjs +84 -78
- package/dist/Popover.mjs.map +1 -1
- package/dist/ProgressBar.cjs +98 -98
- package/dist/ProgressBar.css +92 -92
- package/dist/ProgressBar.mjs +98 -98
- package/dist/ProgressCircle.cjs +17 -17
- package/dist/ProgressCircle.css +15 -15
- package/dist/ProgressCircle.mjs +17 -17
- package/dist/Provider.cjs +4 -4
- package/dist/Provider.css +5 -5
- package/dist/Provider.mjs +4 -4
- package/dist/Radio.cjs +152 -80
- package/dist/Radio.cjs.map +1 -1
- package/dist/Radio.css +240 -96
- package/dist/Radio.css.map +1 -1
- package/dist/Radio.mjs +152 -80
- package/dist/Radio.mjs.map +1 -1
- package/dist/RadioGroup.cjs +47 -47
- package/dist/RadioGroup.css +41 -41
- package/dist/RadioGroup.mjs +47 -47
- package/dist/SearchField.cjs +42 -42
- package/dist/SearchField.css +47 -47
- package/dist/SearchField.mjs +42 -42
- package/dist/SegmentedControl.cjs +101 -89
- package/dist/SegmentedControl.cjs.map +1 -1
- package/dist/SegmentedControl.css +140 -92
- package/dist/SegmentedControl.css.map +1 -1
- package/dist/SegmentedControl.mjs +101 -89
- package/dist/SegmentedControl.mjs.map +1 -1
- package/dist/Slider.cjs +229 -196
- package/dist/Slider.cjs.map +1 -1
- package/dist/Slider.css +221 -149
- package/dist/Slider.css.map +1 -1
- package/dist/Slider.mjs +229 -196
- package/dist/Slider.mjs.map +1 -1
- package/dist/StatusLight.cjs +56 -56
- package/dist/StatusLight.css +59 -59
- package/dist/StatusLight.mjs +56 -56
- package/dist/Switch.cjs +107 -74
- package/dist/Switch.cjs.map +1 -1
- package/dist/Switch.css +141 -69
- package/dist/Switch.css.map +1 -1
- package/dist/Switch.mjs +107 -74
- package/dist/Switch.mjs.map +1 -1
- package/dist/TableView.cjs +280 -253
- package/dist/TableView.cjs.map +1 -1
- package/dist/TableView.css +199 -163
- package/dist/TableView.css.map +1 -1
- package/dist/TableView.mjs +280 -253
- package/dist/TableView.mjs.map +1 -1
- package/dist/Tabs.cjs +83 -83
- package/dist/Tabs.css +58 -58
- package/dist/Tabs.mjs +83 -83
- package/dist/TagGroup.cjs +148 -148
- package/dist/TagGroup.css +134 -134
- package/dist/TagGroup.mjs +148 -148
- package/dist/TextField.cjs +59 -59
- package/dist/TextField.css +62 -62
- package/dist/TextField.mjs +59 -59
- package/dist/ToggleButton.cjs +3 -3
- package/dist/ToggleButton.css +12 -12
- package/dist/ToggleButton.mjs +3 -3
- package/dist/Tooltip.cjs +60 -57
- package/dist/Tooltip.cjs.map +1 -1
- package/dist/Tooltip.css +83 -71
- package/dist/Tooltip.css.map +1 -1
- package/dist/Tooltip.mjs +60 -57
- package/dist/Tooltip.mjs.map +1 -1
- package/dist/TreeView.cjs +465 -0
- package/dist/TreeView.cjs.map +1 -0
- package/dist/TreeView.css +632 -0
- package/dist/TreeView.css.map +1 -0
- package/dist/TreeView.mjs +455 -0
- package/dist/TreeView.mjs.map +1 -0
- package/dist/main.cjs +4 -0
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +3 -1
- package/dist/module.mjs.map +1 -1
- package/dist/types.d.ts +21 -1
- package/dist/types.d.ts.map +1 -1
- package/icons/Skeleton.cjs +2 -2
- package/icons/Skeleton.css +5 -5
- package/icons/Skeleton.mjs +2 -2
- package/package.json +20 -19
- package/src/Menu.tsx +2 -0
- package/src/TreeView.tsx +497 -0
- package/src/index.ts +2 -0
- package/style/__tests__/style-macro.test.js +18 -18
- package/style/dist/spectrum-theme.cjs +20 -10
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +20 -10
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/types.d.ts +4 -0
- package/style/dist/types.d.ts.map +1 -1
- package/style/spectrum-theme.ts +18 -11
package/dist/ColorArea.cjs
CHANGED
|
@@ -46,35 +46,35 @@ const $4c6639e34959fe36$export$b2103f68a961418e = /*#__PURE__*/ (0, $lfrPf$react
|
|
|
46
46
|
}),
|
|
47
47
|
className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
|
|
48
48
|
let rules = " .";
|
|
49
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:
|
|
49
|
+
let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
|
|
50
50
|
rules += matches.join('');
|
|
51
|
-
let $
|
|
52
|
-
let $l = false;
|
|
51
|
+
let $Y = false;
|
|
53
52
|
let $k = false;
|
|
54
|
-
let $
|
|
55
|
-
let $
|
|
53
|
+
let $j = false;
|
|
54
|
+
let $p = false;
|
|
55
|
+
let $n = false;
|
|
56
56
|
for (let p of matches){
|
|
57
|
-
if (/^\s*
|
|
58
|
-
if (/^\s*l/.test(p)) $l = true;
|
|
57
|
+
if (/^\s*Y/.test(p)) $Y = true;
|
|
59
58
|
if (/^\s*k/.test(p)) $k = true;
|
|
60
|
-
if (/^\s*
|
|
61
|
-
if (/^\s*
|
|
59
|
+
if (/^\s*j/.test(p)) $j = true;
|
|
60
|
+
if (/^\s*p/.test(p)) $p = true;
|
|
61
|
+
if (/^\s*n/.test(p)) $n = true;
|
|
62
62
|
}
|
|
63
|
-
if (!$
|
|
64
|
-
if (!$l) rules += ' l___u';
|
|
63
|
+
if (!$Y) rules += ' Yc';
|
|
65
64
|
if (!$k) rules += ' k___u';
|
|
66
|
-
if (!$
|
|
67
|
-
if (!$
|
|
68
|
-
rules += '
|
|
69
|
-
rules += ' _xc';
|
|
70
|
-
rules += ' _yc';
|
|
65
|
+
if (!$j) rules += ' j___u';
|
|
66
|
+
if (!$p) rules += ' p_q';
|
|
67
|
+
if (!$n) rules += ' n_q';
|
|
71
68
|
rules += ' _zc';
|
|
72
|
-
rules += '
|
|
73
|
-
rules += '
|
|
74
|
-
rules += '
|
|
75
|
-
rules += '
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
rules += ' _Ac';
|
|
70
|
+
rules += ' _Bc';
|
|
71
|
+
rules += ' _Cc';
|
|
72
|
+
rules += ' ca_____I';
|
|
73
|
+
rules += ' cp10';
|
|
74
|
+
rules += ' _Rb';
|
|
75
|
+
rules += ' _Q-3hmpv';
|
|
76
|
+
if (props.isDisabled) rules += ' _Pa';
|
|
77
|
+
else rules += ' _Pb';
|
|
78
78
|
if (props.isDisabled) rules += ' bg';
|
|
79
79
|
return rules;
|
|
80
80
|
}(renderProps, styles),
|
package/dist/ColorArea.css
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
1
|
@layer _.a {
|
|
2
|
-
.
|
|
2
|
+
.Yc {
|
|
3
3
|
position: relative;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.k___u {
|
|
7
7
|
width: calc(12rem * var(--s2-scale));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.j___u {
|
|
11
11
|
height: calc(12rem * var(--s2-scale));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.p_q {
|
|
15
15
|
min-width: calc(4rem * var(--s2-scale));
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.n_q {
|
|
19
19
|
min-height: calc(4rem * var(--s2-scale));
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
._zc {
|
|
23
23
|
border-start-start-radius: .5rem;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
._Ac {
|
|
27
27
|
border-start-end-radius: .5rem;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
._Bc {
|
|
31
31
|
border-end-start-radius: .5rem;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
._Cc {
|
|
35
35
|
border-end-end-radius: .5rem;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.cp10 {
|
|
39
39
|
outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
._Rb {
|
|
43
43
|
outline-width: 1px;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
._Q-3hmpv {
|
|
47
47
|
outline-offset: -1px;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.
|
|
50
|
+
._Pb {
|
|
51
51
|
outline-style: solid;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
._Pa {
|
|
55
55
|
outline-style: none;
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
|
|
65
65
|
@layer _.b.a {
|
|
66
66
|
@media (forced-colors: active) {
|
|
67
|
-
.
|
|
67
|
+
.ca_____I {
|
|
68
68
|
outline-color: buttonborder;
|
|
69
69
|
}
|
|
70
70
|
}
|
package/dist/ColorArea.mjs
CHANGED
|
@@ -39,35 +39,35 @@ const $40a2b649525568ab$export$b2103f68a961418e = /*#__PURE__*/ (0, $dNfSU$forwa
|
|
|
39
39
|
}),
|
|
40
40
|
className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
|
|
41
41
|
let rules = " .";
|
|
42
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:
|
|
42
|
+
let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
|
|
43
43
|
rules += matches.join('');
|
|
44
|
-
let $
|
|
45
|
-
let $l = false;
|
|
44
|
+
let $Y = false;
|
|
46
45
|
let $k = false;
|
|
47
|
-
let $
|
|
48
|
-
let $
|
|
46
|
+
let $j = false;
|
|
47
|
+
let $p = false;
|
|
48
|
+
let $n = false;
|
|
49
49
|
for (let p of matches){
|
|
50
|
-
if (/^\s*
|
|
51
|
-
if (/^\s*l/.test(p)) $l = true;
|
|
50
|
+
if (/^\s*Y/.test(p)) $Y = true;
|
|
52
51
|
if (/^\s*k/.test(p)) $k = true;
|
|
53
|
-
if (/^\s*
|
|
54
|
-
if (/^\s*
|
|
52
|
+
if (/^\s*j/.test(p)) $j = true;
|
|
53
|
+
if (/^\s*p/.test(p)) $p = true;
|
|
54
|
+
if (/^\s*n/.test(p)) $n = true;
|
|
55
55
|
}
|
|
56
|
-
if (!$
|
|
57
|
-
if (!$l) rules += ' l___u';
|
|
56
|
+
if (!$Y) rules += ' Yc';
|
|
58
57
|
if (!$k) rules += ' k___u';
|
|
59
|
-
if (!$
|
|
60
|
-
if (!$
|
|
61
|
-
rules += '
|
|
62
|
-
rules += ' _xc';
|
|
63
|
-
rules += ' _yc';
|
|
58
|
+
if (!$j) rules += ' j___u';
|
|
59
|
+
if (!$p) rules += ' p_q';
|
|
60
|
+
if (!$n) rules += ' n_q';
|
|
64
61
|
rules += ' _zc';
|
|
65
|
-
rules += '
|
|
66
|
-
rules += '
|
|
67
|
-
rules += '
|
|
68
|
-
rules += '
|
|
69
|
-
|
|
70
|
-
|
|
62
|
+
rules += ' _Ac';
|
|
63
|
+
rules += ' _Bc';
|
|
64
|
+
rules += ' _Cc';
|
|
65
|
+
rules += ' ca_____I';
|
|
66
|
+
rules += ' cp10';
|
|
67
|
+
rules += ' _Rb';
|
|
68
|
+
rules += ' _Q-3hmpv';
|
|
69
|
+
if (props.isDisabled) rules += ' _Pa';
|
|
70
|
+
else rules += ' _Pb';
|
|
71
71
|
if (props.isDisabled) rules += ' bg';
|
|
72
72
|
return rules;
|
|
73
73
|
}(renderProps, styles),
|
package/dist/ColorField.cjs
CHANGED
|
@@ -55,59 +55,59 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
|
|
|
55
55
|
style: UNSAFE_style,
|
|
56
56
|
className: UNSAFE_className + function anonymous(props, overrides) {
|
|
57
57
|
let rules = " .";
|
|
58
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:
|
|
58
|
+
let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
|
|
59
59
|
rules += matches.join('');
|
|
60
|
-
let $
|
|
61
|
-
let $
|
|
60
|
+
let $__e = false;
|
|
61
|
+
let $__f = false;
|
|
62
62
|
for (let p of matches){
|
|
63
|
-
if (/^\s*
|
|
64
|
-
if (/^\s*
|
|
63
|
+
if (/^\s*__e/.test(p)) $__e = true;
|
|
64
|
+
if (/^\s*__f/.test(p)) $__f = true;
|
|
65
65
|
}
|
|
66
|
-
rules += '
|
|
67
|
-
if (!$
|
|
68
|
-
if (props.isInForm) rules += '
|
|
66
|
+
rules += ' _3f';
|
|
67
|
+
if (!$__e) {
|
|
68
|
+
if (props.isInForm) rules += ' __e-3t1y';
|
|
69
69
|
}
|
|
70
|
-
if (!$
|
|
70
|
+
if (!$__f) {
|
|
71
71
|
if (props.isInForm) {
|
|
72
|
-
if (props.labelPosition === "side") rules += '
|
|
72
|
+
if (props.labelPosition === "side") rules += ' __f-yqnebx';
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
if (props.isInForm) rules += '
|
|
75
|
+
if (props.isInForm) rules += ' __l-1a97rzt';
|
|
76
76
|
else {
|
|
77
|
-
if (props.labelPosition === "side") rules += '
|
|
78
|
-
else if (props.labelPosition === "top") rules += '
|
|
77
|
+
if (props.labelPosition === "side") rules += ' __l-ar5vcf';
|
|
78
|
+
else if (props.labelPosition === "top") rules += ' __l-2wzs0i';
|
|
79
79
|
}
|
|
80
|
-
if (props.labelPosition === "side") rules += '
|
|
81
|
-
else if (props.labelPosition === "top") rules += '
|
|
82
|
-
if (props.labelPosition === "side") rules += '
|
|
83
|
-
else if (props.labelPosition === "top") rules += '
|
|
80
|
+
if (props.labelPosition === "side") rules += ' __m-ar5vcf';
|
|
81
|
+
else if (props.labelPosition === "top") rules += ' __m-1a6w430';
|
|
82
|
+
if (props.labelPosition === "side") rules += ' __n-18h2yqz';
|
|
83
|
+
else if (props.labelPosition === "top") rules += ' __n-1srn173';
|
|
84
84
|
if (props.size === "XL") {
|
|
85
|
-
rules += '
|
|
86
|
-
rules += '
|
|
85
|
+
rules += ' _hbj';
|
|
86
|
+
rules += ' _hi';
|
|
87
87
|
} else if (props.size === "L") {
|
|
88
|
-
rules += '
|
|
89
|
-
rules += '
|
|
88
|
+
rules += ' _hbh';
|
|
89
|
+
rules += ' _hg';
|
|
90
90
|
} else if (props.size === "S") {
|
|
91
|
-
rules += '
|
|
92
|
-
rules += '
|
|
91
|
+
rules += ' _hbd';
|
|
92
|
+
rules += ' _hc';
|
|
93
93
|
} else if (props.size === "XS") {
|
|
94
|
-
rules += '
|
|
95
|
-
rules += '
|
|
94
|
+
rules += ' _hbb';
|
|
95
|
+
rules += ' _ha';
|
|
96
96
|
} else {
|
|
97
|
-
rules += '
|
|
98
|
-
rules += '
|
|
97
|
+
rules += ' _hbf';
|
|
98
|
+
rules += ' _he';
|
|
99
99
|
}
|
|
100
|
-
rules += '
|
|
101
|
-
rules += '
|
|
102
|
-
rules += '
|
|
103
|
-
if (props.size === "XL") rules += ' -
|
|
104
|
-
else if (props.size === "L") rules += ' -
|
|
105
|
-
else if (props.size === "S") rules += ' -
|
|
106
|
-
else if (props.size === "XS") rules += ' -
|
|
107
|
-
else rules += ' -
|
|
108
|
-
rules += ' -
|
|
109
|
-
rules += '
|
|
110
|
-
rules += '
|
|
100
|
+
rules += ' _5d';
|
|
101
|
+
rules += ' _j-1x99dlob';
|
|
102
|
+
rules += ' _ja';
|
|
103
|
+
if (props.size === "XL") rules += ' -aqrvqh_j-j';
|
|
104
|
+
else if (props.size === "L") rules += ' -aqrvqh_j-i';
|
|
105
|
+
else if (props.size === "S") rules += ' -aqrvqh_j-h';
|
|
106
|
+
else if (props.size === "XS") rules += ' -aqrvqh_j-g';
|
|
107
|
+
else rules += ' -aqrvqh_j-f';
|
|
108
|
+
rules += ' -_1inj1bc_h--prjw07';
|
|
109
|
+
rules += ' ie';
|
|
110
|
+
rules += ' __V-yksgrp';
|
|
111
111
|
return rules;
|
|
112
112
|
}({
|
|
113
113
|
size: props.size,
|
package/dist/ColorField.css
CHANGED
|
@@ -1,133 +1,133 @@
|
|
|
1
1
|
@layer _.a {
|
|
2
|
-
.
|
|
2
|
+
._3f {
|
|
3
3
|
display: grid;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.__e-3t1y {
|
|
7
7
|
grid-column-start: 1;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.__f-yqnebx {
|
|
11
11
|
grid-column-end: span 2;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.__l-2wzs0i {
|
|
15
15
|
grid-template-columns: 1fr;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.__l-ar5vcf {
|
|
19
19
|
grid-template-columns: auto 1fr;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.__l-1a97rzt {
|
|
23
23
|
grid-template-columns: subgrid;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.__m-1a6w430 {
|
|
27
27
|
grid-template-rows: auto 1fr auto;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.__m-ar5vcf {
|
|
31
31
|
grid-template-rows: auto 1fr;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.__n-1srn173 {
|
|
35
35
|
grid-template-areas: "label"
|
|
36
36
|
"input"
|
|
37
37
|
"helptext";
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.
|
|
40
|
+
.__n-18h2yqz {
|
|
41
41
|
grid-template-areas: "label input"
|
|
42
42
|
"label helptext";
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.
|
|
45
|
+
._he {
|
|
46
46
|
font-size: .875rem;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
._ha {
|
|
50
50
|
font-size: .6875rem;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
._hc {
|
|
54
54
|
font-size: .75rem;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
._hg {
|
|
58
58
|
font-size: 1rem;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.
|
|
61
|
+
._hi {
|
|
62
62
|
font-size: 1.125rem;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.
|
|
65
|
+
._5d {
|
|
66
66
|
align-items: baseline;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.
|
|
69
|
+
._ja {
|
|
70
70
|
line-height: 1.3;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.-
|
|
73
|
+
.-aqrvqh_j-f {
|
|
74
74
|
--field-height: calc(2rem * var(--s2-scale));
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.-
|
|
77
|
+
.-aqrvqh_j-g {
|
|
78
78
|
--field-height: calc(1.25rem * var(--s2-scale));
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.-
|
|
81
|
+
.-aqrvqh_j-h {
|
|
82
82
|
--field-height: calc(1.5rem * var(--s2-scale));
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.-
|
|
85
|
+
.-aqrvqh_j-i {
|
|
86
86
|
--field-height: calc(2.5rem * var(--s2-scale));
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
.-
|
|
89
|
+
.-aqrvqh_j-j {
|
|
90
90
|
--field-height: calc(3rem * var(--s2-scale));
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.-
|
|
94
|
-
--field-gap: calc((var(--field-height) - var(--
|
|
93
|
+
.-_1inj1bc_h--prjw07 {
|
|
94
|
+
--field-gap: calc((var(--field-height) - var(--t, 0px) - var(--u, 0px) - 1lh) / 2);
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.ie {
|
|
98
98
|
column-gap: .75rem;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.
|
|
101
|
+
.__V-yksgrp {
|
|
102
102
|
-webkit-tap-highlight-color: #0000;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
@layer _.b {
|
|
107
|
-
.
|
|
107
|
+
._j-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
|
|
108
108
|
line-height: 1.5;
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
@layer _.b.b {
|
|
113
113
|
@media not ((hover: hover) and (pointer: fine)) {
|
|
114
|
-
.
|
|
114
|
+
._hbf {
|
|
115
115
|
font-size: 1.0625rem;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
.
|
|
118
|
+
._hbb {
|
|
119
119
|
font-size: .8125rem;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.
|
|
122
|
+
._hbd {
|
|
123
123
|
font-size: .9375rem;
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
.
|
|
126
|
+
._hbh {
|
|
127
127
|
font-size: 1.1875rem;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.
|
|
130
|
+
._hbj {
|
|
131
131
|
font-size: 1.375rem;
|
|
132
132
|
}
|
|
133
133
|
}
|
package/dist/ColorField.mjs
CHANGED
|
@@ -48,59 +48,59 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$forwa
|
|
|
48
48
|
style: UNSAFE_style,
|
|
49
49
|
className: UNSAFE_className + function anonymous(props, overrides) {
|
|
50
50
|
let rules = " .";
|
|
51
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:
|
|
51
|
+
let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
|
|
52
52
|
rules += matches.join('');
|
|
53
|
-
let $
|
|
54
|
-
let $
|
|
53
|
+
let $__e = false;
|
|
54
|
+
let $__f = false;
|
|
55
55
|
for (let p of matches){
|
|
56
|
-
if (/^\s*
|
|
57
|
-
if (/^\s*
|
|
56
|
+
if (/^\s*__e/.test(p)) $__e = true;
|
|
57
|
+
if (/^\s*__f/.test(p)) $__f = true;
|
|
58
58
|
}
|
|
59
|
-
rules += '
|
|
60
|
-
if (!$
|
|
61
|
-
if (props.isInForm) rules += '
|
|
59
|
+
rules += ' _3f';
|
|
60
|
+
if (!$__e) {
|
|
61
|
+
if (props.isInForm) rules += ' __e-3t1y';
|
|
62
62
|
}
|
|
63
|
-
if (!$
|
|
63
|
+
if (!$__f) {
|
|
64
64
|
if (props.isInForm) {
|
|
65
|
-
if (props.labelPosition === "side") rules += '
|
|
65
|
+
if (props.labelPosition === "side") rules += ' __f-yqnebx';
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
if (props.isInForm) rules += '
|
|
68
|
+
if (props.isInForm) rules += ' __l-1a97rzt';
|
|
69
69
|
else {
|
|
70
|
-
if (props.labelPosition === "side") rules += '
|
|
71
|
-
else if (props.labelPosition === "top") rules += '
|
|
70
|
+
if (props.labelPosition === "side") rules += ' __l-ar5vcf';
|
|
71
|
+
else if (props.labelPosition === "top") rules += ' __l-2wzs0i';
|
|
72
72
|
}
|
|
73
|
-
if (props.labelPosition === "side") rules += '
|
|
74
|
-
else if (props.labelPosition === "top") rules += '
|
|
75
|
-
if (props.labelPosition === "side") rules += '
|
|
76
|
-
else if (props.labelPosition === "top") rules += '
|
|
73
|
+
if (props.labelPosition === "side") rules += ' __m-ar5vcf';
|
|
74
|
+
else if (props.labelPosition === "top") rules += ' __m-1a6w430';
|
|
75
|
+
if (props.labelPosition === "side") rules += ' __n-18h2yqz';
|
|
76
|
+
else if (props.labelPosition === "top") rules += ' __n-1srn173';
|
|
77
77
|
if (props.size === "XL") {
|
|
78
|
-
rules += '
|
|
79
|
-
rules += '
|
|
78
|
+
rules += ' _hbj';
|
|
79
|
+
rules += ' _hi';
|
|
80
80
|
} else if (props.size === "L") {
|
|
81
|
-
rules += '
|
|
82
|
-
rules += '
|
|
81
|
+
rules += ' _hbh';
|
|
82
|
+
rules += ' _hg';
|
|
83
83
|
} else if (props.size === "S") {
|
|
84
|
-
rules += '
|
|
85
|
-
rules += '
|
|
84
|
+
rules += ' _hbd';
|
|
85
|
+
rules += ' _hc';
|
|
86
86
|
} else if (props.size === "XS") {
|
|
87
|
-
rules += '
|
|
88
|
-
rules += '
|
|
87
|
+
rules += ' _hbb';
|
|
88
|
+
rules += ' _ha';
|
|
89
89
|
} else {
|
|
90
|
-
rules += '
|
|
91
|
-
rules += '
|
|
90
|
+
rules += ' _hbf';
|
|
91
|
+
rules += ' _he';
|
|
92
92
|
}
|
|
93
|
-
rules += '
|
|
94
|
-
rules += '
|
|
95
|
-
rules += '
|
|
96
|
-
if (props.size === "XL") rules += ' -
|
|
97
|
-
else if (props.size === "L") rules += ' -
|
|
98
|
-
else if (props.size === "S") rules += ' -
|
|
99
|
-
else if (props.size === "XS") rules += ' -
|
|
100
|
-
else rules += ' -
|
|
101
|
-
rules += ' -
|
|
102
|
-
rules += '
|
|
103
|
-
rules += '
|
|
93
|
+
rules += ' _5d';
|
|
94
|
+
rules += ' _j-1x99dlob';
|
|
95
|
+
rules += ' _ja';
|
|
96
|
+
if (props.size === "XL") rules += ' -aqrvqh_j-j';
|
|
97
|
+
else if (props.size === "L") rules += ' -aqrvqh_j-i';
|
|
98
|
+
else if (props.size === "S") rules += ' -aqrvqh_j-h';
|
|
99
|
+
else if (props.size === "XS") rules += ' -aqrvqh_j-g';
|
|
100
|
+
else rules += ' -aqrvqh_j-f';
|
|
101
|
+
rules += ' -_1inj1bc_h--prjw07';
|
|
102
|
+
rules += ' ie';
|
|
103
|
+
rules += ' __V-yksgrp';
|
|
104
104
|
return rules;
|
|
105
105
|
}({
|
|
106
106
|
size: props.size,
|
package/dist/ColorHandle.cjs
CHANGED
|
@@ -35,30 +35,36 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
|
|
|
35
35
|
return /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)((0, $8hzuN$reactariacomponents.ColorThumb), {
|
|
36
36
|
className: function anonymous(props) {
|
|
37
37
|
let rules = " .";
|
|
38
|
-
rules += '
|
|
39
|
-
rules += '
|
|
40
|
-
rules += '
|
|
41
|
-
if (props.isFocusVisible) rules += ' lU';
|
|
42
|
-
else rules += ' lE';
|
|
38
|
+
rules += ' _S-1oihi8a';
|
|
39
|
+
rules += ' _U-375x7f';
|
|
40
|
+
rules += ' _Va';
|
|
43
41
|
if (props.isFocusVisible) rules += ' kU';
|
|
44
42
|
else rules += ' kE';
|
|
43
|
+
if (props.isFocusVisible) rules += ' jU';
|
|
44
|
+
else rules += ' jE';
|
|
45
45
|
if (props.isDisabled) rules += ' bg';
|
|
46
|
-
rules += ' _wf';
|
|
47
|
-
rules += ' _xf';
|
|
48
|
-
rules += ' _yf';
|
|
49
46
|
rules += ' _zf';
|
|
50
|
-
rules += '
|
|
51
|
-
rules += '
|
|
47
|
+
rules += ' _Af';
|
|
48
|
+
rules += ' _Bf';
|
|
49
|
+
rules += ' _Cf';
|
|
50
|
+
rules += ' __ra';
|
|
51
|
+
rules += ' za';
|
|
52
|
+
rules += ' tc';
|
|
52
53
|
rules += ' uc';
|
|
53
|
-
rules += '
|
|
54
|
+
rules += ' rc';
|
|
54
55
|
rules += ' sc';
|
|
55
|
-
rules += '
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
rules += '
|
|
59
|
-
rules += '
|
|
60
|
-
rules += '
|
|
61
|
-
rules += '
|
|
56
|
+
if (props.isDisabled) rules += ' xi';
|
|
57
|
+
else rules += ' xc';
|
|
58
|
+
if (props.isDisabled) rules += ' yi';
|
|
59
|
+
else rules += ' yc';
|
|
60
|
+
if (props.isDisabled) rules += ' vi';
|
|
61
|
+
else rules += ' vc';
|
|
62
|
+
if (props.isDisabled) rules += ' wi';
|
|
63
|
+
else rules += ' wc';
|
|
64
|
+
rules += ' _Pb';
|
|
65
|
+
rules += ' _Rb';
|
|
66
|
+
rules += ' ca_____I';
|
|
67
|
+
rules += ' cb42';
|
|
62
68
|
return rules;
|
|
63
69
|
},
|
|
64
70
|
style: ({ defaultStyle: defaultStyle, isDisabled: isDisabled })=>({
|
|
@@ -70,7 +76,7 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
|
|
|
70
76
|
children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsxs)((0, $8hzuN$reactjsxruntime.Fragment), {
|
|
71
77
|
children: [
|
|
72
78
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("div", {
|
|
73
|
-
className: "
|
|
79
|
+
className: " kb jb _zf _Af _Bf _Cf __ra za tb ub rb sb xb42 xa_____I yb42 ya_____I vb42 va_____I wb42 wa_____I"
|
|
74
80
|
}),
|
|
75
81
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)($5b07976eb9e358fe$var$ColorLoupePortal, {
|
|
76
82
|
isOpen: isDragging,
|
|
@@ -131,7 +137,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
|
|
|
131
137
|
marginLeft: -$5b07976eb9e358fe$var$LOUPE_WIDTH / 2 - $5b07976eb9e358fe$var$LOUPE_BORDER_WIDTH,
|
|
132
138
|
animationName: isExiting ? exitAnimation : enterAnimation
|
|
133
139
|
},
|
|
134
|
-
className: "
|
|
140
|
+
className: " _yb __Fa _X-375x4t _0b _2a __Ja",
|
|
135
141
|
onAnimationEnd: (e)=>{
|
|
136
142
|
if (e.animationName === exitAnimation) onExited();
|
|
137
143
|
},
|
|
@@ -180,7 +186,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
|
|
|
180
186
|
fill: color.toString()
|
|
181
187
|
}),
|
|
182
188
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("path", {
|
|
183
|
-
className: "
|
|
189
|
+
className: " Ab e_____n ea_____K dA",
|
|
184
190
|
d: "M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z"
|
|
185
191
|
})
|
|
186
192
|
]
|