@react-spectrum/button 3.6.0 → 3.7.0

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 -420
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +411 -379
  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 +12 -12
  9. package/src/ActionButton.tsx +6 -0
  10. package/dist/main.css.map +0 -1
package/dist/main.js CHANGED
@@ -1,458 +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 $59nrk$reactspectrumutils = require("@react-spectrum/utils");
3
+ var $59nrk$reactariafocus = require("@react-aria/focus");
4
+ var $59nrk$reactariautils = require("@react-aria/utils");
5
+ var $59nrk$react = require("react");
6
+ var $59nrk$reactspectrumtext = require("@react-spectrum/text");
7
+ var $59nrk$reactariabutton = require("@react-aria/button");
8
+ var $59nrk$reactariainteractions = require("@react-aria/interactions");
9
+ var $59nrk$reactspectrumprovider = require("@react-spectrum/provider");
10
+ var $59nrk$spectrumiconsuiCornerTriangle = require("@spectrum-icons/ui/CornerTriangle");
11
+ var $59nrk$spectrumiconsuiCrossSmall = require("@spectrum-icons/ui/CrossSmall");
12
+ var $59nrk$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 $668545b8b100b210$exports = {};
37
+
38
+ $parcel$export($668545b8b100b210$exports, "Button", () => $668545b8b100b210$export$353f5b6fc5456de1);
39
+
40
+
41
+
42
+
43
+ var $7ed5733b9a6db140$exports = {};
44
+
45
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button", () => $7ed5733b9a6db140$export$1db4cca5b4ade39a, (v) => $7ed5733b9a6db140$export$1db4cca5b4ade39a = v);
46
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton", () => $7ed5733b9a6db140$export$53da69f51b770d3, (v) => $7ed5733b9a6db140$export$53da69f51b770d3 = v);
47
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-LogicButton", () => $7ed5733b9a6db140$export$36ae67a131730482, (v) => $7ed5733b9a6db140$export$36ae67a131730482 = v);
48
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-FieldButton", () => $7ed5733b9a6db140$export$a024c99ecf6b5741, (v) => $7ed5733b9a6db140$export$a024c99ecf6b5741 = v);
49
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ClearButton", () => $7ed5733b9a6db140$export$b752ce409e5660c, (v) => $7ed5733b9a6db140$export$b752ce409e5660c = v);
50
+ $parcel$export($7ed5733b9a6db140$exports, "focus-ring", () => $7ed5733b9a6db140$export$f39a09f249340e2a, (v) => $7ed5733b9a6db140$export$f39a09f249340e2a = v);
51
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Icon", () => $7ed5733b9a6db140$export$d374b04f30360026, (v) => $7ed5733b9a6db140$export$d374b04f30360026 = v);
52
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton--emphasized", () => $7ed5733b9a6db140$export$5aabb61a966e266f, (v) => $7ed5733b9a6db140$export$5aabb61a966e266f = v);
53
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton--staticColor", () => $7ed5733b9a6db140$export$29b7b5d6a5a497c5, (v) => $7ed5733b9a6db140$export$29b7b5d6a5a497c5 = v);
54
+ $parcel$export($7ed5733b9a6db140$exports, "is-hovered", () => $7ed5733b9a6db140$export$b8813cd5d7824ce7, (v) => $7ed5733b9a6db140$export$b8813cd5d7824ce7 = v);
55
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button-label", () => $7ed5733b9a6db140$export$c081ba562e204942, (v) => $7ed5733b9a6db140$export$c081ba562e204942 = v);
56
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton-label", () => $7ed5733b9a6db140$export$ebb4635c66bacdb9, (v) => $7ed5733b9a6db140$export$ebb4635c66bacdb9 = v);
57
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton-hold", () => $7ed5733b9a6db140$export$4a4f01c443eff992, (v) => $7ed5733b9a6db140$export$4a4f01c443eff992 = v);
58
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton--quiet", () => $7ed5733b9a6db140$export$40e1f009544bacf3, (v) => $7ed5733b9a6db140$export$40e1f009544bacf3 = v);
59
+ $parcel$export($7ed5733b9a6db140$exports, "is-disabled", () => $7ed5733b9a6db140$export$d35bc1e505d1ebbf, (v) => $7ed5733b9a6db140$export$d35bc1e505d1ebbf = v);
60
+ $parcel$export($7ed5733b9a6db140$exports, "is-open", () => $7ed5733b9a6db140$export$a9781837241c946d, (v) => $7ed5733b9a6db140$export$a9781837241c946d = v);
61
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-FieldButton--quiet", () => $7ed5733b9a6db140$export$5ca7b274e4fff9fc, (v) => $7ed5733b9a6db140$export$5ca7b274e4fff9fc = v);
62
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ClearButton--overBackground", () => $7ed5733b9a6db140$export$116f2fccf941d34d, (v) => $7ed5733b9a6db140$export$116f2fccf941d34d = v);
63
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ClearButton--small", () => $7ed5733b9a6db140$export$49280ffa5236ba8b, (v) => $7ed5733b9a6db140$export$49280ffa5236ba8b = v);
64
+ $parcel$export($7ed5733b9a6db140$exports, "is-focused", () => $7ed5733b9a6db140$export$e7dc768d35940237, (v) => $7ed5733b9a6db140$export$e7dc768d35940237 = v);
65
+ $parcel$export($7ed5733b9a6db140$exports, "is-active", () => $7ed5733b9a6db140$export$20fd0f7cd4e6112f, (v) => $7ed5733b9a6db140$export$20fd0f7cd4e6112f = v);
66
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button--cta", () => $7ed5733b9a6db140$export$b818fdf0052a2cab, (v) => $7ed5733b9a6db140$export$b818fdf0052a2cab = v);
67
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button--primary", () => $7ed5733b9a6db140$export$c1c3511f5e96e926, (v) => $7ed5733b9a6db140$export$c1c3511f5e96e926 = v);
68
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button--secondary", () => $7ed5733b9a6db140$export$4f1b75526afd8ff3, (v) => $7ed5733b9a6db140$export$4f1b75526afd8ff3 = v);
69
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button--warning", () => $7ed5733b9a6db140$export$6f97cef817ff1cac, (v) => $7ed5733b9a6db140$export$6f97cef817ff1cac = v);
70
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button--overBackground", () => $7ed5733b9a6db140$export$5cda1128f9112d2e, (v) => $7ed5733b9a6db140$export$5cda1128f9112d2e = v);
71
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-Button--quiet", () => $7ed5733b9a6db140$export$25f049c049371040, (v) => $7ed5733b9a6db140$export$25f049c049371040 = v);
72
+ $parcel$export($7ed5733b9a6db140$exports, "is-selected", () => $7ed5733b9a6db140$export$1e0fb04f31d3c22a, (v) => $7ed5733b9a6db140$export$1e0fb04f31d3c22a = v);
73
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton--staticWhite", () => $7ed5733b9a6db140$export$ccc536e1adbdc059, (v) => $7ed5733b9a6db140$export$ccc536e1adbdc059 = v);
74
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-ActionButton--staticBlack", () => $7ed5733b9a6db140$export$8f7c9db66978d20f, (v) => $7ed5733b9a6db140$export$8f7c9db66978d20f = v);
75
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-LogicButton--and", () => $7ed5733b9a6db140$export$e52daab43a62c528, (v) => $7ed5733b9a6db140$export$e52daab43a62c528 = v);
76
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-LogicButton--or", () => $7ed5733b9a6db140$export$da76be6126aaa633, (v) => $7ed5733b9a6db140$export$da76be6126aaa633 = v);
77
+ $parcel$export($7ed5733b9a6db140$exports, "is-placeholder", () => $7ed5733b9a6db140$export$e5b2f5233e4e5194, (v) => $7ed5733b9a6db140$export$e5b2f5233e4e5194 = v);
78
+ $parcel$export($7ed5733b9a6db140$exports, "spectrum-FieldButton--invalid", () => $7ed5733b9a6db140$export$c9f503f672e8a3c1, (v) => $7ed5733b9a6db140$export$c9f503f672e8a3c1 = v);
79
+ var $7ed5733b9a6db140$export$1db4cca5b4ade39a;
80
+ var $7ed5733b9a6db140$export$53da69f51b770d3;
81
+ var $7ed5733b9a6db140$export$36ae67a131730482;
82
+ var $7ed5733b9a6db140$export$a024c99ecf6b5741;
83
+ var $7ed5733b9a6db140$export$b752ce409e5660c;
84
+ var $7ed5733b9a6db140$export$f39a09f249340e2a;
85
+ var $7ed5733b9a6db140$export$d374b04f30360026;
86
+ var $7ed5733b9a6db140$export$5aabb61a966e266f;
87
+ var $7ed5733b9a6db140$export$29b7b5d6a5a497c5;
88
+ var $7ed5733b9a6db140$export$b8813cd5d7824ce7;
89
+ var $7ed5733b9a6db140$export$c081ba562e204942;
90
+ var $7ed5733b9a6db140$export$ebb4635c66bacdb9;
91
+ var $7ed5733b9a6db140$export$4a4f01c443eff992;
92
+ var $7ed5733b9a6db140$export$40e1f009544bacf3;
93
+ var $7ed5733b9a6db140$export$d35bc1e505d1ebbf;
94
+ var $7ed5733b9a6db140$export$a9781837241c946d;
95
+ var $7ed5733b9a6db140$export$5ca7b274e4fff9fc;
96
+ var $7ed5733b9a6db140$export$116f2fccf941d34d;
97
+ var $7ed5733b9a6db140$export$49280ffa5236ba8b;
98
+ var $7ed5733b9a6db140$export$e7dc768d35940237;
99
+ var $7ed5733b9a6db140$export$20fd0f7cd4e6112f;
100
+ var $7ed5733b9a6db140$export$b818fdf0052a2cab;
101
+ var $7ed5733b9a6db140$export$c1c3511f5e96e926;
102
+ var $7ed5733b9a6db140$export$4f1b75526afd8ff3;
103
+ var $7ed5733b9a6db140$export$6f97cef817ff1cac;
104
+ var $7ed5733b9a6db140$export$5cda1128f9112d2e;
105
+ var $7ed5733b9a6db140$export$25f049c049371040;
106
+ var $7ed5733b9a6db140$export$1e0fb04f31d3c22a;
107
+ var $7ed5733b9a6db140$export$ccc536e1adbdc059;
108
+ var $7ed5733b9a6db140$export$8f7c9db66978d20f;
109
+ var $7ed5733b9a6db140$export$e52daab43a62c528;
110
+ var $7ed5733b9a6db140$export$da76be6126aaa633;
111
+ var $7ed5733b9a6db140$export$e5b2f5233e4e5194;
112
+ var $7ed5733b9a6db140$export$c9f503f672e8a3c1;
113
+ $7ed5733b9a6db140$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
114
+ $7ed5733b9a6db140$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
115
+ $7ed5733b9a6db140$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
116
+ $7ed5733b9a6db140$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
117
+ $7ed5733b9a6db140$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
118
+ $7ed5733b9a6db140$export$f39a09f249340e2a = "focus-ring_e2d99e";
119
+ $7ed5733b9a6db140$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
120
+ $7ed5733b9a6db140$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
121
+ $7ed5733b9a6db140$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
122
+ $7ed5733b9a6db140$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
123
+ $7ed5733b9a6db140$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
124
+ $7ed5733b9a6db140$export$ebb4635c66bacdb9 = "spectrum-ActionButton-label_e2d99e";
125
+ $7ed5733b9a6db140$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
126
+ $7ed5733b9a6db140$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
127
+ $7ed5733b9a6db140$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
128
+ $7ed5733b9a6db140$export$a9781837241c946d = "is-open_e2d99e";
129
+ $7ed5733b9a6db140$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
130
+ $7ed5733b9a6db140$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
131
+ $7ed5733b9a6db140$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
132
+ $7ed5733b9a6db140$export$e7dc768d35940237 = "is-focused_e2d99e";
133
+ $7ed5733b9a6db140$export$20fd0f7cd4e6112f = "is-active_e2d99e";
134
+ $7ed5733b9a6db140$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
135
+ $7ed5733b9a6db140$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
136
+ $7ed5733b9a6db140$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
137
+ $7ed5733b9a6db140$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
138
+ $7ed5733b9a6db140$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
139
+ $7ed5733b9a6db140$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
140
+ $7ed5733b9a6db140$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
141
+ $7ed5733b9a6db140$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
142
+ $7ed5733b9a6db140$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
143
+ $7ed5733b9a6db140$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
144
+ $7ed5733b9a6db140$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
145
+ $7ed5733b9a6db140$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
146
+ $7ed5733b9a6db140$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 $668545b8b100b210$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 $668545b8b100b210$var$Button(props, ref) {
158
+ props = $59nrk$reactspectrumprovider.useProviderProps(props);
159
+ props = $59nrk$reactspectrumutils.useSlotProps(props, 'button');
160
+ let { elementType: ElementType = 'button' , children: children , variant: variant , isQuiet: isQuiet , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
161
+ let domRef = $59nrk$reactspectrumutils.useFocusableRef(ref);
162
+ let { buttonProps: buttonProps , isPressed: isPressed } = $59nrk$reactariabutton.useButton(props, domRef);
163
+ let { hoverProps: hoverProps , isHovered: isHovered } = $59nrk$reactariainteractions.useHover({
164
+ isDisabled: isDisabled
165
+ });
166
+ let { styleProps: styleProps } = $59nrk$reactspectrumutils.useStyleProps(otherProps);
167
+ let buttonVariant = variant;
168
+ if ($668545b8b100b210$var$VARIANT_MAPPING[variant]) buttonVariant = $668545b8b100b210$var$VARIANT_MAPPING[variant];
169
+ return(/*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactariafocus.FocusRing, {
170
+ focusRingClass: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'focus-ring'),
171
+ autoFocus: autoFocus
172
+ }, /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement(ElementType, {
173
+ ...styleProps,
174
+ ...$59nrk$reactariautils.mergeProps(buttonProps, hoverProps),
175
+ ref: domRef,
176
+ className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$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($59nrk$react)).createElement($59nrk$reactspectrumutils.SlotProvider, {
183
+ slots: {
184
+ icon: {
185
+ size: 'S',
186
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-Icon')
187
+ },
188
+ text: {
189
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-Button-label')
190
+ }
191
+ }
192
+ }, typeof children === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$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
- props = useSlotProps(props, 'actionButton');
167
-
168
- let {
169
- isQuiet,
170
- isDisabled,
171
- staticColor,
172
- children,
173
- autoFocus
174
- } = props,
175
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "staticColor", "children", "autoFocus"]);
176
-
177
- let domRef = useFocusableRef(ref);
178
- let {
179
- buttonProps,
180
- isPressed
181
- } = useButton(props, domRef);
182
- let {
183
- hoverProps,
184
- isHovered
185
- } = useHover({
186
- isDisabled
187
- });
188
- let {
189
- styleProps
190
- } = useStyleProps(otherProps);
191
-
192
- let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
193
-
194
- return /*#__PURE__*/_react.createElement(FocusRing, {
195
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
196
- autoFocus: autoFocus
197
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
198
- ref: domRef,
199
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
200
- 'spectrum-ActionButton--quiet': isQuiet,
201
- 'spectrum-ActionButton--staticColor': !!staticColor,
202
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
203
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
204
- 'is-active': isPressed,
205
- 'is-disabled': isDisabled,
206
- 'is-hovered': isHovered
207
- }, styleProps.className)
208
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
209
- slots: {
210
- icon: {
211
- size: 'S',
212
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
213
- },
214
- text: {
215
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
216
- }
217
- }
218
- }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
198
+ */ let $668545b8b100b210$export$353f5b6fc5456de1 = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($668545b8b100b210$var$Button);
199
+
200
+
201
+ var $e0479206b0b12fed$exports = {};
202
+
203
+ $parcel$export($e0479206b0b12fed$exports, "ActionButton", () => $e0479206b0b12fed$export$cfc7921d29ef7b80);
204
+
205
+
206
+
207
+
208
+
209
+
210
+
211
+
212
+
213
+
214
+ function $e0479206b0b12fed$var$ActionButton(props, ref) {
215
+ props = $59nrk$reactspectrumprovider.useProviderProps(props);
216
+ props = $59nrk$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 = $59nrk$reactspectrumutils.useFocusableRef(ref);
220
+ let { buttonProps: buttonProps , isPressed: isPressed } = $59nrk$reactariabutton.useButton(props, domRef);
221
+ let { hoverProps: hoverProps , isHovered: isHovered } = $59nrk$reactariainteractions.useHover({
222
+ isDisabled: isDisabled
223
+ });
224
+ let { styleProps: styleProps } = $59nrk$reactspectrumutils.useStyleProps(otherProps);
225
+ let isTextOnly = ($parcel$interopDefault($59nrk$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).isValidElement(c)
226
+ );
227
+ return(/*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactariafocus.FocusRing, {
228
+ focusRingClass: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'focus-ring'),
229
+ autoFocus: autoFocus
230
+ }, /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement("button", {
231
+ ...styleProps,
232
+ ...$59nrk$reactariautils.mergeProps(buttonProps, hoverProps),
233
+ ref: domRef,
234
+ className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$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($59nrk$react)).createElement(($parcel$interopDefault($59nrk$spectrumiconsuiCornerTriangle)), {
244
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-ActionButton-hold')
245
+ }), /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactspectrumutils.SlotProvider, {
246
+ slots: {
247
+ icon: {
248
+ size: 'S',
249
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-Icon')
250
+ },
251
+ text: {
252
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-ActionButton-label')
253
+ }
254
+ }
255
+ }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactspectrumtext.Text, null, children) : children))));
219
256
  }
220
257
  /**
221
258
  * ActionButtons allow users to perform an action.
222
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.
223
- */
260
+ */ let $e0479206b0b12fed$export$cfc7921d29ef7b80 = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($e0479206b0b12fed$var$ActionButton);
261
+
262
+
263
+ var $4e73ef1d73809b4a$exports = {};
264
+
265
+ $parcel$export($4e73ef1d73809b4a$exports, "FieldButton", () => $4e73ef1d73809b4a$export$47dc48f595b075da);
266
+
267
+
268
+
224
269
 
225
270
 
226
- let ActionButton = /*#__PURE__*/_react.forwardRef($f3063a10f4b2c05148061fca201b$var$ActionButton);
227
271
 
228
- exports.ActionButton = ActionButton;
229
272
 
230
273
  // @private
231
- function $fee777d101ae103380e7aba8c00fbda$var$FieldButton(props, ref) {
232
- props = useSlotProps(props, 'button');
233
-
234
- let {
235
- isQuiet,
236
- isDisabled,
237
- validationState,
238
- children,
239
- autoFocus,
240
- isActive,
241
- focusRingClass
242
- } = props,
243
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive", "focusRingClass"]);
244
-
245
- let domRef = useFocusableRef(ref);
246
- let {
247
- buttonProps,
248
- isPressed
249
- } = useButton(props, domRef);
250
- let {
251
- hoverProps,
252
- isHovered
253
- } = useHover({
254
- isDisabled
255
- });
256
- let {
257
- styleProps
258
- } = useStyleProps(otherProps);
259
- return /*#__PURE__*/_react.createElement(FocusRing, {
260
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusRingClass),
261
- autoFocus: autoFocus
262
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, mergeProps(buttonProps, hoverProps), {
263
- ref: domRef,
264
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-FieldButton', {
265
- 'spectrum-FieldButton--quiet': isQuiet,
266
- 'is-active': isActive || isPressed,
267
- 'is-disabled': isDisabled,
268
- 'spectrum-FieldButton--invalid': validationState === 'invalid',
269
- 'is-hovered': isHovered
270
- }, styleProps.className)
271
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
272
- slots: {
273
- icon: {
274
- size: 'S',
275
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
276
- }
277
- }
278
- }, children)));
274
+ function $4e73ef1d73809b4a$var$FieldButton(props, ref) {
275
+ props = $59nrk$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 = $59nrk$reactspectrumutils.useFocusableRef(ref);
278
+ let { buttonProps: buttonProps , isPressed: isPressed } = $59nrk$reactariabutton.useButton(props, domRef);
279
+ let { hoverProps: hoverProps , isHovered: isHovered } = $59nrk$reactariainteractions.useHover({
280
+ isDisabled: isDisabled
281
+ });
282
+ let { styleProps: styleProps } = $59nrk$reactspectrumutils.useStyleProps(otherProps);
283
+ return(/*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactariafocus.FocusRing, {
284
+ focusRingClass: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'focus-ring', focusRingClass),
285
+ autoFocus: autoFocus
286
+ }, /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement("button", {
287
+ ...$59nrk$reactariautils.mergeProps(buttonProps, hoverProps),
288
+ ref: domRef,
289
+ className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$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($59nrk$react)).createElement($59nrk$reactspectrumutils.SlotProvider, {
297
+ slots: {
298
+ icon: {
299
+ size: 'S',
300
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-Icon')
301
+ }
302
+ }
303
+ }, children))));
279
304
  }
305
+ let $4e73ef1d73809b4a$export$47dc48f595b075da = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($4e73ef1d73809b4a$var$FieldButton);
280
306
 
281
- let FieldButton = /*#__PURE__*/_react.forwardRef($fee777d101ae103380e7aba8c00fbda$var$FieldButton);
282
-
283
- exports.FieldButton = FieldButton;
284
-
285
- function $c1e922c08e26f540cc0b70e2998879f7$var$LogicButton(props, ref) {
286
- props = useProviderProps(props);
287
-
288
- let {
289
- variant,
290
- children,
291
- isDisabled,
292
- autoFocus
293
- } = props,
294
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["variant", "children", "isDisabled", "autoFocus"]);
295
-
296
- let domRef = useFocusableRef(ref);
297
- let {
298
- buttonProps,
299
- isPressed
300
- } = useButton(props, domRef);
301
- let {
302
- hoverProps,
303
- isHovered
304
- } = useHover({
305
- isDisabled
306
- });
307
- let {
308
- styleProps
309
- } = useStyleProps(otherProps);
310
- return /*#__PURE__*/_react.createElement(FocusRing, {
311
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
312
- autoFocus: autoFocus
313
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
314
- ref: domRef,
315
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-LogicButton', {
316
- ["spectrum-LogicButton--" + variant]: variant,
317
- 'is-disabled': isDisabled,
318
- 'is-active': isPressed,
319
- 'is-hovered': isHovered
320
- }, styleProps.className)
321
- }), /*#__PURE__*/_react.createElement("span", {
322
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button-label')
323
- }, children)));
307
+
308
+ var $0a0c9b459b08e49f$exports = {};
309
+
310
+ $parcel$export($0a0c9b459b08e49f$exports, "LogicButton", () => $0a0c9b459b08e49f$export$9b0b80fed00ba8b1);
311
+
312
+
313
+
314
+
315
+
316
+
317
+
318
+
319
+ function $0a0c9b459b08e49f$var$LogicButton(props, ref) {
320
+ props = $59nrk$reactspectrumprovider.useProviderProps(props);
321
+ let { variant: variant , children: children , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
322
+ let domRef = $59nrk$reactspectrumutils.useFocusableRef(ref);
323
+ let { buttonProps: buttonProps , isPressed: isPressed } = $59nrk$reactariabutton.useButton(props, domRef);
324
+ let { hoverProps: hoverProps , isHovered: isHovered } = $59nrk$reactariainteractions.useHover({
325
+ isDisabled: isDisabled
326
+ });
327
+ let { styleProps: styleProps } = $59nrk$reactspectrumutils.useStyleProps(otherProps);
328
+ return(/*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactariafocus.FocusRing, {
329
+ focusRingClass: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'focus-ring'),
330
+ autoFocus: autoFocus
331
+ }, /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement("button", {
332
+ ...styleProps,
333
+ ...$59nrk$reactariautils.mergeProps(buttonProps, hoverProps),
334
+ ref: domRef,
335
+ className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$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($59nrk$react)).createElement("span", {
342
+ className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-Button-label')
343
+ }, children))));
324
344
  }
325
345
  /**
326
346
  * A LogicButton displays an operator within a boolean logic sequence.
327
- */
328
-
329
-
330
- let LogicButton = /*#__PURE__*/_react.forwardRef($c1e922c08e26f540cc0b70e2998879f7$var$LogicButton);
331
-
332
- exports.LogicButton = LogicButton;
333
-
334
- function $da329d9cf39ae507e223a144e84f29$var$ClearButton(props, ref) {
335
- let {
336
- children = /*#__PURE__*/_react.createElement(_spectrumIconsUiCrossSmall, {
337
- UNSAFE_className: $a9040831959d0ed42473e9713dd4b23$$interop$default['spectrum-Icon']
338
- }),
339
- focusClassName,
340
- variant,
341
- autoFocus,
342
- isDisabled,
343
- preventFocus,
344
- elementType = preventFocus ? 'div' : 'button'
345
- } = props,
346
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "focusClassName", "variant", "autoFocus", "isDisabled", "preventFocus", "elementType"]);
347
-
348
- let domRef = useFocusableRef(ref);
349
- let {
350
- buttonProps,
351
- isPressed
352
- } = useButton(_babelRuntimeHelpersExtends({}, props, {
353
- elementType
354
- }), domRef);
355
- let {
356
- hoverProps,
357
- isHovered
358
- } = useHover({
359
- isDisabled
360
- });
361
- let {
362
- styleProps
363
- } = useStyleProps(otherProps); // For cases like the clear button in a search field, remove the tabIndex so
364
- // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
365
- // moving the cursor over the clear button.
366
-
367
- if (preventFocus) {
368
- delete buttonProps.tabIndex;
369
- }
370
-
371
- let ElementType = elementType;
372
- return /*#__PURE__*/_react.createElement(FocusRing, {
373
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusClassName),
374
- autoFocus: autoFocus
375
- }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
376
- ref: domRef,
377
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ClearButton', {
378
- ["spectrum-ClearButton--" + variant]: variant,
379
- 'is-disabled': isDisabled,
380
- 'is-active': isPressed,
381
- 'is-hovered': isHovered
382
- }, styleProps.className)
383
- }), children));
384
- }
347
+ */ let $0a0c9b459b08e49f$export$9b0b80fed00ba8b1 = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($0a0c9b459b08e49f$var$LogicButton);
385
348
 
386
- let ClearButton = /*#__PURE__*/_react.forwardRef($da329d9cf39ae507e223a144e84f29$var$ClearButton);
387
-
388
- exports.ClearButton = ClearButton;
389
-
390
- function $cafbdaa4815cfddd8f7335990626f4$var$ToggleButton(props, ref) {
391
- props = useProviderProps(props);
392
-
393
- let {
394
- isQuiet,
395
- isDisabled,
396
- isEmphasized,
397
- staticColor,
398
- children,
399
- autoFocus
400
- } = props,
401
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "isEmphasized", "staticColor", "children", "autoFocus"]);
402
-
403
- let domRef = useFocusableRef(ref);
404
- let state = useToggleState(props);
405
- let {
406
- buttonProps,
407
- isPressed
408
- } = useToggleButton(props, state, domRef);
409
- let {
410
- hoverProps,
411
- isHovered
412
- } = useHover({
413
- isDisabled
414
- });
415
- let {
416
- styleProps
417
- } = useStyleProps(otherProps);
418
-
419
- let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
420
-
421
- return /*#__PURE__*/_react.createElement(FocusRing, {
422
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
423
- autoFocus: autoFocus
424
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
425
- ref: domRef,
426
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
427
- 'spectrum-ActionButton--quiet': isQuiet,
428
- 'spectrum-ActionButton--emphasized': isEmphasized,
429
- 'spectrum-ActionButton--staticColor': !!staticColor,
430
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
431
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
432
- 'is-active': isPressed,
433
- 'is-disabled': isDisabled,
434
- 'is-hovered': isHovered,
435
- 'is-selected': state.isSelected
436
- }, styleProps.className)
437
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
438
- slots: {
439
- icon: {
440
- size: 'S',
441
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
442
- },
443
- text: {
444
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
445
- }
446
- }
447
- }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
349
+
350
+ var $a4d4357c3ba20830$exports = {};
351
+
352
+ $parcel$export($a4d4357c3ba20830$exports, "ClearButton", () => $a4d4357c3ba20830$export$13ec83e50bf04290);
353
+
354
+
355
+
356
+
357
+
358
+
359
+
360
+
361
+ function $a4d4357c3ba20830$var$ClearButton(props, ref) {
362
+ let { children: children = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement(($parcel$interopDefault($59nrk$spectrumiconsuiCrossSmall)), {
363
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports))['spectrum-Icon']
364
+ }) , focusClassName: focusClassName , variant: variant , autoFocus: autoFocus , isDisabled: isDisabled , preventFocus: preventFocus , elementType: elementType = preventFocus ? 'div' : 'button' , ...otherProps } = props;
365
+ let domRef = $59nrk$reactspectrumutils.useFocusableRef(ref);
366
+ let { buttonProps: buttonProps , isPressed: isPressed } = $59nrk$reactariabutton.useButton({
367
+ ...props,
368
+ elementType: elementType
369
+ }, domRef);
370
+ let { hoverProps: hoverProps , isHovered: isHovered } = $59nrk$reactariainteractions.useHover({
371
+ isDisabled: isDisabled
372
+ });
373
+ let { styleProps: styleProps } = $59nrk$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($59nrk$react)).createElement($59nrk$reactariafocus.FocusRing, {
380
+ focusRingClass: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'focus-ring', focusClassName),
381
+ autoFocus: autoFocus
382
+ }, /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement(ElementType, {
383
+ ...styleProps,
384
+ ...$59nrk$reactariautils.mergeProps(buttonProps, hoverProps),
385
+ ref: domRef,
386
+ className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$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 $a4d4357c3ba20830$export$13ec83e50bf04290 = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($a4d4357c3ba20830$var$ClearButton);
395
+
396
+
397
+ var $075a27c3d4ddd5ec$exports = {};
398
+
399
+ $parcel$export($075a27c3d4ddd5ec$exports, "ToggleButton", () => $075a27c3d4ddd5ec$export$d2b052e7b4be1756);
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+ function $075a27c3d4ddd5ec$var$ToggleButton(props, ref) {
411
+ props = $59nrk$reactspectrumprovider.useProviderProps(props);
412
+ let { isQuiet: isQuiet , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , children: children , autoFocus: autoFocus , ...otherProps } = props;
413
+ let domRef = $59nrk$reactspectrumutils.useFocusableRef(ref);
414
+ let state = $59nrk$reactstatelytoggle.useToggleState(props);
415
+ let { buttonProps: buttonProps , isPressed: isPressed } = $59nrk$reactariabutton.useToggleButton(props, state, domRef);
416
+ let { hoverProps: hoverProps , isHovered: isHovered } = $59nrk$reactariainteractions.useHover({
417
+ isDisabled: isDisabled
418
+ });
419
+ let { styleProps: styleProps } = $59nrk$reactspectrumutils.useStyleProps(otherProps);
420
+ let isTextOnly = ($parcel$interopDefault($59nrk$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).isValidElement(c)
421
+ );
422
+ return(/*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactariafocus.FocusRing, {
423
+ focusRingClass: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'focus-ring'),
424
+ autoFocus: autoFocus
425
+ }, /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement("button", {
426
+ ...styleProps,
427
+ ...$59nrk$reactariautils.mergeProps(buttonProps, hoverProps),
428
+ ref: domRef,
429
+ className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$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($59nrk$react)).createElement($59nrk$reactspectrumutils.SlotProvider, {
441
+ slots: {
442
+ icon: {
443
+ size: 'S',
444
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-Icon')
445
+ },
446
+ text: {
447
+ UNSAFE_className: $59nrk$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($7ed5733b9a6db140$exports)), 'spectrum-ActionButton-label')
448
+ }
449
+ }
450
+ }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).createElement($59nrk$reactspectrumtext.Text, null, children) : children))));
448
451
  }
449
452
  /**
450
453
  * ToggleButtons allow users to toggle a selection on or off, for example
451
454
  * switching between two states or modes.
452
- */
455
+ */ let $075a27c3d4ddd5ec$export$d2b052e7b4be1756 = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($075a27c3d4ddd5ec$var$ToggleButton);
456
+
453
457
 
458
+ $parcel$exportWildcard(module.exports, $668545b8b100b210$exports);
459
+ $parcel$exportWildcard(module.exports, $e0479206b0b12fed$exports);
460
+ $parcel$exportWildcard(module.exports, $4e73ef1d73809b4a$exports);
461
+ $parcel$exportWildcard(module.exports, $0a0c9b459b08e49f$exports);
462
+ $parcel$exportWildcard(module.exports, $a4d4357c3ba20830$exports);
463
+ $parcel$exportWildcard(module.exports, $075a27c3d4ddd5ec$exports);
454
464
 
455
- let ToggleButton = /*#__PURE__*/_react.forwardRef($cafbdaa4815cfddd8f7335990626f4$var$ToggleButton);
456
465
 
457
- exports.ToggleButton = ToggleButton;
458
466
  //# sourceMappingURL=main.js.map