@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-e4497fdb6-250110
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 +32 -32
- package/dist/ActionBar.css +34 -34
- package/dist/ActionBar.mjs +32 -32
- package/dist/ActionButton.cjs +61 -61
- package/dist/ActionButton.css +57 -57
- package/dist/ActionButton.mjs +61 -61
- package/dist/ActionButtonGroup.cjs +4 -4
- package/dist/ActionButtonGroup.css +3 -3
- package/dist/ActionButtonGroup.mjs +4 -4
- package/dist/Avatar.cjs +10 -10
- package/dist/Avatar.css +11 -11
- package/dist/Avatar.mjs +10 -10
- package/dist/AvatarGroup.cjs +97 -97
- package/dist/AvatarGroup.css +31 -31
- package/dist/AvatarGroup.mjs +97 -97
- package/dist/Badge.cjs +31 -31
- package/dist/Badge.css +33 -33
- package/dist/Badge.mjs +31 -31
- package/dist/Breadcrumbs.cjs +83 -82
- package/dist/Breadcrumbs.cjs.map +1 -1
- package/dist/Breadcrumbs.css +66 -60
- package/dist/Breadcrumbs.css.map +1 -1
- package/dist/Breadcrumbs.mjs +83 -82
- package/dist/Breadcrumbs.mjs.map +1 -1
- package/dist/Button.cjs +179 -144
- package/dist/Button.cjs.map +1 -1
- package/dist/Button.css +167 -86
- package/dist/Button.css.map +1 -1
- package/dist/Button.mjs +180 -145
- package/dist/Button.mjs.map +1 -1
- package/dist/ButtonGroup.cjs +15 -15
- package/dist/ButtonGroup.css +11 -11
- package/dist/ButtonGroup.mjs +15 -15
- package/dist/Card.cjs +163 -163
- package/dist/Card.css +118 -118
- package/dist/Card.mjs +163 -163
- package/dist/CardView.cjs +13 -13
- package/dist/CardView.css +14 -14
- package/dist/CardView.mjs +13 -13
- package/dist/CenterBaseline.cjs +1 -1
- package/dist/CenterBaseline.css +2 -2
- package/dist/CenterBaseline.mjs +1 -1
- package/dist/Checkbox.cjs +46 -46
- package/dist/Checkbox.css +44 -44
- package/dist/Checkbox.mjs +46 -46
- package/dist/CheckboxGroup.cjs +39 -39
- package/dist/CheckboxGroup.css +32 -32
- package/dist/CheckboxGroup.mjs +39 -39
- package/dist/ClearButton.cjs +5 -5
- package/dist/ClearButton.css +5 -5
- package/dist/ClearButton.mjs +5 -5
- package/dist/CloseButton.cjs +17 -15
- package/dist/CloseButton.cjs.map +1 -1
- package/dist/CloseButton.css +24 -16
- package/dist/CloseButton.css.map +1 -1
- package/dist/CloseButton.mjs +17 -15
- package/dist/CloseButton.mjs.map +1 -1
- package/dist/ColorArea.cjs +9 -9
- package/dist/ColorArea.css +9 -9
- package/dist/ColorArea.mjs +9 -9
- package/dist/ColorField.cjs +29 -29
- package/dist/ColorField.css +24 -24
- package/dist/ColorField.mjs +29 -29
- package/dist/ColorHandle.cjs +9 -9
- package/dist/ColorHandle.css +16 -16
- package/dist/ColorHandle.mjs +9 -9
- package/dist/ColorSlider.cjs +40 -40
- package/dist/ColorSlider.css +42 -42
- package/dist/ColorSlider.mjs +40 -40
- package/dist/ColorSwatch.cjs +6 -6
- package/dist/ColorSwatch.css +14 -14
- package/dist/ColorSwatch.mjs +6 -6
- package/dist/ColorSwatchPicker.cjs +12 -12
- package/dist/ColorSwatchPicker.css +32 -32
- package/dist/ColorSwatchPicker.mjs +12 -12
- package/dist/ColorWheel.cjs +14 -14
- package/dist/ColorWheel.css +14 -14
- package/dist/ColorWheel.mjs +14 -14
- package/dist/ComboBox.cjs +54 -51
- package/dist/ComboBox.cjs.map +1 -1
- package/dist/ComboBox.css +48 -48
- package/dist/ComboBox.css.map +1 -1
- package/dist/ComboBox.mjs +54 -51
- package/dist/ComboBox.mjs.map +1 -1
- package/dist/ContextualHelp.cjs +5 -5
- package/dist/ContextualHelp.css +23 -23
- package/dist/ContextualHelp.mjs +5 -5
- package/dist/CustomDialog.cjs +8 -8
- package/dist/CustomDialog.css +9 -9
- package/dist/CustomDialog.mjs +8 -8
- package/dist/Dialog.cjs +10 -10
- package/dist/Dialog.css +39 -39
- package/dist/Dialog.mjs +10 -10
- package/dist/Disclosure.cjs +53 -53
- package/dist/Disclosure.css +48 -48
- package/dist/Disclosure.mjs +53 -53
- package/dist/Divider.cjs +5 -5
- package/dist/Divider.css +5 -5
- package/dist/Divider.mjs +5 -5
- package/dist/DropZone.cjs +24 -24
- package/dist/DropZone.css +24 -24
- package/dist/DropZone.mjs +24 -24
- package/dist/Field.cjs +107 -107
- package/dist/Field.cjs.map +1 -1
- package/dist/Field.css +69 -69
- package/dist/Field.mjs +107 -107
- package/dist/Field.mjs.map +1 -1
- package/dist/Form.cjs +4 -4
- package/dist/Form.css +3 -3
- package/dist/Form.mjs +4 -4
- package/dist/FullscreenDialog.cjs +5 -5
- package/dist/FullscreenDialog.css +54 -54
- package/dist/FullscreenDialog.mjs +5 -5
- package/dist/IllustratedMessage.cjs +126 -126
- package/dist/IllustratedMessage.css +58 -58
- package/dist/IllustratedMessage.mjs +126 -126
- package/dist/Image.cjs +10 -10
- package/dist/Image.css +11 -11
- package/dist/Image.mjs +10 -10
- package/dist/InlineAlert.cjs +50 -50
- package/dist/InlineAlert.css +44 -44
- package/dist/InlineAlert.mjs +50 -50
- package/dist/Link.cjs +27 -27
- package/dist/Link.css +28 -28
- package/dist/Link.mjs +27 -27
- package/dist/Menu.cjs +292 -221
- package/dist/Menu.cjs.map +1 -1
- package/dist/Menu.css +115 -113
- package/dist/Menu.css.map +1 -1
- package/dist/Menu.mjs +292 -221
- package/dist/Menu.mjs.map +1 -1
- package/dist/Meter.cjs +51 -51
- package/dist/Meter.css +51 -51
- package/dist/Meter.mjs +51 -51
- package/dist/Modal.cjs +37 -37
- package/dist/Modal.css +35 -35
- package/dist/Modal.mjs +37 -37
- package/dist/NumberField.cjs +60 -60
- package/dist/NumberField.css +66 -66
- package/dist/NumberField.mjs +60 -60
- package/dist/Picker.cjs +117 -114
- package/dist/Picker.cjs.map +1 -1
- package/dist/Picker.css +80 -80
- package/dist/Picker.css.map +1 -1
- package/dist/Picker.mjs +117 -114
- package/dist/Picker.mjs.map +1 -1
- package/dist/Popover.cjs +40 -40
- package/dist/Popover.css +37 -37
- package/dist/Popover.mjs +40 -40
- package/dist/ProgressBar.cjs +63 -63
- package/dist/ProgressBar.css +61 -61
- package/dist/ProgressBar.mjs +63 -63
- package/dist/ProgressCircle.cjs +3 -3
- package/dist/ProgressCircle.css +2 -2
- package/dist/ProgressCircle.mjs +3 -3
- package/dist/Provider.cjs +4 -4
- package/dist/Provider.css +5 -5
- package/dist/Provider.mjs +4 -4
- package/dist/Radio.cjs +46 -46
- package/dist/Radio.css +44 -44
- package/dist/Radio.mjs +46 -46
- package/dist/RadioGroup.cjs +37 -37
- package/dist/RadioGroup.css +32 -32
- package/dist/RadioGroup.mjs +37 -37
- package/dist/SearchField.cjs +31 -31
- package/dist/SearchField.css +29 -29
- package/dist/SearchField.mjs +31 -31
- package/dist/SegmentedControl.cjs +54 -54
- package/dist/SegmentedControl.css +55 -55
- package/dist/SegmentedControl.mjs +54 -54
- package/dist/Slider.cjs +101 -101
- package/dist/Slider.css +82 -82
- package/dist/Slider.mjs +101 -101
- package/dist/StatusLight.cjs +26 -26
- package/dist/StatusLight.css +26 -26
- package/dist/StatusLight.mjs +26 -26
- package/dist/Switch.cjs +47 -47
- package/dist/Switch.css +42 -42
- package/dist/Switch.mjs +47 -47
- package/dist/TableView.cjs +137 -137
- package/dist/TableView.css +76 -76
- package/dist/TableView.mjs +137 -137
- package/dist/Tabs.cjs +60 -60
- package/dist/Tabs.css +53 -53
- package/dist/Tabs.mjs +60 -60
- package/dist/TabsPicker.cjs +69 -69
- package/dist/TabsPicker.css +62 -62
- package/dist/TabsPicker.mjs +69 -69
- package/dist/TagGroup.cjs +108 -108
- package/dist/TagGroup.css +85 -85
- package/dist/TagGroup.mjs +108 -108
- package/dist/TextField.cjs +36 -36
- package/dist/TextField.css +33 -33
- package/dist/TextField.mjs +36 -36
- package/dist/ToggleButton.cjs +3 -3
- package/dist/ToggleButton.css +7 -7
- package/dist/ToggleButton.mjs +3 -3
- package/dist/Tooltip.cjs +32 -32
- package/dist/Tooltip.css +34 -34
- package/dist/Tooltip.mjs +32 -32
- package/dist/types.d.ts +2 -0
- 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 +19 -19
- package/src/Button.tsx +107 -75
- package/src/CloseButton.tsx +4 -0
- package/src/ComboBox.tsx +2 -1
- package/src/Menu.tsx +40 -17
- package/src/Picker.tsx +2 -1
- package/style/dist/spectrum-theme.cjs +54 -5
- package/style/dist/spectrum-theme.cjs.map +1 -1
- package/style/dist/spectrum-theme.mjs +54 -5
- package/style/dist/spectrum-theme.mjs.map +1 -1
- package/style/dist/style-macro.cjs +1 -1
- package/style/dist/style-macro.cjs.map +1 -1
- package/style/dist/style-macro.mjs +1 -1
- package/style/dist/style-macro.mjs.map +1 -1
- package/style/dist/types.d.ts +10 -3
- package/style/dist/types.d.ts.map +1 -1
- package/style/spectrum-theme.ts +66 -7
- package/style/style-macro.ts +3 -3
- package/style/types.ts +1 -1
package/dist/ColorSlider.mjs
CHANGED
|
@@ -39,7 +39,7 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
|
|
|
39
39
|
"aria-label": props['aria-label'] || (props.orientation === 'vertical' ? props.label : undefined),
|
|
40
40
|
className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
|
|
41
41
|
let rules = " .";
|
|
42
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|
|
|
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)[^\s]+/g) || [];
|
|
43
43
|
rules += matches.join('');
|
|
44
44
|
let $l = false;
|
|
45
45
|
for (let p of matches)if (/^\s*l/.test(p)) $l = true;
|
|
@@ -47,10 +47,10 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
|
|
|
47
47
|
if (props.orientation === "horizontal") rules += ' l___u';
|
|
48
48
|
}
|
|
49
49
|
if (props.orientation === "vertical") rules += ' k___u';
|
|
50
|
-
if (props.orientation === "vertical") rules += '
|
|
51
|
-
else if (props.orientation === "horizontal") rules += '
|
|
52
|
-
rules += '
|
|
53
|
-
rules += '
|
|
50
|
+
if (props.orientation === "vertical") rules += ' _0a';
|
|
51
|
+
else if (props.orientation === "horizontal") rules += ' _0f';
|
|
52
|
+
rules += ' __i-15pd573';
|
|
53
|
+
rules += ' __k-1kch5qg';
|
|
54
54
|
rules += ' ic';
|
|
55
55
|
return rules;
|
|
56
56
|
}(renderProps, styles),
|
|
@@ -68,37 +68,37 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
|
|
|
68
68
|
orientation === 'horizontal' && /*#__PURE__*/ (0, $3i9ps$jsx)((0, $3i9ps$SliderOutput), {
|
|
69
69
|
className: function anonymous(props) {
|
|
70
70
|
let rules = " .";
|
|
71
|
-
rules += '
|
|
72
|
-
rules += '
|
|
73
|
-
rules += '
|
|
74
|
-
rules += '
|
|
75
|
-
rules += '
|
|
76
|
-
rules += '
|
|
77
|
-
rules += '
|
|
78
|
-
rules += '
|
|
79
|
-
rules += '
|
|
80
|
-
rules += '
|
|
81
|
-
rules += '
|
|
82
|
-
rules += '
|
|
71
|
+
rules += ' __b-ny5g4a';
|
|
72
|
+
rules += ' __c-ny5g4a';
|
|
73
|
+
rules += ' __d-ny5g4a';
|
|
74
|
+
rules += ' __e-ny5g4a';
|
|
75
|
+
rules += ' _d-bc1l9oh';
|
|
76
|
+
rules += ' _d-1uotwbwg';
|
|
77
|
+
rules += ' _d-eo0c6sf';
|
|
78
|
+
rules += ' _d-enzzrge';
|
|
79
|
+
rules += ' _d-enzykdd';
|
|
80
|
+
rules += ' _d-enzwzjc';
|
|
81
|
+
rules += ' _d-enzrfpb';
|
|
82
|
+
rules += ' _da';
|
|
83
83
|
if (props.size === "XL") {
|
|
84
|
-
rules += '
|
|
85
|
-
rules += '
|
|
84
|
+
rules += ' _ebj';
|
|
85
|
+
rules += ' _ei';
|
|
86
86
|
} else if (props.size === "L") {
|
|
87
|
-
rules += '
|
|
88
|
-
rules += '
|
|
87
|
+
rules += ' _ebh';
|
|
88
|
+
rules += ' _eg';
|
|
89
89
|
} else if (props.size === "S") {
|
|
90
|
-
rules += '
|
|
91
|
-
rules += '
|
|
90
|
+
rules += ' _ebd';
|
|
91
|
+
rules += ' _ec';
|
|
92
92
|
} else if (props.size === "XS") {
|
|
93
|
-
rules += '
|
|
94
|
-
rules += '
|
|
93
|
+
rules += ' _ebb';
|
|
94
|
+
rules += ' _ea';
|
|
95
95
|
} else {
|
|
96
|
-
rules += '
|
|
97
|
-
rules += '
|
|
96
|
+
rules += ' _ebf';
|
|
97
|
+
rules += ' _ee';
|
|
98
98
|
}
|
|
99
|
-
rules += '
|
|
100
|
-
rules += '
|
|
101
|
-
rules += '
|
|
99
|
+
rules += ' _fb';
|
|
100
|
+
rules += ' _g-1x99dlob';
|
|
101
|
+
rules += ' _ga';
|
|
102
102
|
if (props.isDisabled) rules += ' aj';
|
|
103
103
|
else {
|
|
104
104
|
if (props.isPressed) rules += ' an';
|
|
@@ -106,7 +106,7 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
|
|
|
106
106
|
else if (props.isHovered) rules += ' an';
|
|
107
107
|
else rules += ' am';
|
|
108
108
|
}
|
|
109
|
-
rules += '
|
|
109
|
+
rules += ' __Ib';
|
|
110
110
|
return rules;
|
|
111
111
|
}
|
|
112
112
|
}),
|
|
@@ -117,24 +117,24 @@ const $495db619596088aa$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $3i9ps$forwa
|
|
|
117
117
|
}),
|
|
118
118
|
className: function anonymous(props) {
|
|
119
119
|
let rules = " .";
|
|
120
|
-
rules += '
|
|
121
|
-
rules += '
|
|
122
|
-
rules += '
|
|
123
|
-
rules += '
|
|
120
|
+
rules += ' __b-n9hk5a';
|
|
121
|
+
rules += ' __c-n9hk5a';
|
|
122
|
+
rules += ' __d-n9hk5a';
|
|
123
|
+
rules += ' __e-n9hk5a';
|
|
124
124
|
if (props.orientation === "vertical") rules += ' lM';
|
|
125
125
|
else if (props.orientation === "horizontal") rules += ' lb';
|
|
126
126
|
if (props.orientation === "vertical") rules += ' kb';
|
|
127
127
|
else if (props.orientation === "horizontal") rules += ' kM';
|
|
128
|
-
rules += ' _vc';
|
|
129
128
|
rules += ' _wc';
|
|
130
129
|
rules += ' _xc';
|
|
131
130
|
rules += ' _yc';
|
|
131
|
+
rules += ' _zc';
|
|
132
132
|
rules += ' da_____I';
|
|
133
133
|
rules += ' dp10';
|
|
134
|
-
rules += '
|
|
135
|
-
rules += '
|
|
136
|
-
if (props.isDisabled) rules += '
|
|
137
|
-
else rules += '
|
|
134
|
+
rules += ' _Ob';
|
|
135
|
+
rules += ' _N-3hmpv';
|
|
136
|
+
if (props.isDisabled) rules += ' _Ma';
|
|
137
|
+
else rules += ' _Mb';
|
|
138
138
|
if (props.isDisabled) rules += ' bg';
|
|
139
139
|
return rules;
|
|
140
140
|
},
|
package/dist/ColorSwatch.cjs
CHANGED
|
@@ -49,7 +49,7 @@ const $8b1ea085cefae738$export$cae13e90592f246a = /*#__PURE__*/ (0, $7Qhsa$react
|
|
|
49
49
|
}),
|
|
50
50
|
className: function anonymous(props, overrides) {
|
|
51
51
|
let rules = " .";
|
|
52
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|
|
|
52
|
+
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) || [];
|
|
53
53
|
rules += matches.join('');
|
|
54
54
|
let $l = false;
|
|
55
55
|
let $k = false;
|
|
@@ -69,9 +69,6 @@ const $8b1ea085cefae738$export$cae13e90592f246a = /*#__PURE__*/ (0, $7Qhsa$react
|
|
|
69
69
|
else if (props.size === "S") rules += ' kM';
|
|
70
70
|
else if (props.size === "XS") rules += ' kE';
|
|
71
71
|
}
|
|
72
|
-
if (props.rounding === "full") rules += ' _vf';
|
|
73
|
-
else if (props.rounding === "none") rules += ' _va';
|
|
74
|
-
else if (props.rounding === "default") rules += ' _vb';
|
|
75
72
|
if (props.rounding === "full") rules += ' _wf';
|
|
76
73
|
else if (props.rounding === "none") rules += ' _wa';
|
|
77
74
|
else if (props.rounding === "default") rules += ' _wb';
|
|
@@ -81,14 +78,17 @@ const $8b1ea085cefae738$export$cae13e90592f246a = /*#__PURE__*/ (0, $7Qhsa$react
|
|
|
81
78
|
if (props.rounding === "full") rules += ' _yf';
|
|
82
79
|
else if (props.rounding === "none") rules += ' _ya';
|
|
83
80
|
else if (props.rounding === "default") rules += ' _yb';
|
|
81
|
+
if (props.rounding === "full") rules += ' _zf';
|
|
82
|
+
else if (props.rounding === "none") rules += ' _za';
|
|
83
|
+
else if (props.rounding === "default") rules += ' _zb';
|
|
84
84
|
rules += ' cp42';
|
|
85
85
|
rules += ' ub';
|
|
86
86
|
rules += ' vb';
|
|
87
87
|
rules += ' sb';
|
|
88
88
|
rules += ' tb';
|
|
89
89
|
rules += ' wa';
|
|
90
|
-
rules += '
|
|
91
|
-
rules += '
|
|
90
|
+
rules += ' __oa';
|
|
91
|
+
rules += ' _Ab';
|
|
92
92
|
rules += ' -_14u0212_a-O';
|
|
93
93
|
return rules;
|
|
94
94
|
}({
|
package/dist/ColorSwatch.css
CHANGED
|
@@ -35,51 +35,51 @@
|
|
|
35
35
|
height: calc(2.5rem * var(--s2-scale));
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
._wb {
|
|
39
39
|
border-start-start-radius: .25rem;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
._wa {
|
|
43
43
|
border-start-start-radius: 0;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
._wf {
|
|
47
47
|
border-start-start-radius: 9999px;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.
|
|
50
|
+
._xb {
|
|
51
51
|
border-start-end-radius: .25rem;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
._xa {
|
|
55
55
|
border-start-end-radius: 0;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.
|
|
58
|
+
._xf {
|
|
59
59
|
border-start-end-radius: 9999px;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
._yb {
|
|
63
63
|
border-end-start-radius: .25rem;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
._ya {
|
|
67
67
|
border-end-start-radius: 0;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.
|
|
70
|
+
._yf {
|
|
71
71
|
border-end-start-radius: 9999px;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.
|
|
74
|
+
._zb {
|
|
75
75
|
border-end-end-radius: .25rem;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.
|
|
78
|
+
._za {
|
|
79
79
|
border-end-end-radius: 0;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.
|
|
82
|
+
._zf {
|
|
83
83
|
border-end-end-radius: 9999px;
|
|
84
84
|
}
|
|
85
85
|
|
|
@@ -107,11 +107,11 @@
|
|
|
107
107
|
border-style: solid;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
.
|
|
110
|
+
.__oa {
|
|
111
111
|
box-sizing: border-box;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
.
|
|
114
|
+
._Ab {
|
|
115
115
|
forced-color-adjust: none;
|
|
116
116
|
}
|
|
117
117
|
|
package/dist/ColorSwatch.mjs
CHANGED
|
@@ -41,7 +41,7 @@ const $cd9e1720baab3945$export$cae13e90592f246a = /*#__PURE__*/ (0, $b2Wh1$forwa
|
|
|
41
41
|
}),
|
|
42
42
|
className: function anonymous(props, overrides) {
|
|
43
43
|
let rules = " .";
|
|
44
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|
|
|
44
|
+
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) || [];
|
|
45
45
|
rules += matches.join('');
|
|
46
46
|
let $l = false;
|
|
47
47
|
let $k = false;
|
|
@@ -61,9 +61,6 @@ const $cd9e1720baab3945$export$cae13e90592f246a = /*#__PURE__*/ (0, $b2Wh1$forwa
|
|
|
61
61
|
else if (props.size === "S") rules += ' kM';
|
|
62
62
|
else if (props.size === "XS") rules += ' kE';
|
|
63
63
|
}
|
|
64
|
-
if (props.rounding === "full") rules += ' _vf';
|
|
65
|
-
else if (props.rounding === "none") rules += ' _va';
|
|
66
|
-
else if (props.rounding === "default") rules += ' _vb';
|
|
67
64
|
if (props.rounding === "full") rules += ' _wf';
|
|
68
65
|
else if (props.rounding === "none") rules += ' _wa';
|
|
69
66
|
else if (props.rounding === "default") rules += ' _wb';
|
|
@@ -73,14 +70,17 @@ const $cd9e1720baab3945$export$cae13e90592f246a = /*#__PURE__*/ (0, $b2Wh1$forwa
|
|
|
73
70
|
if (props.rounding === "full") rules += ' _yf';
|
|
74
71
|
else if (props.rounding === "none") rules += ' _ya';
|
|
75
72
|
else if (props.rounding === "default") rules += ' _yb';
|
|
73
|
+
if (props.rounding === "full") rules += ' _zf';
|
|
74
|
+
else if (props.rounding === "none") rules += ' _za';
|
|
75
|
+
else if (props.rounding === "default") rules += ' _zb';
|
|
76
76
|
rules += ' cp42';
|
|
77
77
|
rules += ' ub';
|
|
78
78
|
rules += ' vb';
|
|
79
79
|
rules += ' sb';
|
|
80
80
|
rules += ' tb';
|
|
81
81
|
rules += ' wa';
|
|
82
|
-
rules += '
|
|
83
|
-
rules += '
|
|
82
|
+
rules += ' __oa';
|
|
83
|
+
rules += ' _Ab';
|
|
84
84
|
rules += ' -_14u0212_a-O';
|
|
85
85
|
return rules;
|
|
86
86
|
}({
|
|
@@ -39,10 +39,10 @@ const $a267e3efa7024819$export$b46792416e3d8515 = /*#__PURE__*/ (0, $7eldL$react
|
|
|
39
39
|
ref: domRef,
|
|
40
40
|
className: props.UNSAFE_className + function anonymous(props, overrides) {
|
|
41
41
|
let rules = " .";
|
|
42
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|
|
|
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)[^\s]+/g) || [];
|
|
43
43
|
rules += matches.join('');
|
|
44
|
-
rules += '
|
|
45
|
-
rules += '
|
|
44
|
+
rules += ' _0d';
|
|
45
|
+
rules += ' _8a';
|
|
46
46
|
if (props.density === "spacious") rules += ' i-6njx2e';
|
|
47
47
|
else if (props.density === "regular") rules += ' ic';
|
|
48
48
|
else if (props.density === "compact") rules += ' i-59f7mn';
|
|
@@ -68,16 +68,13 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
|
|
|
68
68
|
color: color,
|
|
69
69
|
className: (renderProps)=>(function anonymous(props) {
|
|
70
70
|
let rules = " .";
|
|
71
|
-
if (props.isFocusVisible) rules += '
|
|
72
|
-
else rules += '
|
|
71
|
+
if (props.isFocusVisible) rules += ' _Mb';
|
|
72
|
+
else rules += ' _Ma';
|
|
73
73
|
rules += ' da_____M';
|
|
74
74
|
rules += ' dx';
|
|
75
|
-
rules += '
|
|
76
|
-
rules += '
|
|
77
|
-
rules += '
|
|
78
|
-
if (props.rounding === "full") rules += ' _vf';
|
|
79
|
-
else if (props.rounding === "default") rules += ' _vb';
|
|
80
|
-
else if (props.rounding === "none") rules += ' _va';
|
|
75
|
+
rules += ' _Oc';
|
|
76
|
+
rules += ' _N-3t1z';
|
|
77
|
+
rules += ' Vc';
|
|
81
78
|
if (props.rounding === "full") rules += ' _wf';
|
|
82
79
|
else if (props.rounding === "default") rules += ' _wb';
|
|
83
80
|
else if (props.rounding === "none") rules += ' _wa';
|
|
@@ -87,6 +84,9 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
|
|
|
87
84
|
if (props.rounding === "full") rules += ' _yf';
|
|
88
85
|
else if (props.rounding === "default") rules += ' _yb';
|
|
89
86
|
else if (props.rounding === "none") rules += ' _ya';
|
|
87
|
+
if (props.rounding === "full") rules += ' _zf';
|
|
88
|
+
else if (props.rounding === "default") rules += ' _zb';
|
|
89
|
+
else if (props.rounding === "none") rules += ' _za';
|
|
90
90
|
return rules;
|
|
91
91
|
})({
|
|
92
92
|
...renderProps,
|
|
@@ -97,7 +97,7 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
|
|
|
97
97
|
swatch,
|
|
98
98
|
isSelected && /*#__PURE__*/ (0, $7eldL$reactjsxruntime.jsx)("div", {
|
|
99
99
|
"aria-hidden": true,
|
|
100
|
-
className: " .
|
|
100
|
+
className: " . Va __Ca Ya _aa Wa Xa __oa co wa uc vc sc tc dd _Mb _Oc _N-3hmpy _Ab _w-17zqamw _x-17zqamw _y-17zqamw _z-17zqamw"
|
|
101
101
|
})
|
|
102
102
|
]
|
|
103
103
|
})
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@layer _.a {
|
|
2
|
-
.
|
|
2
|
+
._0d {
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
._8a {
|
|
7
7
|
flex-wrap: wrap;
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
column-gap: .375rem;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
._Ma {
|
|
35
35
|
outline-style: none;
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -39,87 +39,87 @@
|
|
|
39
39
|
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
._N-3t1z {
|
|
43
43
|
outline-offset: 2px;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
.Vc {
|
|
47
47
|
position: relative;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.
|
|
50
|
+
._wa {
|
|
51
51
|
border-start-start-radius: 0;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
._wb {
|
|
55
55
|
border-start-start-radius: .25rem;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.
|
|
58
|
+
._wf {
|
|
59
59
|
border-start-start-radius: 9999px;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
._xa {
|
|
63
63
|
border-start-end-radius: 0;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
._xb {
|
|
67
67
|
border-start-end-radius: .25rem;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.
|
|
70
|
+
._xf {
|
|
71
71
|
border-start-end-radius: 9999px;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.
|
|
74
|
+
._ya {
|
|
75
75
|
border-end-start-radius: 0;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.
|
|
78
|
+
._yb {
|
|
79
79
|
border-end-start-radius: .25rem;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.
|
|
82
|
+
._yf {
|
|
83
83
|
border-end-start-radius: 9999px;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
.
|
|
86
|
+
._za {
|
|
87
87
|
border-end-end-radius: 0;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.
|
|
90
|
+
._zb {
|
|
91
91
|
border-end-end-radius: .25rem;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
.
|
|
94
|
+
._zf {
|
|
95
95
|
border-end-end-radius: 9999px;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
.
|
|
98
|
+
.Va {
|
|
99
99
|
position: absolute;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
.
|
|
102
|
+
.__Ca {
|
|
103
103
|
pointer-events: none;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
.
|
|
106
|
+
.Ya {
|
|
107
107
|
top: 0;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
.
|
|
110
|
+
._aa {
|
|
111
111
|
bottom: 0;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
.
|
|
114
|
+
.Wa {
|
|
115
115
|
inset-inline-start: 0;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
.
|
|
118
|
+
.Xa {
|
|
119
119
|
inset-inline-end: 0;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.
|
|
122
|
+
.__oa {
|
|
123
123
|
box-sizing: border-box;
|
|
124
124
|
}
|
|
125
125
|
|
|
@@ -151,35 +151,35 @@
|
|
|
151
151
|
outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
.
|
|
154
|
+
._Mb {
|
|
155
155
|
outline-style: solid;
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
.
|
|
158
|
+
._Oc {
|
|
159
159
|
outline-width: 2px;
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.
|
|
162
|
+
._N-3hmpy {
|
|
163
163
|
outline-offset: -4px;
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.
|
|
166
|
+
._Ab {
|
|
167
167
|
forced-color-adjust: none;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
.
|
|
170
|
+
._w-17zqamw {
|
|
171
171
|
border-start-start-radius: inherit;
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
-
.
|
|
174
|
+
._x-17zqamw {
|
|
175
175
|
border-start-end-radius: inherit;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
.
|
|
178
|
+
._y-17zqamw {
|
|
179
179
|
border-end-start-radius: inherit;
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
.
|
|
182
|
+
._z-17zqamw {
|
|
183
183
|
border-end-end-radius: inherit;
|
|
184
184
|
}
|
|
185
185
|
}
|
|
@@ -32,10 +32,10 @@ const $ba9c901b6c815fb9$export$b46792416e3d8515 = /*#__PURE__*/ (0, $bOBHx$forwa
|
|
|
32
32
|
ref: domRef,
|
|
33
33
|
className: props.UNSAFE_className + function anonymous(props, overrides) {
|
|
34
34
|
let rules = " .";
|
|
35
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|
|
|
35
|
+
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) || [];
|
|
36
36
|
rules += matches.join('');
|
|
37
|
-
rules += '
|
|
38
|
-
rules += '
|
|
37
|
+
rules += ' _0d';
|
|
38
|
+
rules += ' _8a';
|
|
39
39
|
if (props.density === "spacious") rules += ' i-6njx2e';
|
|
40
40
|
else if (props.density === "regular") rules += ' ic';
|
|
41
41
|
else if (props.density === "compact") rules += ' i-59f7mn';
|
|
@@ -61,16 +61,13 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
|
|
|
61
61
|
color: color,
|
|
62
62
|
className: (renderProps)=>(function anonymous(props) {
|
|
63
63
|
let rules = " .";
|
|
64
|
-
if (props.isFocusVisible) rules += '
|
|
65
|
-
else rules += '
|
|
64
|
+
if (props.isFocusVisible) rules += ' _Mb';
|
|
65
|
+
else rules += ' _Ma';
|
|
66
66
|
rules += ' da_____M';
|
|
67
67
|
rules += ' dx';
|
|
68
|
-
rules += '
|
|
69
|
-
rules += '
|
|
70
|
-
rules += '
|
|
71
|
-
if (props.rounding === "full") rules += ' _vf';
|
|
72
|
-
else if (props.rounding === "default") rules += ' _vb';
|
|
73
|
-
else if (props.rounding === "none") rules += ' _va';
|
|
68
|
+
rules += ' _Oc';
|
|
69
|
+
rules += ' _N-3t1z';
|
|
70
|
+
rules += ' Vc';
|
|
74
71
|
if (props.rounding === "full") rules += ' _wf';
|
|
75
72
|
else if (props.rounding === "default") rules += ' _wb';
|
|
76
73
|
else if (props.rounding === "none") rules += ' _wa';
|
|
@@ -80,6 +77,9 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
|
|
|
80
77
|
if (props.rounding === "full") rules += ' _yf';
|
|
81
78
|
else if (props.rounding === "default") rules += ' _yb';
|
|
82
79
|
else if (props.rounding === "none") rules += ' _ya';
|
|
80
|
+
if (props.rounding === "full") rules += ' _zf';
|
|
81
|
+
else if (props.rounding === "default") rules += ' _zb';
|
|
82
|
+
else if (props.rounding === "none") rules += ' _za';
|
|
83
83
|
return rules;
|
|
84
84
|
})({
|
|
85
85
|
...renderProps,
|
|
@@ -90,7 +90,7 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
|
|
|
90
90
|
swatch,
|
|
91
91
|
isSelected && /*#__PURE__*/ (0, $bOBHx$jsx)("div", {
|
|
92
92
|
"aria-hidden": true,
|
|
93
|
-
className: " .
|
|
93
|
+
className: " . Va __Ca Ya _aa Wa Xa __oa co wa uc vc sc tc dd _Mb _Oc _N-3hmpy _Ab _w-17zqamw _x-17zqamw _y-17zqamw _z-17zqamw"
|
|
94
94
|
})
|
|
95
95
|
]
|
|
96
96
|
})
|
package/dist/ColorWheel.cjs
CHANGED
|
@@ -54,16 +54,16 @@ const $0c1e31ce388fe468$export$f80663f808113381 = /*#__PURE__*/ (0, $lMAHP$react
|
|
|
54
54
|
}),
|
|
55
55
|
className: function anonymous(props) {
|
|
56
56
|
let rules = " .";
|
|
57
|
-
rules += ' _vf';
|
|
58
57
|
rules += ' _wf';
|
|
59
58
|
rules += ' _xf';
|
|
60
59
|
rules += ' _yf';
|
|
60
|
+
rules += ' _zf';
|
|
61
61
|
rules += ' da_____I';
|
|
62
62
|
rules += ' dp10';
|
|
63
|
-
rules += '
|
|
64
|
-
rules += '
|
|
65
|
-
if (props.isDisabled) rules += '
|
|
66
|
-
else rules += '
|
|
63
|
+
rules += ' _Ob';
|
|
64
|
+
rules += ' _N-3hmpv';
|
|
65
|
+
if (props.isDisabled) rules += ' _Ma';
|
|
66
|
+
else rules += ' _Mb';
|
|
67
67
|
if (props.isDisabled) rules += ' bg';
|
|
68
68
|
return rules;
|
|
69
69
|
}
|
|
@@ -71,21 +71,21 @@ const $0c1e31ce388fe468$export$f80663f808113381 = /*#__PURE__*/ (0, $lMAHP$react
|
|
|
71
71
|
/*#__PURE__*/ (0, $lMAHP$reactjsxruntime.jsx)("div", {
|
|
72
72
|
className: function anonymous(props) {
|
|
73
73
|
let rules = " .";
|
|
74
|
-
rules += '
|
|
75
|
-
rules += '
|
|
76
|
-
rules += '
|
|
77
|
-
rules += ' Vh';
|
|
74
|
+
rules += ' Va';
|
|
75
|
+
rules += ' Yh';
|
|
76
|
+
rules += ' _ah';
|
|
78
77
|
rules += ' Wh';
|
|
79
|
-
rules += '
|
|
80
|
-
rules += '
|
|
78
|
+
rules += ' Xh';
|
|
79
|
+
rules += ' __Ca';
|
|
81
80
|
rules += ' _wf';
|
|
82
81
|
rules += ' _xf';
|
|
83
82
|
rules += ' _yf';
|
|
83
|
+
rules += ' _zf';
|
|
84
84
|
rules += ' da_____I';
|
|
85
85
|
rules += ' dp10';
|
|
86
|
-
rules += '
|
|
87
|
-
if (props.isDisabled) rules += '
|
|
88
|
-
else rules += '
|
|
86
|
+
rules += ' _Ob';
|
|
87
|
+
if (props.isDisabled) rules += ' _Ma';
|
|
88
|
+
else rules += ' _Mb';
|
|
89
89
|
return rules;
|
|
90
90
|
}({
|
|
91
91
|
isDisabled: isDisabled
|