@react-spectrum/button 3.5.0 → 3.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/main.css +1 -2
  2. package/dist/main.js +428 -419
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +411 -378
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts +4 -4
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +13 -13
  9. package/src/ActionButton.tsx +8 -1
  10. package/dist/main.css.map +0 -1
package/dist/main.js CHANGED
@@ -1,457 +1,466 @@
1
- var {
2
- useToggleState
3
- } = require("@react-stately/toggle");
4
-
5
- var _spectrumIconsUiCrossSmall = $parcel$interopDefault(require("@spectrum-icons/ui/CrossSmall"));
6
-
7
- var {
8
- useProviderProps
9
- } = require("@react-spectrum/provider");
10
-
11
- var {
12
- useHover
13
- } = require("@react-aria/interactions");
14
-
15
- var {
16
- useButton,
17
- useToggleButton
18
- } = require("@react-aria/button");
19
-
20
- var {
21
- Text
22
- } = require("@react-spectrum/text");
23
-
24
- var _react = $parcel$interopDefault(require("react"));
1
+ require("./main.css");
2
+ var $hZ1TI$reactspectrumutils = require("@react-spectrum/utils");
3
+ var $hZ1TI$reactariafocus = require("@react-aria/focus");
4
+ var $hZ1TI$reactariautils = require("@react-aria/utils");
5
+ var $hZ1TI$react = require("react");
6
+ var $hZ1TI$reactspectrumtext = require("@react-spectrum/text");
7
+ var $hZ1TI$reactariabutton = require("@react-aria/button");
8
+ var $hZ1TI$reactariainteractions = require("@react-aria/interactions");
9
+ var $hZ1TI$reactspectrumprovider = require("@react-spectrum/provider");
10
+ var $hZ1TI$spectrumiconsuiCornerTriangle = require("@spectrum-icons/ui/CornerTriangle");
11
+ var $hZ1TI$spectrumiconsuiCrossSmall = require("@spectrum-icons/ui/CrossSmall");
12
+ var $hZ1TI$reactstatelytoggle = require("@react-stately/toggle");
13
+
14
+ function $parcel$exportWildcard(dest, source) {
15
+ Object.keys(source).forEach(function(key) {
16
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
17
+ return;
18
+ }
25
19
 
26
- var {
27
- mergeProps
28
- } = require("@react-aria/utils");
20
+ Object.defineProperty(dest, key, {
21
+ enumerable: true,
22
+ get: function get() {
23
+ return source[key];
24
+ }
25
+ });
26
+ });
29
27
 
30
- var {
31
- FocusRing
32
- } = require("@react-aria/focus");
28
+ return dest;
29
+ }
30
+ function $parcel$interopDefault(a) {
31
+ return a && a.__esModule ? a.default : a;
32
+ }
33
+ function $parcel$export(e, n, v, s) {
34
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
35
+ }
36
+ var $8c638dba90e421cd$exports = {};
37
+
38
+ $parcel$export($8c638dba90e421cd$exports, "Button", () => $8c638dba90e421cd$export$353f5b6fc5456de1);
39
+
40
+
41
+
42
+
43
+ var $fdb409b291c9958f$exports = {};
44
+
45
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button", () => $fdb409b291c9958f$export$1db4cca5b4ade39a, (v) => $fdb409b291c9958f$export$1db4cca5b4ade39a = v);
46
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton", () => $fdb409b291c9958f$export$53da69f51b770d3, (v) => $fdb409b291c9958f$export$53da69f51b770d3 = v);
47
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-LogicButton", () => $fdb409b291c9958f$export$36ae67a131730482, (v) => $fdb409b291c9958f$export$36ae67a131730482 = v);
48
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-FieldButton", () => $fdb409b291c9958f$export$a024c99ecf6b5741, (v) => $fdb409b291c9958f$export$a024c99ecf6b5741 = v);
49
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ClearButton", () => $fdb409b291c9958f$export$b752ce409e5660c, (v) => $fdb409b291c9958f$export$b752ce409e5660c = v);
50
+ $parcel$export($fdb409b291c9958f$exports, "focus-ring", () => $fdb409b291c9958f$export$f39a09f249340e2a, (v) => $fdb409b291c9958f$export$f39a09f249340e2a = v);
51
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Icon", () => $fdb409b291c9958f$export$d374b04f30360026, (v) => $fdb409b291c9958f$export$d374b04f30360026 = v);
52
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton--emphasized", () => $fdb409b291c9958f$export$5aabb61a966e266f, (v) => $fdb409b291c9958f$export$5aabb61a966e266f = v);
53
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton--staticColor", () => $fdb409b291c9958f$export$29b7b5d6a5a497c5, (v) => $fdb409b291c9958f$export$29b7b5d6a5a497c5 = v);
54
+ $parcel$export($fdb409b291c9958f$exports, "is-hovered", () => $fdb409b291c9958f$export$b8813cd5d7824ce7, (v) => $fdb409b291c9958f$export$b8813cd5d7824ce7 = v);
55
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button-label", () => $fdb409b291c9958f$export$c081ba562e204942, (v) => $fdb409b291c9958f$export$c081ba562e204942 = v);
56
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton-label", () => $fdb409b291c9958f$export$ebb4635c66bacdb9, (v) => $fdb409b291c9958f$export$ebb4635c66bacdb9 = v);
57
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton-hold", () => $fdb409b291c9958f$export$4a4f01c443eff992, (v) => $fdb409b291c9958f$export$4a4f01c443eff992 = v);
58
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton--quiet", () => $fdb409b291c9958f$export$40e1f009544bacf3, (v) => $fdb409b291c9958f$export$40e1f009544bacf3 = v);
59
+ $parcel$export($fdb409b291c9958f$exports, "is-disabled", () => $fdb409b291c9958f$export$d35bc1e505d1ebbf, (v) => $fdb409b291c9958f$export$d35bc1e505d1ebbf = v);
60
+ $parcel$export($fdb409b291c9958f$exports, "is-open", () => $fdb409b291c9958f$export$a9781837241c946d, (v) => $fdb409b291c9958f$export$a9781837241c946d = v);
61
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-FieldButton--quiet", () => $fdb409b291c9958f$export$5ca7b274e4fff9fc, (v) => $fdb409b291c9958f$export$5ca7b274e4fff9fc = v);
62
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ClearButton--overBackground", () => $fdb409b291c9958f$export$116f2fccf941d34d, (v) => $fdb409b291c9958f$export$116f2fccf941d34d = v);
63
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ClearButton--small", () => $fdb409b291c9958f$export$49280ffa5236ba8b, (v) => $fdb409b291c9958f$export$49280ffa5236ba8b = v);
64
+ $parcel$export($fdb409b291c9958f$exports, "is-focused", () => $fdb409b291c9958f$export$e7dc768d35940237, (v) => $fdb409b291c9958f$export$e7dc768d35940237 = v);
65
+ $parcel$export($fdb409b291c9958f$exports, "is-active", () => $fdb409b291c9958f$export$20fd0f7cd4e6112f, (v) => $fdb409b291c9958f$export$20fd0f7cd4e6112f = v);
66
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button--cta", () => $fdb409b291c9958f$export$b818fdf0052a2cab, (v) => $fdb409b291c9958f$export$b818fdf0052a2cab = v);
67
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button--primary", () => $fdb409b291c9958f$export$c1c3511f5e96e926, (v) => $fdb409b291c9958f$export$c1c3511f5e96e926 = v);
68
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button--secondary", () => $fdb409b291c9958f$export$4f1b75526afd8ff3, (v) => $fdb409b291c9958f$export$4f1b75526afd8ff3 = v);
69
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button--warning", () => $fdb409b291c9958f$export$6f97cef817ff1cac, (v) => $fdb409b291c9958f$export$6f97cef817ff1cac = v);
70
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button--overBackground", () => $fdb409b291c9958f$export$5cda1128f9112d2e, (v) => $fdb409b291c9958f$export$5cda1128f9112d2e = v);
71
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-Button--quiet", () => $fdb409b291c9958f$export$25f049c049371040, (v) => $fdb409b291c9958f$export$25f049c049371040 = v);
72
+ $parcel$export($fdb409b291c9958f$exports, "is-selected", () => $fdb409b291c9958f$export$1e0fb04f31d3c22a, (v) => $fdb409b291c9958f$export$1e0fb04f31d3c22a = v);
73
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton--staticWhite", () => $fdb409b291c9958f$export$ccc536e1adbdc059, (v) => $fdb409b291c9958f$export$ccc536e1adbdc059 = v);
74
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-ActionButton--staticBlack", () => $fdb409b291c9958f$export$8f7c9db66978d20f, (v) => $fdb409b291c9958f$export$8f7c9db66978d20f = v);
75
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-LogicButton--and", () => $fdb409b291c9958f$export$e52daab43a62c528, (v) => $fdb409b291c9958f$export$e52daab43a62c528 = v);
76
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-LogicButton--or", () => $fdb409b291c9958f$export$da76be6126aaa633, (v) => $fdb409b291c9958f$export$da76be6126aaa633 = v);
77
+ $parcel$export($fdb409b291c9958f$exports, "is-placeholder", () => $fdb409b291c9958f$export$e5b2f5233e4e5194, (v) => $fdb409b291c9958f$export$e5b2f5233e4e5194 = v);
78
+ $parcel$export($fdb409b291c9958f$exports, "spectrum-FieldButton--invalid", () => $fdb409b291c9958f$export$c9f503f672e8a3c1, (v) => $fdb409b291c9958f$export$c9f503f672e8a3c1 = v);
79
+ var $fdb409b291c9958f$export$1db4cca5b4ade39a;
80
+ var $fdb409b291c9958f$export$53da69f51b770d3;
81
+ var $fdb409b291c9958f$export$36ae67a131730482;
82
+ var $fdb409b291c9958f$export$a024c99ecf6b5741;
83
+ var $fdb409b291c9958f$export$b752ce409e5660c;
84
+ var $fdb409b291c9958f$export$f39a09f249340e2a;
85
+ var $fdb409b291c9958f$export$d374b04f30360026;
86
+ var $fdb409b291c9958f$export$5aabb61a966e266f;
87
+ var $fdb409b291c9958f$export$29b7b5d6a5a497c5;
88
+ var $fdb409b291c9958f$export$b8813cd5d7824ce7;
89
+ var $fdb409b291c9958f$export$c081ba562e204942;
90
+ var $fdb409b291c9958f$export$ebb4635c66bacdb9;
91
+ var $fdb409b291c9958f$export$4a4f01c443eff992;
92
+ var $fdb409b291c9958f$export$40e1f009544bacf3;
93
+ var $fdb409b291c9958f$export$d35bc1e505d1ebbf;
94
+ var $fdb409b291c9958f$export$a9781837241c946d;
95
+ var $fdb409b291c9958f$export$5ca7b274e4fff9fc;
96
+ var $fdb409b291c9958f$export$116f2fccf941d34d;
97
+ var $fdb409b291c9958f$export$49280ffa5236ba8b;
98
+ var $fdb409b291c9958f$export$e7dc768d35940237;
99
+ var $fdb409b291c9958f$export$20fd0f7cd4e6112f;
100
+ var $fdb409b291c9958f$export$b818fdf0052a2cab;
101
+ var $fdb409b291c9958f$export$c1c3511f5e96e926;
102
+ var $fdb409b291c9958f$export$4f1b75526afd8ff3;
103
+ var $fdb409b291c9958f$export$6f97cef817ff1cac;
104
+ var $fdb409b291c9958f$export$5cda1128f9112d2e;
105
+ var $fdb409b291c9958f$export$25f049c049371040;
106
+ var $fdb409b291c9958f$export$1e0fb04f31d3c22a;
107
+ var $fdb409b291c9958f$export$ccc536e1adbdc059;
108
+ var $fdb409b291c9958f$export$8f7c9db66978d20f;
109
+ var $fdb409b291c9958f$export$e52daab43a62c528;
110
+ var $fdb409b291c9958f$export$da76be6126aaa633;
111
+ var $fdb409b291c9958f$export$e5b2f5233e4e5194;
112
+ var $fdb409b291c9958f$export$c9f503f672e8a3c1;
113
+ $fdb409b291c9958f$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
114
+ $fdb409b291c9958f$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
115
+ $fdb409b291c9958f$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
116
+ $fdb409b291c9958f$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
117
+ $fdb409b291c9958f$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
118
+ $fdb409b291c9958f$export$f39a09f249340e2a = "focus-ring_e2d99e";
119
+ $fdb409b291c9958f$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
120
+ $fdb409b291c9958f$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
121
+ $fdb409b291c9958f$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
122
+ $fdb409b291c9958f$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
123
+ $fdb409b291c9958f$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
124
+ $fdb409b291c9958f$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
125
+ $fdb409b291c9958f$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
126
+ $fdb409b291c9958f$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
127
+ $fdb409b291c9958f$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
128
+ $fdb409b291c9958f$export$a9781837241c946d = "is-open_e2d99e";
129
+ $fdb409b291c9958f$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
130
+ $fdb409b291c9958f$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
131
+ $fdb409b291c9958f$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
132
+ $fdb409b291c9958f$export$e7dc768d35940237 = "is-focused_e2d99e";
133
+ $fdb409b291c9958f$export$20fd0f7cd4e6112f = "is-active_e2d99e";
134
+ $fdb409b291c9958f$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
135
+ $fdb409b291c9958f$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
136
+ $fdb409b291c9958f$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
137
+ $fdb409b291c9958f$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
138
+ $fdb409b291c9958f$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
139
+ $fdb409b291c9958f$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
140
+ $fdb409b291c9958f$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
141
+ $fdb409b291c9958f$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
142
+ $fdb409b291c9958f$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
143
+ $fdb409b291c9958f$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
144
+ $fdb409b291c9958f$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
145
+ $fdb409b291c9958f$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
146
+ $fdb409b291c9958f$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99e";
33
147
 
34
- var {
35
- classNames,
36
- SlotProvider,
37
- useFocusableRef,
38
- useSlotProps,
39
- useStyleProps
40
- } = require("@react-spectrum/utils");
41
148
 
42
- var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
43
149
 
44
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
45
150
 
46
- require("./main.css");
47
151
 
48
- function $parcel$interopDefault(a) {
49
- return a && a.__esModule ? a.default : a;
50
- }
51
152
 
52
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/button/vars.css
53
- var $a9040831959d0ed42473e9713dd4b23$exports = {};
54
- $a9040831959d0ed42473e9713dd4b23$exports = {
55
- "spectrum-Button": "_spectrum-Button_7a745",
56
- "spectrum-ActionButton": "_spectrum-ActionButton_7a745",
57
- "spectrum-LogicButton": "_spectrum-LogicButton_7a745",
58
- "spectrum-FieldButton": "_spectrum-FieldButton_7a745",
59
- "spectrum-ClearButton": "_spectrum-ClearButton_7a745",
60
- "focus-ring": "_focus-ring_7a745",
61
- "spectrum-Icon": "_spectrum-Icon_7a745",
62
- "spectrum-ActionButton--emphasized": "_spectrum-ActionButton--emphasized_7a745",
63
- "spectrum-ActionButton--staticColor": "_spectrum-ActionButton--staticColor_7a745",
64
- "is-hovered": "_is-hovered_7a745",
65
- "spectrum-Button-label": "_spectrum-Button-label_7a745",
66
- "spectrum-ActionButton-label": "_spectrum-ActionButton-label_7a745",
67
- "spectrum-ActionButton-hold": "_spectrum-ActionButton-hold_7a745",
68
- "spectrum-ActionButton--quiet": "_spectrum-ActionButton--quiet_7a745",
69
- "is-disabled": "_is-disabled_7a745",
70
- "is-open": "_is-open_7a745",
71
- "spectrum-FieldButton--quiet": "_spectrum-FieldButton--quiet_7a745",
72
- "spectrum-ClearButton--overBackground": "_spectrum-ClearButton--overBackground_7a745",
73
- "spectrum-ClearButton--small": "_spectrum-ClearButton--small_7a745",
74
- "is-focused": "_is-focused_7a745",
75
- "is-active": "_is-active_7a745",
76
- "spectrum-Button--cta": "_spectrum-Button--cta_7a745",
77
- "spectrum-Button--primary": "_spectrum-Button--primary_7a745",
78
- "spectrum-Button--secondary": "_spectrum-Button--secondary_7a745",
79
- "spectrum-Button--warning": "_spectrum-Button--warning_7a745",
80
- "spectrum-Button--overBackground": "_spectrum-Button--overBackground_7a745",
81
- "spectrum-Button--quiet": "_spectrum-Button--quiet_7a745",
82
- "is-selected": "_is-selected_7a745",
83
- "spectrum-ActionButton--staticWhite": "_spectrum-ActionButton--staticWhite_7a745",
84
- "spectrum-ActionButton--staticBlack": "_spectrum-ActionButton--staticBlack_7a745",
85
- "spectrum-LogicButton--and": "_spectrum-LogicButton--and_7a745",
86
- "spectrum-LogicButton--or": "_spectrum-LogicButton--or_7a745",
87
- "is-placeholder": "_is-placeholder_7a745",
88
- "spectrum-FieldButton--invalid": "_spectrum-FieldButton--invalid_7a745"
89
- };
90
153
  // todo: CSS hasn't caught up yet, map
91
- let $ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING = {
92
- negative: 'warning'
154
+ let $8c638dba90e421cd$var$VARIANT_MAPPING = {
155
+ negative: 'warning'
93
156
  };
94
- var $a9040831959d0ed42473e9713dd4b23$$interop$default = $parcel$interopDefault($a9040831959d0ed42473e9713dd4b23$exports);
95
-
96
- function $ead2ca032915257adf53f639d99d1a73$var$Button(props, ref) {
97
- props = useProviderProps(props);
98
- props = useSlotProps(props, 'button');
99
-
100
- let {
101
- elementType: ElementType = 'button',
102
- children,
103
- variant,
104
- isQuiet,
105
- isDisabled,
106
- autoFocus
107
- } = props,
108
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["elementType", "children", "variant", "isQuiet", "isDisabled", "autoFocus"]);
109
-
110
- let domRef = useFocusableRef(ref);
111
- let {
112
- buttonProps,
113
- isPressed
114
- } = useButton(props, domRef);
115
- let {
116
- hoverProps,
117
- isHovered
118
- } = useHover({
119
- isDisabled
120
- });
121
- let {
122
- styleProps
123
- } = useStyleProps(otherProps);
124
- let buttonVariant = variant;
125
-
126
- if ($ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING[variant]) {
127
- buttonVariant = $ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING[variant];
128
- }
129
-
130
- return /*#__PURE__*/_react.createElement(FocusRing, {
131
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
132
- autoFocus: autoFocus
133
- }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
134
- ref: domRef,
135
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button', "spectrum-Button--" + buttonVariant, {
136
- 'spectrum-Button--quiet': isQuiet,
137
- 'is-disabled': isDisabled,
138
- 'is-active': isPressed,
139
- 'is-hovered': isHovered
140
- }, styleProps.className)
141
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
142
- slots: {
143
- icon: {
144
- size: 'S',
145
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
146
- },
147
- text: {
148
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button-label')
149
- }
150
- }
151
- }, typeof children === 'string' ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
157
+ function $8c638dba90e421cd$var$Button(props, ref) {
158
+ props = $hZ1TI$reactspectrumprovider.useProviderProps(props);
159
+ props = $hZ1TI$reactspectrumutils.useSlotProps(props, 'button');
160
+ let { elementType: ElementType = 'button' , children: children , variant: variant , isQuiet: isQuiet , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
161
+ let domRef = $hZ1TI$reactspectrumutils.useFocusableRef(ref);
162
+ let { buttonProps: buttonProps , isPressed: isPressed } = $hZ1TI$reactariabutton.useButton(props, domRef);
163
+ let { hoverProps: hoverProps , isHovered: isHovered } = $hZ1TI$reactariainteractions.useHover({
164
+ isDisabled: isDisabled
165
+ });
166
+ let { styleProps: styleProps } = $hZ1TI$reactspectrumutils.useStyleProps(otherProps);
167
+ let buttonVariant = variant;
168
+ if ($8c638dba90e421cd$var$VARIANT_MAPPING[variant]) buttonVariant = $8c638dba90e421cd$var$VARIANT_MAPPING[variant];
169
+ return(/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactariafocus.FocusRing, {
170
+ focusRingClass: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'focus-ring'),
171
+ autoFocus: autoFocus
172
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement(ElementType, {
173
+ ...styleProps,
174
+ ...$hZ1TI$reactariautils.mergeProps(buttonProps, hoverProps),
175
+ ref: domRef,
176
+ className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
177
+ 'spectrum-Button--quiet': isQuiet,
178
+ 'is-disabled': isDisabled,
179
+ 'is-active': isPressed,
180
+ 'is-hovered': isHovered
181
+ }, styleProps.className)
182
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactspectrumutils.SlotProvider, {
183
+ slots: {
184
+ icon: {
185
+ size: 'S',
186
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-Icon')
187
+ },
188
+ text: {
189
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-Button-label')
190
+ }
191
+ }
192
+ }, typeof children === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactspectrumtext.Text, null, children) : children))));
152
193
  }
153
194
  /**
154
195
  * Buttons allow users to perform an action or to navigate to another page.
155
196
  * They have multiple styles for various needs, and are ideal for calling attention to
156
197
  * where a user needs to do something in order to move forward in a flow.
157
- */
158
-
159
-
160
- let Button = /*#__PURE__*/_react.forwardRef($ead2ca032915257adf53f639d99d1a73$var$Button);
161
-
162
- exports.Button = Button;
163
-
164
- function $f3063a10f4b2c05148061fca201b$var$ActionButton(props, ref) {
165
- props = useProviderProps(props);
166
-
167
- let {
168
- isQuiet,
169
- isDisabled,
170
- staticColor,
171
- children,
172
- autoFocus
173
- } = props,
174
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "staticColor", "children", "autoFocus"]);
175
-
176
- let domRef = useFocusableRef(ref);
177
- let {
178
- buttonProps,
179
- isPressed
180
- } = useButton(props, domRef);
181
- let {
182
- hoverProps,
183
- isHovered
184
- } = useHover({
185
- isDisabled
186
- });
187
- let {
188
- styleProps
189
- } = useStyleProps(otherProps);
190
-
191
- let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
192
-
193
- return /*#__PURE__*/_react.createElement(FocusRing, {
194
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
195
- autoFocus: autoFocus
196
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
197
- ref: domRef,
198
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
199
- 'spectrum-ActionButton--quiet': isQuiet,
200
- 'spectrum-ActionButton--staticColor': !!staticColor,
201
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
202
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
203
- 'is-active': isPressed,
204
- 'is-disabled': isDisabled,
205
- 'is-hovered': isHovered
206
- }, styleProps.className)
207
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
208
- slots: {
209
- icon: {
210
- size: 'S',
211
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
212
- },
213
- text: {
214
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
215
- }
216
- }
217
- }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
198
+ */ let $8c638dba90e421cd$export$353f5b6fc5456de1 = /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).forwardRef($8c638dba90e421cd$var$Button);
199
+
200
+
201
+ var $ff145fa2feb11306$exports = {};
202
+
203
+ $parcel$export($ff145fa2feb11306$exports, "ActionButton", () => $ff145fa2feb11306$export$cfc7921d29ef7b80);
204
+
205
+
206
+
207
+
208
+
209
+
210
+
211
+
212
+
213
+
214
+ function $ff145fa2feb11306$var$ActionButton(props, ref) {
215
+ props = $hZ1TI$reactspectrumprovider.useProviderProps(props);
216
+ props = $hZ1TI$reactspectrumutils.useSlotProps(props, 'actionButton');
217
+ let { isQuiet: isQuiet , isDisabled: isDisabled , staticColor: staticColor , children: children , autoFocus: autoFocus , holdAffordance: // @ts-ignore (private)
218
+ holdAffordance , ...otherProps } = props;
219
+ let domRef = $hZ1TI$reactspectrumutils.useFocusableRef(ref);
220
+ let { buttonProps: buttonProps , isPressed: isPressed } = $hZ1TI$reactariabutton.useButton(props, domRef);
221
+ let { hoverProps: hoverProps , isHovered: isHovered } = $hZ1TI$reactariainteractions.useHover({
222
+ isDisabled: isDisabled
223
+ });
224
+ let { styleProps: styleProps } = $hZ1TI$reactspectrumutils.useStyleProps(otherProps);
225
+ let isTextOnly = ($parcel$interopDefault($hZ1TI$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).isValidElement(c)
226
+ );
227
+ return(/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactariafocus.FocusRing, {
228
+ focusRingClass: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'focus-ring'),
229
+ autoFocus: autoFocus
230
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement("button", {
231
+ ...styleProps,
232
+ ...$hZ1TI$reactariautils.mergeProps(buttonProps, hoverProps),
233
+ ref: domRef,
234
+ className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-ActionButton', {
235
+ 'spectrum-ActionButton--quiet': isQuiet,
236
+ 'spectrum-ActionButton--staticColor': !!staticColor,
237
+ 'spectrum-ActionButton--staticWhite': staticColor === 'white',
238
+ 'spectrum-ActionButton--staticBlack': staticColor === 'black',
239
+ 'is-active': isPressed,
240
+ 'is-disabled': isDisabled,
241
+ 'is-hovered': isHovered
242
+ }, styleProps.className)
243
+ }, holdAffordance && /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement(($parcel$interopDefault($hZ1TI$spectrumiconsuiCornerTriangle)), {
244
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-ActionButton-hold')
245
+ }), /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactspectrumutils.SlotProvider, {
246
+ slots: {
247
+ icon: {
248
+ size: 'S',
249
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-Icon')
250
+ },
251
+ text: {
252
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-ActionButton-label')
253
+ }
254
+ }
255
+ }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactspectrumtext.Text, null, children) : children))));
218
256
  }
219
257
  /**
220
258
  * ActionButtons allow users to perform an action.
221
259
  * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.
222
- */
260
+ */ let $ff145fa2feb11306$export$cfc7921d29ef7b80 = /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).forwardRef($ff145fa2feb11306$var$ActionButton);
261
+
262
+
263
+ var $ea26196edda8c7f4$exports = {};
264
+
265
+ $parcel$export($ea26196edda8c7f4$exports, "FieldButton", () => $ea26196edda8c7f4$export$47dc48f595b075da);
266
+
267
+
268
+
223
269
 
224
270
 
225
- let ActionButton = /*#__PURE__*/_react.forwardRef($f3063a10f4b2c05148061fca201b$var$ActionButton);
226
271
 
227
- exports.ActionButton = ActionButton;
228
272
 
229
273
  // @private
230
- function $fee777d101ae103380e7aba8c00fbda$var$FieldButton(props, ref) {
231
- props = useSlotProps(props, 'button');
232
-
233
- let {
234
- isQuiet,
235
- isDisabled,
236
- validationState,
237
- children,
238
- autoFocus,
239
- isActive,
240
- focusRingClass
241
- } = props,
242
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive", "focusRingClass"]);
243
-
244
- let domRef = useFocusableRef(ref);
245
- let {
246
- buttonProps,
247
- isPressed
248
- } = useButton(props, domRef);
249
- let {
250
- hoverProps,
251
- isHovered
252
- } = useHover({
253
- isDisabled
254
- });
255
- let {
256
- styleProps
257
- } = useStyleProps(otherProps);
258
- return /*#__PURE__*/_react.createElement(FocusRing, {
259
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusRingClass),
260
- autoFocus: autoFocus
261
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, mergeProps(buttonProps, hoverProps), {
262
- ref: domRef,
263
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-FieldButton', {
264
- 'spectrum-FieldButton--quiet': isQuiet,
265
- 'is-active': isActive || isPressed,
266
- 'is-disabled': isDisabled,
267
- 'spectrum-FieldButton--invalid': validationState === 'invalid',
268
- 'is-hovered': isHovered
269
- }, styleProps.className)
270
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
271
- slots: {
272
- icon: {
273
- size: 'S',
274
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
275
- }
276
- }
277
- }, children)));
274
+ function $ea26196edda8c7f4$var$FieldButton(props, ref) {
275
+ props = $hZ1TI$reactspectrumutils.useSlotProps(props, 'button');
276
+ let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , children: children , autoFocus: autoFocus , isActive: isActive , focusRingClass: focusRingClass , ...otherProps } = props;
277
+ let domRef = $hZ1TI$reactspectrumutils.useFocusableRef(ref);
278
+ let { buttonProps: buttonProps , isPressed: isPressed } = $hZ1TI$reactariabutton.useButton(props, domRef);
279
+ let { hoverProps: hoverProps , isHovered: isHovered } = $hZ1TI$reactariainteractions.useHover({
280
+ isDisabled: isDisabled
281
+ });
282
+ let { styleProps: styleProps } = $hZ1TI$reactspectrumutils.useStyleProps(otherProps);
283
+ return(/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactariafocus.FocusRing, {
284
+ focusRingClass: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'focus-ring', focusRingClass),
285
+ autoFocus: autoFocus
286
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement("button", {
287
+ ...$hZ1TI$reactariautils.mergeProps(buttonProps, hoverProps),
288
+ ref: domRef,
289
+ className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-FieldButton', {
290
+ 'spectrum-FieldButton--quiet': isQuiet,
291
+ 'is-active': isActive || isPressed,
292
+ 'is-disabled': isDisabled,
293
+ 'spectrum-FieldButton--invalid': validationState === 'invalid',
294
+ 'is-hovered': isHovered
295
+ }, styleProps.className)
296
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactspectrumutils.SlotProvider, {
297
+ slots: {
298
+ icon: {
299
+ size: 'S',
300
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-Icon')
301
+ }
302
+ }
303
+ }, children))));
278
304
  }
305
+ let $ea26196edda8c7f4$export$47dc48f595b075da = /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).forwardRef($ea26196edda8c7f4$var$FieldButton);
279
306
 
280
- let FieldButton = /*#__PURE__*/_react.forwardRef($fee777d101ae103380e7aba8c00fbda$var$FieldButton);
281
-
282
- exports.FieldButton = FieldButton;
283
-
284
- function $c1e922c08e26f540cc0b70e2998879f7$var$LogicButton(props, ref) {
285
- props = useProviderProps(props);
286
-
287
- let {
288
- variant,
289
- children,
290
- isDisabled,
291
- autoFocus
292
- } = props,
293
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["variant", "children", "isDisabled", "autoFocus"]);
294
-
295
- let domRef = useFocusableRef(ref);
296
- let {
297
- buttonProps,
298
- isPressed
299
- } = useButton(props, domRef);
300
- let {
301
- hoverProps,
302
- isHovered
303
- } = useHover({
304
- isDisabled
305
- });
306
- let {
307
- styleProps
308
- } = useStyleProps(otherProps);
309
- return /*#__PURE__*/_react.createElement(FocusRing, {
310
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
311
- autoFocus: autoFocus
312
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
313
- ref: domRef,
314
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-LogicButton', {
315
- ["spectrum-LogicButton--" + variant]: variant,
316
- 'is-disabled': isDisabled,
317
- 'is-active': isPressed,
318
- 'is-hovered': isHovered
319
- }, styleProps.className)
320
- }), /*#__PURE__*/_react.createElement("span", {
321
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button-label')
322
- }, children)));
307
+
308
+ var $e1c6327386ac7692$exports = {};
309
+
310
+ $parcel$export($e1c6327386ac7692$exports, "LogicButton", () => $e1c6327386ac7692$export$9b0b80fed00ba8b1);
311
+
312
+
313
+
314
+
315
+
316
+
317
+
318
+
319
+ function $e1c6327386ac7692$var$LogicButton(props, ref) {
320
+ props = $hZ1TI$reactspectrumprovider.useProviderProps(props);
321
+ let { variant: variant , children: children , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
322
+ let domRef = $hZ1TI$reactspectrumutils.useFocusableRef(ref);
323
+ let { buttonProps: buttonProps , isPressed: isPressed } = $hZ1TI$reactariabutton.useButton(props, domRef);
324
+ let { hoverProps: hoverProps , isHovered: isHovered } = $hZ1TI$reactariainteractions.useHover({
325
+ isDisabled: isDisabled
326
+ });
327
+ let { styleProps: styleProps } = $hZ1TI$reactspectrumutils.useStyleProps(otherProps);
328
+ return(/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactariafocus.FocusRing, {
329
+ focusRingClass: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'focus-ring'),
330
+ autoFocus: autoFocus
331
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement("button", {
332
+ ...styleProps,
333
+ ...$hZ1TI$reactariautils.mergeProps(buttonProps, hoverProps),
334
+ ref: domRef,
335
+ className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-LogicButton', {
336
+ [`spectrum-LogicButton--${variant}`]: variant,
337
+ 'is-disabled': isDisabled,
338
+ 'is-active': isPressed,
339
+ 'is-hovered': isHovered
340
+ }, styleProps.className)
341
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement("span", {
342
+ className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-Button-label')
343
+ }, children))));
323
344
  }
324
345
  /**
325
346
  * A LogicButton displays an operator within a boolean logic sequence.
326
- */
327
-
328
-
329
- let LogicButton = /*#__PURE__*/_react.forwardRef($c1e922c08e26f540cc0b70e2998879f7$var$LogicButton);
330
-
331
- exports.LogicButton = LogicButton;
332
-
333
- function $da329d9cf39ae507e223a144e84f29$var$ClearButton(props, ref) {
334
- let {
335
- children = /*#__PURE__*/_react.createElement(_spectrumIconsUiCrossSmall, {
336
- UNSAFE_className: $a9040831959d0ed42473e9713dd4b23$$interop$default['spectrum-Icon']
337
- }),
338
- focusClassName,
339
- variant,
340
- autoFocus,
341
- isDisabled,
342
- preventFocus,
343
- elementType = preventFocus ? 'div' : 'button'
344
- } = props,
345
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "focusClassName", "variant", "autoFocus", "isDisabled", "preventFocus", "elementType"]);
346
-
347
- let domRef = useFocusableRef(ref);
348
- let {
349
- buttonProps,
350
- isPressed
351
- } = useButton(_babelRuntimeHelpersExtends({}, props, {
352
- elementType
353
- }), domRef);
354
- let {
355
- hoverProps,
356
- isHovered
357
- } = useHover({
358
- isDisabled
359
- });
360
- let {
361
- styleProps
362
- } = useStyleProps(otherProps); // For cases like the clear button in a search field, remove the tabIndex so
363
- // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
364
- // moving the cursor over the clear button.
365
-
366
- if (preventFocus) {
367
- delete buttonProps.tabIndex;
368
- }
369
-
370
- let ElementType = elementType;
371
- return /*#__PURE__*/_react.createElement(FocusRing, {
372
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusClassName),
373
- autoFocus: autoFocus
374
- }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
375
- ref: domRef,
376
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ClearButton', {
377
- ["spectrum-ClearButton--" + variant]: variant,
378
- 'is-disabled': isDisabled,
379
- 'is-active': isPressed,
380
- 'is-hovered': isHovered
381
- }, styleProps.className)
382
- }), children));
383
- }
347
+ */ let $e1c6327386ac7692$export$9b0b80fed00ba8b1 = /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).forwardRef($e1c6327386ac7692$var$LogicButton);
384
348
 
385
- let ClearButton = /*#__PURE__*/_react.forwardRef($da329d9cf39ae507e223a144e84f29$var$ClearButton);
386
-
387
- exports.ClearButton = ClearButton;
388
-
389
- function $cafbdaa4815cfddd8f7335990626f4$var$ToggleButton(props, ref) {
390
- props = useProviderProps(props);
391
-
392
- let {
393
- isQuiet,
394
- isDisabled,
395
- isEmphasized,
396
- staticColor,
397
- children,
398
- autoFocus
399
- } = props,
400
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "isEmphasized", "staticColor", "children", "autoFocus"]);
401
-
402
- let domRef = useFocusableRef(ref);
403
- let state = useToggleState(props);
404
- let {
405
- buttonProps,
406
- isPressed
407
- } = useToggleButton(props, state, domRef);
408
- let {
409
- hoverProps,
410
- isHovered
411
- } = useHover({
412
- isDisabled
413
- });
414
- let {
415
- styleProps
416
- } = useStyleProps(otherProps);
417
-
418
- let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
419
-
420
- return /*#__PURE__*/_react.createElement(FocusRing, {
421
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
422
- autoFocus: autoFocus
423
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
424
- ref: domRef,
425
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
426
- 'spectrum-ActionButton--quiet': isQuiet,
427
- 'spectrum-ActionButton--emphasized': isEmphasized,
428
- 'spectrum-ActionButton--staticColor': !!staticColor,
429
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
430
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
431
- 'is-active': isPressed,
432
- 'is-disabled': isDisabled,
433
- 'is-hovered': isHovered,
434
- 'is-selected': state.isSelected
435
- }, styleProps.className)
436
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
437
- slots: {
438
- icon: {
439
- size: 'S',
440
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
441
- },
442
- text: {
443
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
444
- }
445
- }
446
- }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
349
+
350
+ var $de143d83ab4843a6$exports = {};
351
+
352
+ $parcel$export($de143d83ab4843a6$exports, "ClearButton", () => $de143d83ab4843a6$export$13ec83e50bf04290);
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
361
+ function $de143d83ab4843a6$var$ClearButton(props, ref) {
362
+ let { children: children = /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement(($parcel$interopDefault($hZ1TI$spectrumiconsuiCrossSmall)), {
363
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports))['spectrum-Icon']
364
+ }) , focusClassName: focusClassName , variant: variant , autoFocus: autoFocus , isDisabled: isDisabled , preventFocus: preventFocus , elementType: elementType = preventFocus ? 'div' : 'button' , ...otherProps } = props;
365
+ let domRef = $hZ1TI$reactspectrumutils.useFocusableRef(ref);
366
+ let { buttonProps: buttonProps , isPressed: isPressed } = $hZ1TI$reactariabutton.useButton({
367
+ ...props,
368
+ elementType: elementType
369
+ }, domRef);
370
+ let { hoverProps: hoverProps , isHovered: isHovered } = $hZ1TI$reactariainteractions.useHover({
371
+ isDisabled: isDisabled
372
+ });
373
+ let { styleProps: styleProps } = $hZ1TI$reactspectrumutils.useStyleProps(otherProps);
374
+ // For cases like the clear button in a search field, remove the tabIndex so
375
+ // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
376
+ // moving the cursor over the clear button.
377
+ if (preventFocus) delete buttonProps.tabIndex;
378
+ let ElementType = elementType;
379
+ return(/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactariafocus.FocusRing, {
380
+ focusRingClass: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'focus-ring', focusClassName),
381
+ autoFocus: autoFocus
382
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement(ElementType, {
383
+ ...styleProps,
384
+ ...$hZ1TI$reactariautils.mergeProps(buttonProps, hoverProps),
385
+ ref: domRef,
386
+ className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-ClearButton', {
387
+ [`spectrum-ClearButton--${variant}`]: variant,
388
+ 'is-disabled': isDisabled,
389
+ 'is-active': isPressed,
390
+ 'is-hovered': isHovered
391
+ }, styleProps.className)
392
+ }, children)));
393
+ }
394
+ let $de143d83ab4843a6$export$13ec83e50bf04290 = /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).forwardRef($de143d83ab4843a6$var$ClearButton);
395
+
396
+
397
+ var $aa11b7ac50c9ff1a$exports = {};
398
+
399
+ $parcel$export($aa11b7ac50c9ff1a$exports, "ToggleButton", () => $aa11b7ac50c9ff1a$export$d2b052e7b4be1756);
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+ function $aa11b7ac50c9ff1a$var$ToggleButton(props, ref) {
411
+ props = $hZ1TI$reactspectrumprovider.useProviderProps(props);
412
+ let { isQuiet: isQuiet , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , children: children , autoFocus: autoFocus , ...otherProps } = props;
413
+ let domRef = $hZ1TI$reactspectrumutils.useFocusableRef(ref);
414
+ let state = $hZ1TI$reactstatelytoggle.useToggleState(props);
415
+ let { buttonProps: buttonProps , isPressed: isPressed } = $hZ1TI$reactariabutton.useToggleButton(props, state, domRef);
416
+ let { hoverProps: hoverProps , isHovered: isHovered } = $hZ1TI$reactariainteractions.useHover({
417
+ isDisabled: isDisabled
418
+ });
419
+ let { styleProps: styleProps } = $hZ1TI$reactspectrumutils.useStyleProps(otherProps);
420
+ let isTextOnly = ($parcel$interopDefault($hZ1TI$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).isValidElement(c)
421
+ );
422
+ return(/*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactariafocus.FocusRing, {
423
+ focusRingClass: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'focus-ring'),
424
+ autoFocus: autoFocus
425
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement("button", {
426
+ ...styleProps,
427
+ ...$hZ1TI$reactariautils.mergeProps(buttonProps, hoverProps),
428
+ ref: domRef,
429
+ className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-ActionButton', {
430
+ 'spectrum-ActionButton--quiet': isQuiet,
431
+ 'spectrum-ActionButton--emphasized': isEmphasized,
432
+ 'spectrum-ActionButton--staticColor': !!staticColor,
433
+ 'spectrum-ActionButton--staticWhite': staticColor === 'white',
434
+ 'spectrum-ActionButton--staticBlack': staticColor === 'black',
435
+ 'is-active': isPressed,
436
+ 'is-disabled': isDisabled,
437
+ 'is-hovered': isHovered,
438
+ 'is-selected': state.isSelected
439
+ }, styleProps.className)
440
+ }, /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactspectrumutils.SlotProvider, {
441
+ slots: {
442
+ icon: {
443
+ size: 'S',
444
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-Icon')
445
+ },
446
+ text: {
447
+ UNSAFE_className: $hZ1TI$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($fdb409b291c9958f$exports)), 'spectrum-ActionButton-label')
448
+ }
449
+ }
450
+ }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).createElement($hZ1TI$reactspectrumtext.Text, null, children) : children))));
447
451
  }
448
452
  /**
449
453
  * ToggleButtons allow users to toggle a selection on or off, for example
450
454
  * switching between two states or modes.
451
- */
455
+ */ let $aa11b7ac50c9ff1a$export$d2b052e7b4be1756 = /*#__PURE__*/ ($parcel$interopDefault($hZ1TI$react)).forwardRef($aa11b7ac50c9ff1a$var$ToggleButton);
456
+
452
457
 
458
+ $parcel$exportWildcard(module.exports, $8c638dba90e421cd$exports);
459
+ $parcel$exportWildcard(module.exports, $ff145fa2feb11306$exports);
460
+ $parcel$exportWildcard(module.exports, $ea26196edda8c7f4$exports);
461
+ $parcel$exportWildcard(module.exports, $e1c6327386ac7692$exports);
462
+ $parcel$exportWildcard(module.exports, $de143d83ab4843a6$exports);
463
+ $parcel$exportWildcard(module.exports, $aa11b7ac50c9ff1a$exports);
453
464
 
454
- let ToggleButton = /*#__PURE__*/_react.forwardRef($cafbdaa4815cfddd8f7335990626f4$var$ToggleButton);
455
465
 
456
- exports.ToggleButton = ToggleButton;
457
466
  //# sourceMappingURL=main.js.map