@react-spectrum/s2 3.0.0-nightly-56da82e3e-250212 → 3.0.0-nightly-260eb700f-250213
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 +68 -92
- package/dist/Badge.cjs.map +1 -1
- package/dist/Badge.css +92 -164
- package/dist/Badge.css.map +1 -1
- package/dist/Badge.mjs +68 -92
- 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 +152 -236
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +165 -309
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +152 -236
- 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 +261 -264
- package/dist/Card.cjs.map +1 -1
- package/dist/Card.css +198 -210
- package/dist/Card.css.map +1 -1
- package/dist/Card.mjs +261 -264
- 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 +73 -124
- package/dist/Checkbox.cjs.map +1 -1
- package/dist/Checkbox.css +81 -201
- package/dist/Checkbox.css.map +1 -1
- package/dist/Checkbox.mjs +73 -124
- 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 +21 -27
- package/dist/ColorHandle.cjs.map +1 -1
- package/dist/ColorHandle.css +45 -93
- package/dist/ColorHandle.css.map +1 -1
- package/dist/ColorHandle.mjs +21 -27
- 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 +24 -27
- package/dist/ColorSwatch.cjs.map +1 -1
- package/dist/ColorSwatch.css +29 -41
- package/dist/ColorSwatch.css.map +1 -1
- package/dist/ColorSwatch.mjs +24 -27
- package/dist/ColorSwatch.mjs.map +1 -1
- package/dist/ColorSwatchPicker.cjs +23 -23
- package/dist/ColorSwatchPicker.css +48 -60
- 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 +108 -111
- package/dist/Disclosure.cjs.map +1 -1
- package/dist/Disclosure.css +112 -124
- package/dist/Disclosure.css.map +1 -1
- package/dist/Disclosure.mjs +108 -111
- 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 +47 -56
- package/dist/DropZone.cjs.map +1 -1
- package/dist/DropZone.css +56 -80
- package/dist/DropZone.css.map +1 -1
- package/dist/DropZone.mjs +47 -56
- package/dist/DropZone.mjs.map +1 -1
- package/dist/Field.cjs +150 -204
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css +150 -246
- package/dist/Field.css.map +1 -1
- package/dist/Field.mjs +150 -204
- 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 +77 -104
- package/dist/InlineAlert.cjs.map +1 -1
- package/dist/InlineAlert.css +77 -149
- package/dist/InlineAlert.css.map +1 -1
- package/dist/InlineAlert.mjs +77 -104
- 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 -269
- package/dist/Menu.css +155 -155
- package/dist/Menu.mjs +269 -269
- 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 +177 -195
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css +164 -224
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs +177 -195
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs +79 -85
- package/dist/Popover.cjs.map +1 -1
- package/dist/Popover.css +65 -89
- package/dist/Popover.css.map +1 -1
- package/dist/Popover.mjs +79 -85
- 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 +80 -152
- package/dist/Radio.cjs.map +1 -1
- package/dist/Radio.css +96 -240
- package/dist/Radio.css.map +1 -1
- package/dist/Radio.mjs +80 -152
- 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 +89 -101
- package/dist/SegmentedControl.cjs.map +1 -1
- package/dist/SegmentedControl.css +92 -140
- package/dist/SegmentedControl.css.map +1 -1
- package/dist/SegmentedControl.mjs +89 -101
- package/dist/SegmentedControl.mjs.map +1 -1
- package/dist/Slider.cjs +196 -229
- package/dist/Slider.cjs.map +1 -1
- package/dist/Slider.css +149 -221
- package/dist/Slider.css.map +1 -1
- package/dist/Slider.mjs +196 -229
- 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 +74 -107
- package/dist/Switch.cjs.map +1 -1
- package/dist/Switch.css +69 -141
- package/dist/Switch.css.map +1 -1
- package/dist/Switch.mjs +74 -107
- package/dist/Switch.mjs.map +1 -1
- package/dist/TableView.cjs +253 -280
- package/dist/TableView.cjs.map +1 -1
- package/dist/TableView.css +163 -199
- package/dist/TableView.css.map +1 -1
- package/dist/TableView.mjs +253 -280
- package/dist/TableView.mjs.map +1 -1
- package/dist/Tabs.cjs +108 -108
- package/dist/Tabs.css +81 -81
- package/dist/Tabs.mjs +108 -108
- package/dist/TabsPicker.cjs +105 -105
- package/dist/TabsPicker.css +111 -111
- package/dist/TabsPicker.mjs +105 -105
- 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 +57 -60
- package/dist/Tooltip.cjs.map +1 -1
- package/dist/Tooltip.css +71 -83
- package/dist/Tooltip.css.map +1 -1
- package/dist/Tooltip.mjs +57 -60
- package/dist/Tooltip.mjs.map +1 -1
- package/dist/TreeView.cjs +199 -248
- package/dist/TreeView.cjs.map +1 -1
- package/dist/TreeView.css +131 -175
- package/dist/TreeView.css.map +1 -1
- package/dist/TreeView.mjs +202 -248
- package/dist/TreeView.mjs.map +1 -1
- package/dist/main.cjs +1 -0
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +2 -2
- package/dist/module.mjs.map +1 -1
- package/dist/types.d.ts +4 -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 +21 -21
- package/src/TreeView.tsx +66 -134
- package/src/index.ts +1 -1
- package/style/__tests__/style-macro.test.js +18 -18
- package/style/dist/spectrum-theme.cjs +10 -20
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +10 -20
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/types.d.ts +0 -4
- package/style/dist/types.d.ts.map +1 -1
- package/style/spectrum-theme.ts +11 -19
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)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
|
|
50
50
|
rules += matches.join('');
|
|
51
|
-
let $
|
|
51
|
+
let $V = false;
|
|
52
|
+
let $l = false;
|
|
52
53
|
let $k = false;
|
|
53
|
-
let $
|
|
54
|
-
let $
|
|
55
|
-
let $n = false;
|
|
54
|
+
let $q = false;
|
|
55
|
+
let $o = false;
|
|
56
56
|
for (let p of matches){
|
|
57
|
-
if (/^\s*
|
|
57
|
+
if (/^\s*V/.test(p)) $V = true;
|
|
58
|
+
if (/^\s*l/.test(p)) $l = true;
|
|
58
59
|
if (/^\s*k/.test(p)) $k = true;
|
|
59
|
-
if (/^\s*
|
|
60
|
-
if (/^\s*
|
|
61
|
-
if (/^\s*n/.test(p)) $n = true;
|
|
60
|
+
if (/^\s*q/.test(p)) $q = true;
|
|
61
|
+
if (/^\s*o/.test(p)) $o = true;
|
|
62
62
|
}
|
|
63
|
-
if (!$
|
|
63
|
+
if (!$V) rules += ' Vc';
|
|
64
|
+
if (!$l) rules += ' l___u';
|
|
64
65
|
if (!$k) rules += ' k___u';
|
|
65
|
-
if (!$
|
|
66
|
-
if (!$
|
|
67
|
-
|
|
66
|
+
if (!$q) rules += ' q_q';
|
|
67
|
+
if (!$o) rules += ' o_q';
|
|
68
|
+
rules += ' _wc';
|
|
69
|
+
rules += ' _xc';
|
|
70
|
+
rules += ' _yc';
|
|
68
71
|
rules += ' _zc';
|
|
69
|
-
rules += '
|
|
70
|
-
rules += '
|
|
71
|
-
rules += '
|
|
72
|
-
rules += '
|
|
73
|
-
rules += '
|
|
74
|
-
rules += '
|
|
75
|
-
rules += ' _Q-3hmpv';
|
|
76
|
-
if (props.isDisabled) rules += ' _Pa';
|
|
77
|
-
else rules += ' _Pb';
|
|
72
|
+
rules += ' da_____I';
|
|
73
|
+
rules += ' dp10';
|
|
74
|
+
rules += ' _Ob';
|
|
75
|
+
rules += ' _N-3hmpv';
|
|
76
|
+
if (props.isDisabled) rules += ' _Ma';
|
|
77
|
+
else rules += ' _Mb';
|
|
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
|
+
.Vc {
|
|
3
3
|
position: relative;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.l___u {
|
|
7
7
|
width: calc(12rem * var(--s2-scale));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.k___u {
|
|
11
11
|
height: calc(12rem * var(--s2-scale));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.q_q {
|
|
15
15
|
min-width: calc(4rem * var(--s2-scale));
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.o_q {
|
|
19
19
|
min-height: calc(4rem * var(--s2-scale));
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
._wc {
|
|
23
23
|
border-start-start-radius: .5rem;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
._xc {
|
|
27
27
|
border-start-end-radius: .5rem;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
._yc {
|
|
31
31
|
border-end-start-radius: .5rem;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
._zc {
|
|
35
35
|
border-end-end-radius: .5rem;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
.dp10 {
|
|
39
39
|
outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
._Ob {
|
|
43
43
|
outline-width: 1px;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
._N-3hmpv {
|
|
47
47
|
outline-offset: -1px;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.
|
|
50
|
+
._Mb {
|
|
51
51
|
outline-style: solid;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
._Ma {
|
|
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
|
+
.da_____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)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
|
|
43
43
|
rules += matches.join('');
|
|
44
|
-
let $
|
|
44
|
+
let $V = false;
|
|
45
|
+
let $l = false;
|
|
45
46
|
let $k = false;
|
|
46
|
-
let $
|
|
47
|
-
let $
|
|
48
|
-
let $n = false;
|
|
47
|
+
let $q = false;
|
|
48
|
+
let $o = false;
|
|
49
49
|
for (let p of matches){
|
|
50
|
-
if (/^\s*
|
|
50
|
+
if (/^\s*V/.test(p)) $V = true;
|
|
51
|
+
if (/^\s*l/.test(p)) $l = true;
|
|
51
52
|
if (/^\s*k/.test(p)) $k = true;
|
|
52
|
-
if (/^\s*
|
|
53
|
-
if (/^\s*
|
|
54
|
-
if (/^\s*n/.test(p)) $n = true;
|
|
53
|
+
if (/^\s*q/.test(p)) $q = true;
|
|
54
|
+
if (/^\s*o/.test(p)) $o = true;
|
|
55
55
|
}
|
|
56
|
-
if (!$
|
|
56
|
+
if (!$V) rules += ' Vc';
|
|
57
|
+
if (!$l) rules += ' l___u';
|
|
57
58
|
if (!$k) rules += ' k___u';
|
|
58
|
-
if (!$
|
|
59
|
-
if (!$
|
|
60
|
-
|
|
59
|
+
if (!$q) rules += ' q_q';
|
|
60
|
+
if (!$o) rules += ' o_q';
|
|
61
|
+
rules += ' _wc';
|
|
62
|
+
rules += ' _xc';
|
|
63
|
+
rules += ' _yc';
|
|
61
64
|
rules += ' _zc';
|
|
62
|
-
rules += '
|
|
63
|
-
rules += '
|
|
64
|
-
rules += '
|
|
65
|
-
rules += '
|
|
66
|
-
rules += '
|
|
67
|
-
rules += '
|
|
68
|
-
rules += ' _Q-3hmpv';
|
|
69
|
-
if (props.isDisabled) rules += ' _Pa';
|
|
70
|
-
else rules += ' _Pb';
|
|
65
|
+
rules += ' da_____I';
|
|
66
|
+
rules += ' dp10';
|
|
67
|
+
rules += ' _Ob';
|
|
68
|
+
rules += ' _N-3hmpv';
|
|
69
|
+
if (props.isDisabled) rules += ' _Ma';
|
|
70
|
+
else rules += ' _Mb';
|
|
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)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
|
|
59
59
|
rules += matches.join('');
|
|
60
|
-
let $
|
|
61
|
-
let $
|
|
60
|
+
let $__b = false;
|
|
61
|
+
let $__c = false;
|
|
62
62
|
for (let p of matches){
|
|
63
|
-
if (/^\s*
|
|
64
|
-
if (/^\s*
|
|
63
|
+
if (/^\s*__b/.test(p)) $__b = true;
|
|
64
|
+
if (/^\s*__c/.test(p)) $__c = true;
|
|
65
65
|
}
|
|
66
|
-
rules += '
|
|
67
|
-
if (!$
|
|
68
|
-
if (props.isInForm) rules += '
|
|
66
|
+
rules += ' _0f';
|
|
67
|
+
if (!$__b) {
|
|
68
|
+
if (props.isInForm) rules += ' __b-3t1y';
|
|
69
69
|
}
|
|
70
|
-
if (!$
|
|
70
|
+
if (!$__c) {
|
|
71
71
|
if (props.isInForm) {
|
|
72
|
-
if (props.labelPosition === "side") rules += '
|
|
72
|
+
if (props.labelPosition === "side") rules += ' __c-yqnebx';
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
if (props.isInForm) rules += '
|
|
75
|
+
if (props.isInForm) rules += ' __i-1a97rzt';
|
|
76
76
|
else {
|
|
77
|
-
if (props.labelPosition === "side") rules += '
|
|
78
|
-
else if (props.labelPosition === "top") rules += '
|
|
77
|
+
if (props.labelPosition === "side") rules += ' __i-ar5vcf';
|
|
78
|
+
else if (props.labelPosition === "top") rules += ' __i-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 += ' __j-ar5vcf';
|
|
81
|
+
else if (props.labelPosition === "top") rules += ' __j-1a6w430';
|
|
82
|
+
if (props.labelPosition === "side") rules += ' __k-18h2yqz';
|
|
83
|
+
else if (props.labelPosition === "top") rules += ' __k-1srn173';
|
|
84
84
|
if (props.size === "XL") {
|
|
85
|
-
rules += '
|
|
86
|
-
rules += '
|
|
85
|
+
rules += ' _ebj';
|
|
86
|
+
rules += ' _ei';
|
|
87
87
|
} else if (props.size === "L") {
|
|
88
|
-
rules += '
|
|
89
|
-
rules += '
|
|
88
|
+
rules += ' _ebh';
|
|
89
|
+
rules += ' _eg';
|
|
90
90
|
} else if (props.size === "S") {
|
|
91
|
-
rules += '
|
|
92
|
-
rules += '
|
|
91
|
+
rules += ' _ebd';
|
|
92
|
+
rules += ' _ec';
|
|
93
93
|
} else if (props.size === "XS") {
|
|
94
|
-
rules += '
|
|
95
|
-
rules += '
|
|
94
|
+
rules += ' _ebb';
|
|
95
|
+
rules += ' _ea';
|
|
96
96
|
} else {
|
|
97
|
-
rules += '
|
|
98
|
-
rules += '
|
|
97
|
+
rules += ' _ebf';
|
|
98
|
+
rules += ' _ee';
|
|
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 += ' _2d';
|
|
101
|
+
rules += ' _g-1x99dlob';
|
|
102
|
+
rules += ' _ga';
|
|
103
|
+
if (props.size === "XL") rules += ' -aqrvqh_k-j';
|
|
104
|
+
else if (props.size === "L") rules += ' -aqrvqh_k-i';
|
|
105
|
+
else if (props.size === "S") rules += ' -aqrvqh_k-h';
|
|
106
|
+
else if (props.size === "XS") rules += ' -aqrvqh_k-g';
|
|
107
|
+
else rules += ' -aqrvqh_k-f';
|
|
108
|
+
rules += ' -_1inj1bc_i--prjw07';
|
|
109
|
+
rules += ' je';
|
|
110
|
+
rules += ' __S-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
|
+
._0f {
|
|
3
3
|
display: grid;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.__b-3t1y {
|
|
7
7
|
grid-column-start: 1;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
.__c-yqnebx {
|
|
11
11
|
grid-column-end: span 2;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.__i-2wzs0i {
|
|
15
15
|
grid-template-columns: 1fr;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.__i-ar5vcf {
|
|
19
19
|
grid-template-columns: auto 1fr;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.__i-1a97rzt {
|
|
23
23
|
grid-template-columns: subgrid;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.__j-1a6w430 {
|
|
27
27
|
grid-template-rows: auto 1fr auto;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.__j-ar5vcf {
|
|
31
31
|
grid-template-rows: auto 1fr;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.__k-1srn173 {
|
|
35
35
|
grid-template-areas: "label"
|
|
36
36
|
"input"
|
|
37
37
|
"helptext";
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.
|
|
40
|
+
.__k-18h2yqz {
|
|
41
41
|
grid-template-areas: "label input"
|
|
42
42
|
"label helptext";
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.
|
|
45
|
+
._ee {
|
|
46
46
|
font-size: .875rem;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
._ea {
|
|
50
50
|
font-size: .6875rem;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
._ec {
|
|
54
54
|
font-size: .75rem;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
._eg {
|
|
58
58
|
font-size: 1rem;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.
|
|
61
|
+
._ei {
|
|
62
62
|
font-size: 1.125rem;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.
|
|
65
|
+
._2d {
|
|
66
66
|
align-items: baseline;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.
|
|
69
|
+
._ga {
|
|
70
70
|
line-height: 1.3;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.-
|
|
73
|
+
.-aqrvqh_k-f {
|
|
74
74
|
--field-height: calc(2rem * var(--s2-scale));
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.-
|
|
77
|
+
.-aqrvqh_k-g {
|
|
78
78
|
--field-height: calc(1.25rem * var(--s2-scale));
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.-
|
|
81
|
+
.-aqrvqh_k-h {
|
|
82
82
|
--field-height: calc(1.5rem * var(--s2-scale));
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.-
|
|
85
|
+
.-aqrvqh_k-i {
|
|
86
86
|
--field-height: calc(2.5rem * var(--s2-scale));
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
.-
|
|
89
|
+
.-aqrvqh_k-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_i--prjw07 {
|
|
94
|
+
--field-gap: calc((var(--field-height) - var(--u, 0px) - var(--v, 0px) - 1lh) / 2);
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.je {
|
|
98
98
|
column-gap: .75rem;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.
|
|
101
|
+
.__S-yksgrp {
|
|
102
102
|
-webkit-tap-highlight-color: #0000;
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
@layer _.b {
|
|
107
|
-
.
|
|
107
|
+
._g-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
|
+
._ebf {
|
|
115
115
|
font-size: 1.0625rem;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
.
|
|
118
|
+
._ebb {
|
|
119
119
|
font-size: .8125rem;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.
|
|
122
|
+
._ebd {
|
|
123
123
|
font-size: .9375rem;
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
.
|
|
126
|
+
._ebh {
|
|
127
127
|
font-size: 1.1875rem;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.
|
|
130
|
+
._ebj {
|
|
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)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
|
|
52
52
|
rules += matches.join('');
|
|
53
|
-
let $
|
|
54
|
-
let $
|
|
53
|
+
let $__b = false;
|
|
54
|
+
let $__c = false;
|
|
55
55
|
for (let p of matches){
|
|
56
|
-
if (/^\s*
|
|
57
|
-
if (/^\s*
|
|
56
|
+
if (/^\s*__b/.test(p)) $__b = true;
|
|
57
|
+
if (/^\s*__c/.test(p)) $__c = true;
|
|
58
58
|
}
|
|
59
|
-
rules += '
|
|
60
|
-
if (!$
|
|
61
|
-
if (props.isInForm) rules += '
|
|
59
|
+
rules += ' _0f';
|
|
60
|
+
if (!$__b) {
|
|
61
|
+
if (props.isInForm) rules += ' __b-3t1y';
|
|
62
62
|
}
|
|
63
|
-
if (!$
|
|
63
|
+
if (!$__c) {
|
|
64
64
|
if (props.isInForm) {
|
|
65
|
-
if (props.labelPosition === "side") rules += '
|
|
65
|
+
if (props.labelPosition === "side") rules += ' __c-yqnebx';
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
if (props.isInForm) rules += '
|
|
68
|
+
if (props.isInForm) rules += ' __i-1a97rzt';
|
|
69
69
|
else {
|
|
70
|
-
if (props.labelPosition === "side") rules += '
|
|
71
|
-
else if (props.labelPosition === "top") rules += '
|
|
70
|
+
if (props.labelPosition === "side") rules += ' __i-ar5vcf';
|
|
71
|
+
else if (props.labelPosition === "top") rules += ' __i-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 += ' __j-ar5vcf';
|
|
74
|
+
else if (props.labelPosition === "top") rules += ' __j-1a6w430';
|
|
75
|
+
if (props.labelPosition === "side") rules += ' __k-18h2yqz';
|
|
76
|
+
else if (props.labelPosition === "top") rules += ' __k-1srn173';
|
|
77
77
|
if (props.size === "XL") {
|
|
78
|
-
rules += '
|
|
79
|
-
rules += '
|
|
78
|
+
rules += ' _ebj';
|
|
79
|
+
rules += ' _ei';
|
|
80
80
|
} else if (props.size === "L") {
|
|
81
|
-
rules += '
|
|
82
|
-
rules += '
|
|
81
|
+
rules += ' _ebh';
|
|
82
|
+
rules += ' _eg';
|
|
83
83
|
} else if (props.size === "S") {
|
|
84
|
-
rules += '
|
|
85
|
-
rules += '
|
|
84
|
+
rules += ' _ebd';
|
|
85
|
+
rules += ' _ec';
|
|
86
86
|
} else if (props.size === "XS") {
|
|
87
|
-
rules += '
|
|
88
|
-
rules += '
|
|
87
|
+
rules += ' _ebb';
|
|
88
|
+
rules += ' _ea';
|
|
89
89
|
} else {
|
|
90
|
-
rules += '
|
|
91
|
-
rules += '
|
|
90
|
+
rules += ' _ebf';
|
|
91
|
+
rules += ' _ee';
|
|
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 += ' _2d';
|
|
94
|
+
rules += ' _g-1x99dlob';
|
|
95
|
+
rules += ' _ga';
|
|
96
|
+
if (props.size === "XL") rules += ' -aqrvqh_k-j';
|
|
97
|
+
else if (props.size === "L") rules += ' -aqrvqh_k-i';
|
|
98
|
+
else if (props.size === "S") rules += ' -aqrvqh_k-h';
|
|
99
|
+
else if (props.size === "XS") rules += ' -aqrvqh_k-g';
|
|
100
|
+
else rules += ' -aqrvqh_k-f';
|
|
101
|
+
rules += ' -_1inj1bc_i--prjw07';
|
|
102
|
+
rules += ' je';
|
|
103
|
+
rules += ' __S-yksgrp';
|
|
104
104
|
return rules;
|
|
105
105
|
}({
|
|
106
106
|
size: props.size,
|
package/dist/ColorHandle.cjs
CHANGED
|
@@ -35,36 +35,30 @@ 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 += '
|
|
38
|
+
rules += ' _P-1oihi8a';
|
|
39
|
+
rules += ' _R-375x7f';
|
|
40
|
+
rules += ' _Sa';
|
|
41
|
+
if (props.isFocusVisible) rules += ' lU';
|
|
42
|
+
else rules += ' lE';
|
|
41
43
|
if (props.isFocusVisible) rules += ' kU';
|
|
42
44
|
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';
|
|
46
49
|
rules += ' _zf';
|
|
47
|
-
rules += '
|
|
48
|
-
rules += '
|
|
49
|
-
rules += ' _Cf';
|
|
50
|
-
rules += ' __ra';
|
|
51
|
-
rules += ' za';
|
|
52
|
-
rules += ' tc';
|
|
50
|
+
rules += ' __oa';
|
|
51
|
+
rules += ' wa';
|
|
53
52
|
rules += ' uc';
|
|
54
|
-
rules += '
|
|
53
|
+
rules += ' vc';
|
|
55
54
|
rules += ' sc';
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
else rules += ' wc';
|
|
64
|
-
rules += ' _Pb';
|
|
65
|
-
rules += ' _Rb';
|
|
66
|
-
rules += ' ca_____I';
|
|
67
|
-
rules += ' cb42';
|
|
55
|
+
rules += ' tc';
|
|
56
|
+
if (props.isDisabled) rules += ' ci';
|
|
57
|
+
else rules += ' cc';
|
|
58
|
+
rules += ' _Mb';
|
|
59
|
+
rules += ' _Ob';
|
|
60
|
+
rules += ' da_____I';
|
|
61
|
+
rules += ' db42';
|
|
68
62
|
return rules;
|
|
69
63
|
},
|
|
70
64
|
style: ({ defaultStyle: defaultStyle, isDisabled: isDisabled })=>({
|
|
@@ -76,7 +70,7 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
|
|
|
76
70
|
children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsxs)((0, $8hzuN$reactjsxruntime.Fragment), {
|
|
77
71
|
children: [
|
|
78
72
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("div", {
|
|
79
|
-
className: " kb
|
|
73
|
+
className: " lb kb _wf _xf _yf _zf __oa wa ub vb sb tb cb42 ca_____I"
|
|
80
74
|
}),
|
|
81
75
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)($5b07976eb9e358fe$var$ColorLoupePortal, {
|
|
82
76
|
isOpen: isDragging,
|
|
@@ -137,7 +131,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
|
|
|
137
131
|
marginLeft: -$5b07976eb9e358fe$var$LOUPE_WIDTH / 2 - $5b07976eb9e358fe$var$LOUPE_BORDER_WIDTH,
|
|
138
132
|
animationName: isExiting ? exitAnimation : enterAnimation
|
|
139
133
|
},
|
|
140
|
-
className: "
|
|
134
|
+
className: " _vb __Ca _U-375x4t _Xb _Za __Ga",
|
|
141
135
|
onAnimationEnd: (e)=>{
|
|
142
136
|
if (e.animationName === exitAnimation) onExited();
|
|
143
137
|
},
|
|
@@ -186,7 +180,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
|
|
|
186
180
|
fill: color.toString()
|
|
187
181
|
}),
|
|
188
182
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("path", {
|
|
189
|
-
className: "
|
|
183
|
+
className: " xb f_____n fa_____K eA",
|
|
190
184
|
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"
|
|
191
185
|
})
|
|
192
186
|
]
|