@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/ColorField.mjs
CHANGED
|
@@ -48,51 +48,51 @@ 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)(?:y|z|A|B|_9|
|
|
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 $__a = false;
|
|
54
53
|
let $__b = false;
|
|
54
|
+
let $__c = false;
|
|
55
55
|
for (let p of matches){
|
|
56
|
-
if (/^\s*__a/.test(p)) $__a = true;
|
|
57
56
|
if (/^\s*__b/.test(p)) $__b = true;
|
|
57
|
+
if (/^\s*__c/.test(p)) $__c = true;
|
|
58
58
|
}
|
|
59
|
-
rules += '
|
|
60
|
-
if (!$__a) {
|
|
61
|
-
if (props.isInForm) rules += ' __a-3t1y';
|
|
62
|
-
}
|
|
59
|
+
rules += ' _0f';
|
|
63
60
|
if (!$__b) {
|
|
61
|
+
if (props.isInForm) rules += ' __b-3t1y';
|
|
62
|
+
}
|
|
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 += '
|
|
93
|
+
rules += ' _2d';
|
|
94
|
+
rules += ' _g-1x99dlob';
|
|
95
|
+
rules += ' _ga';
|
|
96
96
|
if (props.size === "XL") rules += ' -aqrvqh_k-j';
|
|
97
97
|
else if (props.size === "L") rules += ' -aqrvqh_k-i';
|
|
98
98
|
else if (props.size === "S") rules += ' -aqrvqh_k-h';
|
|
@@ -100,7 +100,7 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$forwa
|
|
|
100
100
|
else rules += ' -aqrvqh_k-f';
|
|
101
101
|
rules += ' -_1inj1bc_i--prjw07';
|
|
102
102
|
rules += ' je';
|
|
103
|
-
rules += '
|
|
103
|
+
rules += ' __S-yksgrp';
|
|
104
104
|
return rules;
|
|
105
105
|
}({
|
|
106
106
|
size: props.size,
|
package/dist/ColorHandle.cjs
CHANGED
|
@@ -35,19 +35,19 @@ 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
41
|
if (props.isFocusVisible) rules += ' lU';
|
|
42
42
|
else rules += ' lE';
|
|
43
43
|
if (props.isFocusVisible) rules += ' kU';
|
|
44
44
|
else rules += ' kE';
|
|
45
45
|
if (props.isDisabled) rules += ' bg';
|
|
46
|
-
rules += ' _vf';
|
|
47
46
|
rules += ' _wf';
|
|
48
47
|
rules += ' _xf';
|
|
49
48
|
rules += ' _yf';
|
|
50
|
-
rules += '
|
|
49
|
+
rules += ' _zf';
|
|
50
|
+
rules += ' __oa';
|
|
51
51
|
rules += ' wa';
|
|
52
52
|
rules += ' uc';
|
|
53
53
|
rules += ' vc';
|
|
@@ -55,8 +55,8 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
|
|
|
55
55
|
rules += ' tc';
|
|
56
56
|
if (props.isDisabled) rules += ' ci';
|
|
57
57
|
else rules += ' cc';
|
|
58
|
-
rules += '
|
|
59
|
-
rules += '
|
|
58
|
+
rules += ' _Mb';
|
|
59
|
+
rules += ' _Ob';
|
|
60
60
|
rules += ' da_____I';
|
|
61
61
|
rules += ' db42';
|
|
62
62
|
return rules;
|
|
@@ -70,7 +70,7 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
|
|
|
70
70
|
children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsxs)((0, $8hzuN$reactjsxruntime.Fragment), {
|
|
71
71
|
children: [
|
|
72
72
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("div", {
|
|
73
|
-
className: " . lb kb
|
|
73
|
+
className: " . lb kb _wf _xf _yf _zf __oa wa ub vb sb tb cb42 ca_____I"
|
|
74
74
|
}),
|
|
75
75
|
/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)($5b07976eb9e358fe$var$ColorLoupePortal, {
|
|
76
76
|
isOpen: isDragging,
|
|
@@ -131,7 +131,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
|
|
|
131
131
|
marginLeft: -$5b07976eb9e358fe$var$LOUPE_WIDTH / 2 - $5b07976eb9e358fe$var$LOUPE_BORDER_WIDTH,
|
|
132
132
|
animationName: isExiting ? exitAnimation : enterAnimation
|
|
133
133
|
},
|
|
134
|
-
className: " .
|
|
134
|
+
className: " . _vb __Ca _U-375x4t _Xb _Za __Ga",
|
|
135
135
|
onAnimationEnd: (e)=>{
|
|
136
136
|
if (e.animationName === exitAnimation) onExited();
|
|
137
137
|
},
|
package/dist/ColorHandle.css
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
@layer _.a {
|
|
2
|
-
.
|
|
2
|
+
._P-1oihi8a {
|
|
3
3
|
transition-property: width, height;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
._R-375x7f {
|
|
7
7
|
transition-duration: .15s;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
._Sa {
|
|
11
11
|
transition-timing-function: cubic-bezier(.45, 0, .4, 1);
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -55,11 +55,11 @@
|
|
|
55
55
|
border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.
|
|
58
|
+
._Mb {
|
|
59
59
|
outline-style: solid;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
._Ob {
|
|
63
63
|
outline-width: 1px;
|
|
64
64
|
}
|
|
65
65
|
|
|
@@ -75,23 +75,23 @@
|
|
|
75
75
|
height: 100%;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.
|
|
78
|
+
._wf {
|
|
79
79
|
border-start-start-radius: 9999px;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.
|
|
82
|
+
._xf {
|
|
83
83
|
border-start-end-radius: 9999px;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
.
|
|
86
|
+
._yf {
|
|
87
87
|
border-end-start-radius: 9999px;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.
|
|
90
|
+
._zf {
|
|
91
91
|
border-end-end-radius: 9999px;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
.
|
|
94
|
+
.__oa {
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
}
|
|
97
97
|
|
|
@@ -119,27 +119,27 @@
|
|
|
119
119
|
border-color: #0000006b;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.
|
|
122
|
+
._vb {
|
|
123
123
|
filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
.
|
|
126
|
+
.__Ca {
|
|
127
127
|
pointer-events: none;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.
|
|
130
|
+
._U-375x4t {
|
|
131
131
|
animation-duration: .125s;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
.
|
|
134
|
+
._Xb {
|
|
135
135
|
animation-fill-mode: forwards;
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
.
|
|
138
|
+
._Za {
|
|
139
139
|
animation-timing-function: cubic-bezier(.45, 0, .4, 1);
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.
|
|
142
|
+
.__Ga {
|
|
143
143
|
isolation: isolate;
|
|
144
144
|
}
|
|
145
145
|
|
package/dist/ColorHandle.mjs
CHANGED
|
@@ -29,19 +29,19 @@ function $b4f7db7c45cd3de9$export$92862704de639678({ containerRef: containerRef,
|
|
|
29
29
|
return /*#__PURE__*/ (0, $kShzN$jsx)((0, $kShzN$ColorThumb), {
|
|
30
30
|
className: function anonymous(props) {
|
|
31
31
|
let rules = " .";
|
|
32
|
-
rules += '
|
|
33
|
-
rules += '
|
|
34
|
-
rules += '
|
|
32
|
+
rules += ' _P-1oihi8a';
|
|
33
|
+
rules += ' _R-375x7f';
|
|
34
|
+
rules += ' _Sa';
|
|
35
35
|
if (props.isFocusVisible) rules += ' lU';
|
|
36
36
|
else rules += ' lE';
|
|
37
37
|
if (props.isFocusVisible) rules += ' kU';
|
|
38
38
|
else rules += ' kE';
|
|
39
39
|
if (props.isDisabled) rules += ' bg';
|
|
40
|
-
rules += ' _vf';
|
|
41
40
|
rules += ' _wf';
|
|
42
41
|
rules += ' _xf';
|
|
43
42
|
rules += ' _yf';
|
|
44
|
-
rules += '
|
|
43
|
+
rules += ' _zf';
|
|
44
|
+
rules += ' __oa';
|
|
45
45
|
rules += ' wa';
|
|
46
46
|
rules += ' uc';
|
|
47
47
|
rules += ' vc';
|
|
@@ -49,8 +49,8 @@ function $b4f7db7c45cd3de9$export$92862704de639678({ containerRef: containerRef,
|
|
|
49
49
|
rules += ' tc';
|
|
50
50
|
if (props.isDisabled) rules += ' ci';
|
|
51
51
|
else rules += ' cc';
|
|
52
|
-
rules += '
|
|
53
|
-
rules += '
|
|
52
|
+
rules += ' _Mb';
|
|
53
|
+
rules += ' _Ob';
|
|
54
54
|
rules += ' da_____I';
|
|
55
55
|
rules += ' db42';
|
|
56
56
|
return rules;
|
|
@@ -64,7 +64,7 @@ function $b4f7db7c45cd3de9$export$92862704de639678({ containerRef: containerRef,
|
|
|
64
64
|
children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $kShzN$jsxs)((0, $kShzN$Fragment), {
|
|
65
65
|
children: [
|
|
66
66
|
/*#__PURE__*/ (0, $kShzN$jsx)("div", {
|
|
67
|
-
className: " . lb kb
|
|
67
|
+
className: " . lb kb _wf _xf _yf _zf __oa wa ub vb sb tb cb42 ca_____I"
|
|
68
68
|
}),
|
|
69
69
|
/*#__PURE__*/ (0, $kShzN$jsx)($b4f7db7c45cd3de9$var$ColorLoupePortal, {
|
|
70
70
|
isOpen: isDragging,
|
|
@@ -125,7 +125,7 @@ function $b4f7db7c45cd3de9$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
|
|
|
125
125
|
marginLeft: -$b4f7db7c45cd3de9$var$LOUPE_WIDTH / 2 - $b4f7db7c45cd3de9$var$LOUPE_BORDER_WIDTH,
|
|
126
126
|
animationName: isExiting ? exitAnimation : enterAnimation
|
|
127
127
|
},
|
|
128
|
-
className: " .
|
|
128
|
+
className: " . _vb __Ca _U-375x4t _Xb _Za __Ga",
|
|
129
129
|
onAnimationEnd: (e)=>{
|
|
130
130
|
if (e.animationName === exitAnimation) onExited();
|
|
131
131
|
},
|
package/dist/ColorSlider.cjs
CHANGED
|
@@ -46,7 +46,7 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
|
|
|
46
46
|
"aria-label": props['aria-label'] || (props.orientation === 'vertical' ? props.label : undefined),
|
|
47
47
|
className: (renderProps)=>UNSAFE_className + function anonymous(props, overrides) {
|
|
48
48
|
let rules = " .";
|
|
49
|
-
let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|
|
|
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)[^\s]+/g) || [];
|
|
50
50
|
rules += matches.join('');
|
|
51
51
|
let $l = false;
|
|
52
52
|
for (let p of matches)if (/^\s*l/.test(p)) $l = true;
|
|
@@ -54,10 +54,10 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
|
|
|
54
54
|
if (props.orientation === "horizontal") rules += ' l___u';
|
|
55
55
|
}
|
|
56
56
|
if (props.orientation === "vertical") rules += ' k___u';
|
|
57
|
-
if (props.orientation === "vertical") rules += '
|
|
58
|
-
else if (props.orientation === "horizontal") rules += '
|
|
59
|
-
rules += '
|
|
60
|
-
rules += '
|
|
57
|
+
if (props.orientation === "vertical") rules += ' _0a';
|
|
58
|
+
else if (props.orientation === "horizontal") rules += ' _0f';
|
|
59
|
+
rules += ' __i-15pd573';
|
|
60
|
+
rules += ' __k-1kch5qg';
|
|
61
61
|
rules += ' ic';
|
|
62
62
|
return rules;
|
|
63
63
|
}(renderProps, styles),
|
|
@@ -75,37 +75,37 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
|
|
|
75
75
|
orientation === 'horizontal' && /*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsx)((0, $hkRua$reactariacomponents.SliderOutput), {
|
|
76
76
|
className: function anonymous(props) {
|
|
77
77
|
let rules = " .";
|
|
78
|
-
rules += '
|
|
79
|
-
rules += '
|
|
80
|
-
rules += '
|
|
81
|
-
rules += '
|
|
82
|
-
rules += '
|
|
83
|
-
rules += '
|
|
84
|
-
rules += '
|
|
85
|
-
rules += '
|
|
86
|
-
rules += '
|
|
87
|
-
rules += '
|
|
88
|
-
rules += '
|
|
89
|
-
rules += '
|
|
78
|
+
rules += ' __b-ny5g4a';
|
|
79
|
+
rules += ' __c-ny5g4a';
|
|
80
|
+
rules += ' __d-ny5g4a';
|
|
81
|
+
rules += ' __e-ny5g4a';
|
|
82
|
+
rules += ' _d-bc1l9oh';
|
|
83
|
+
rules += ' _d-1uotwbwg';
|
|
84
|
+
rules += ' _d-eo0c6sf';
|
|
85
|
+
rules += ' _d-enzzrge';
|
|
86
|
+
rules += ' _d-enzykdd';
|
|
87
|
+
rules += ' _d-enzwzjc';
|
|
88
|
+
rules += ' _d-enzrfpb';
|
|
89
|
+
rules += ' _da';
|
|
90
90
|
if (props.size === "XL") {
|
|
91
|
-
rules += '
|
|
92
|
-
rules += '
|
|
91
|
+
rules += ' _ebj';
|
|
92
|
+
rules += ' _ei';
|
|
93
93
|
} else if (props.size === "L") {
|
|
94
|
-
rules += '
|
|
95
|
-
rules += '
|
|
94
|
+
rules += ' _ebh';
|
|
95
|
+
rules += ' _eg';
|
|
96
96
|
} else if (props.size === "S") {
|
|
97
|
-
rules += '
|
|
98
|
-
rules += '
|
|
97
|
+
rules += ' _ebd';
|
|
98
|
+
rules += ' _ec';
|
|
99
99
|
} else if (props.size === "XS") {
|
|
100
|
-
rules += '
|
|
101
|
-
rules += '
|
|
100
|
+
rules += ' _ebb';
|
|
101
|
+
rules += ' _ea';
|
|
102
102
|
} else {
|
|
103
|
-
rules += '
|
|
104
|
-
rules += '
|
|
103
|
+
rules += ' _ebf';
|
|
104
|
+
rules += ' _ee';
|
|
105
105
|
}
|
|
106
|
-
rules += '
|
|
107
|
-
rules += '
|
|
108
|
-
rules += '
|
|
106
|
+
rules += ' _fb';
|
|
107
|
+
rules += ' _g-1x99dlob';
|
|
108
|
+
rules += ' _ga';
|
|
109
109
|
if (props.isDisabled) rules += ' aj';
|
|
110
110
|
else {
|
|
111
111
|
if (props.isPressed) rules += ' an';
|
|
@@ -113,7 +113,7 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
|
|
|
113
113
|
else if (props.isHovered) rules += ' an';
|
|
114
114
|
else rules += ' am';
|
|
115
115
|
}
|
|
116
|
-
rules += '
|
|
116
|
+
rules += ' __Ib';
|
|
117
117
|
return rules;
|
|
118
118
|
}
|
|
119
119
|
}),
|
|
@@ -124,24 +124,24 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
|
|
|
124
124
|
}),
|
|
125
125
|
className: function anonymous(props) {
|
|
126
126
|
let rules = " .";
|
|
127
|
-
rules += '
|
|
128
|
-
rules += '
|
|
129
|
-
rules += '
|
|
130
|
-
rules += '
|
|
127
|
+
rules += ' __b-n9hk5a';
|
|
128
|
+
rules += ' __c-n9hk5a';
|
|
129
|
+
rules += ' __d-n9hk5a';
|
|
130
|
+
rules += ' __e-n9hk5a';
|
|
131
131
|
if (props.orientation === "vertical") rules += ' lM';
|
|
132
132
|
else if (props.orientation === "horizontal") rules += ' lb';
|
|
133
133
|
if (props.orientation === "vertical") rules += ' kb';
|
|
134
134
|
else if (props.orientation === "horizontal") rules += ' kM';
|
|
135
|
-
rules += ' _vc';
|
|
136
135
|
rules += ' _wc';
|
|
137
136
|
rules += ' _xc';
|
|
138
137
|
rules += ' _yc';
|
|
138
|
+
rules += ' _zc';
|
|
139
139
|
rules += ' da_____I';
|
|
140
140
|
rules += ' dp10';
|
|
141
|
-
rules += '
|
|
142
|
-
rules += '
|
|
143
|
-
if (props.isDisabled) rules += '
|
|
144
|
-
else rules += '
|
|
141
|
+
rules += ' _Ob';
|
|
142
|
+
rules += ' _N-3hmpv';
|
|
143
|
+
if (props.isDisabled) rules += ' _Ma';
|
|
144
|
+
else rules += ' _Mb';
|
|
145
145
|
if (props.isDisabled) rules += ' bg';
|
|
146
146
|
return rules;
|
|
147
147
|
},
|
package/dist/ColorSlider.css
CHANGED
|
@@ -7,19 +7,19 @@
|
|
|
7
7
|
height: calc(12rem * var(--s2-scale));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.
|
|
10
|
+
._0f {
|
|
11
11
|
display: grid;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
._0a {
|
|
15
15
|
display: block;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.__i-15pd573 {
|
|
19
19
|
grid-template-columns: 1fr auto;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.__k-1kch5qg {
|
|
23
23
|
grid-template-areas: "label output"
|
|
24
24
|
"track track";
|
|
25
25
|
}
|
|
@@ -28,53 +28,53 @@
|
|
|
28
28
|
row-gap: .25rem;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.
|
|
31
|
+
.__b-ny5g4a {
|
|
32
32
|
grid-column-start: output;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.
|
|
35
|
+
.__c-ny5g4a {
|
|
36
36
|
grid-column-end: output;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
.
|
|
39
|
+
.__d-ny5g4a {
|
|
40
40
|
grid-row-start: output;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
.
|
|
43
|
+
.__e-ny5g4a {
|
|
44
44
|
grid-row-end: output;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.
|
|
47
|
+
._da {
|
|
48
48
|
font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.
|
|
51
|
+
._ee {
|
|
52
52
|
font-size: .875rem;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.
|
|
55
|
+
._ea {
|
|
56
56
|
font-size: .6875rem;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
.
|
|
59
|
+
._ec {
|
|
60
60
|
font-size: .75rem;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.
|
|
63
|
+
._eg {
|
|
64
64
|
font-size: 1rem;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
.
|
|
67
|
+
._ei {
|
|
68
68
|
font-size: 1.125rem;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.
|
|
71
|
+
._fb {
|
|
72
72
|
font-variation-settings: "wght" 400;
|
|
73
73
|
font-synthesis-weight: none;
|
|
74
74
|
font-weight: 400;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.
|
|
77
|
+
._ga {
|
|
78
78
|
line-height: 1.3;
|
|
79
79
|
}
|
|
80
80
|
|
|
@@ -90,23 +90,23 @@
|
|
|
90
90
|
color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.
|
|
93
|
+
.__Ib {
|
|
94
94
|
cursor: default;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.__b-n9hk5a {
|
|
98
98
|
grid-column-start: track;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.
|
|
101
|
+
.__c-n9hk5a {
|
|
102
102
|
grid-column-end: track;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
-
.
|
|
105
|
+
.__d-n9hk5a {
|
|
106
106
|
grid-row-start: track;
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.
|
|
109
|
+
.__e-n9hk5a {
|
|
110
110
|
grid-row-end: track;
|
|
111
111
|
}
|
|
112
112
|
|
|
@@ -126,19 +126,19 @@
|
|
|
126
126
|
height: 100%;
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
.
|
|
129
|
+
._wc {
|
|
130
130
|
border-start-start-radius: .5rem;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
.
|
|
133
|
+
._xc {
|
|
134
134
|
border-start-end-radius: .5rem;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
.
|
|
137
|
+
._yc {
|
|
138
138
|
border-end-start-radius: .5rem;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
.
|
|
141
|
+
._zc {
|
|
142
142
|
border-end-end-radius: .5rem;
|
|
143
143
|
}
|
|
144
144
|
|
|
@@ -146,19 +146,19 @@
|
|
|
146
146
|
outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.
|
|
149
|
+
._Ob {
|
|
150
150
|
outline-width: 1px;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.
|
|
153
|
+
._N-3hmpv {
|
|
154
154
|
outline-offset: -1px;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.
|
|
157
|
+
._Mb {
|
|
158
158
|
outline-style: solid;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.
|
|
161
|
+
._Ma {
|
|
162
162
|
outline-style: none;
|
|
163
163
|
}
|
|
164
164
|
|
|
@@ -168,11 +168,11 @@
|
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
@layer _.b {
|
|
171
|
-
.
|
|
171
|
+
._d-enzrfpb:lang(ar) {
|
|
172
172
|
font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
.
|
|
175
|
+
._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
|
|
176
176
|
line-height: 1.5;
|
|
177
177
|
}
|
|
178
178
|
}
|
|
@@ -180,60 +180,60 @@
|
|
|
180
180
|
@layer UNSAFE_overrides;
|
|
181
181
|
|
|
182
182
|
@layer _.c {
|
|
183
|
-
.
|
|
183
|
+
._d-enzwzjc:lang(he) {
|
|
184
184
|
font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
@layer _.d {
|
|
189
|
-
.
|
|
189
|
+
._d-enzykdd:lang(ja) {
|
|
190
190
|
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
@layer _.e {
|
|
195
|
-
.
|
|
195
|
+
._d-enzzrge:lang(ko) {
|
|
196
196
|
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
@layer _.f {
|
|
201
|
-
.
|
|
201
|
+
._d-eo0c6sf:lang(zh) {
|
|
202
202
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
@layer _.g {
|
|
207
|
-
.
|
|
207
|
+
._d-1uotwbwg:lang(zh-hant) {
|
|
208
208
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
@layer _.h {
|
|
213
|
-
.
|
|
213
|
+
._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
|
|
214
214
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
|
|
218
218
|
@layer _.b.b {
|
|
219
219
|
@media not ((hover: hover) and (pointer: fine)) {
|
|
220
|
-
.
|
|
220
|
+
._ebf {
|
|
221
221
|
font-size: 1.0625rem;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.
|
|
224
|
+
._ebb {
|
|
225
225
|
font-size: .8125rem;
|
|
226
226
|
}
|
|
227
227
|
|
|
228
|
-
.
|
|
228
|
+
._ebd {
|
|
229
229
|
font-size: .9375rem;
|
|
230
230
|
}
|
|
231
231
|
|
|
232
|
-
.
|
|
232
|
+
._ebh {
|
|
233
233
|
font-size: 1.1875rem;
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.
|
|
236
|
+
._ebj {
|
|
237
237
|
font-size: 1.375rem;
|
|
238
238
|
}
|
|
239
239
|
}
|