@react-spectrum/button 3.4.1 → 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 (11) hide show
  1. package/dist/main.css +1 -2
  2. package/dist/main.js +428 -408
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +411 -367
  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 +12 -1
  10. package/src/ToggleButton.tsx +4 -0
  11. package/dist/main.css.map +0 -1
package/dist/main.js CHANGED
@@ -1,446 +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
- "is-hovered": "_is-hovered_7a745",
63
- "spectrum-Button-label": "_spectrum-Button-label_7a745",
64
- "spectrum-ActionButton-label": "_spectrum-ActionButton-label_7a745",
65
- "spectrum-ActionButton-hold": "_spectrum-ActionButton-hold_7a745",
66
- "spectrum-ActionButton--quiet": "_spectrum-ActionButton--quiet_7a745",
67
- "is-disabled": "_is-disabled_7a745",
68
- "is-open": "_is-open_7a745",
69
- "spectrum-FieldButton--quiet": "_spectrum-FieldButton--quiet_7a745",
70
- "spectrum-ClearButton--overBackground": "_spectrum-ClearButton--overBackground_7a745",
71
- "spectrum-ClearButton--small": "_spectrum-ClearButton--small_7a745",
72
- "is-focused": "_is-focused_7a745",
73
- "is-active": "_is-active_7a745",
74
- "spectrum-Button--cta": "_spectrum-Button--cta_7a745",
75
- "spectrum-Button--primary": "_spectrum-Button--primary_7a745",
76
- "spectrum-Button--secondary": "_spectrum-Button--secondary_7a745",
77
- "spectrum-Button--warning": "_spectrum-Button--warning_7a745",
78
- "spectrum-Button--overBackground": "_spectrum-Button--overBackground_7a745",
79
- "spectrum-Button--quiet": "_spectrum-Button--quiet_7a745",
80
- "is-selected": "_is-selected_7a745",
81
- "spectrum-ActionButton--emphasized": "_spectrum-ActionButton--emphasized_7a745",
82
- "spectrum-LogicButton--and": "_spectrum-LogicButton--and_7a745",
83
- "spectrum-LogicButton--or": "_spectrum-LogicButton--or_7a745",
84
- "is-placeholder": "_is-placeholder_7a745",
85
- "spectrum-FieldButton--invalid": "_spectrum-FieldButton--invalid_7a745"
86
- };
87
153
  // todo: CSS hasn't caught up yet, map
88
- let $ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING = {
89
- negative: 'warning'
154
+ let $668545b8b100b210$var$VARIANT_MAPPING = {
155
+ negative: 'warning'
90
156
  };
91
- var $a9040831959d0ed42473e9713dd4b23$$interop$default = $parcel$interopDefault($a9040831959d0ed42473e9713dd4b23$exports);
92
-
93
- function $ead2ca032915257adf53f639d99d1a73$var$Button(props, ref) {
94
- props = useProviderProps(props);
95
- props = useSlotProps(props, 'button');
96
-
97
- let {
98
- elementType: ElementType = 'button',
99
- children,
100
- variant,
101
- isQuiet,
102
- isDisabled,
103
- autoFocus
104
- } = props,
105
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["elementType", "children", "variant", "isQuiet", "isDisabled", "autoFocus"]);
106
-
107
- let domRef = useFocusableRef(ref);
108
- let {
109
- buttonProps,
110
- isPressed
111
- } = useButton(props, domRef);
112
- let {
113
- hoverProps,
114
- isHovered
115
- } = useHover({
116
- isDisabled
117
- });
118
- let {
119
- styleProps
120
- } = useStyleProps(otherProps);
121
- let buttonVariant = variant;
122
-
123
- if ($ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING[variant]) {
124
- buttonVariant = $ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING[variant];
125
- }
126
-
127
- return /*#__PURE__*/_react.createElement(FocusRing, {
128
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
129
- autoFocus: autoFocus
130
- }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
131
- ref: domRef,
132
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button', "spectrum-Button--" + buttonVariant, {
133
- 'spectrum-Button--quiet': isQuiet,
134
- 'is-disabled': isDisabled,
135
- 'is-active': isPressed,
136
- 'is-hovered': isHovered
137
- }, styleProps.className)
138
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
139
- slots: {
140
- icon: {
141
- size: 'S',
142
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
143
- },
144
- text: {
145
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button-label')
146
- }
147
- }
148
- }, 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))));
149
193
  }
150
194
  /**
151
195
  * Buttons allow users to perform an action or to navigate to another page.
152
196
  * They have multiple styles for various needs, and are ideal for calling attention to
153
197
  * where a user needs to do something in order to move forward in a flow.
154
- */
155
-
156
-
157
- let Button = /*#__PURE__*/_react.forwardRef($ead2ca032915257adf53f639d99d1a73$var$Button);
158
-
159
- exports.Button = Button;
160
-
161
- function $f3063a10f4b2c05148061fca201b$var$ActionButton(props, ref) {
162
- props = useProviderProps(props);
163
-
164
- let {
165
- isQuiet,
166
- isDisabled,
167
- children,
168
- autoFocus
169
- } = props,
170
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "children", "autoFocus"]);
171
-
172
- let domRef = useFocusableRef(ref);
173
- let {
174
- buttonProps,
175
- isPressed
176
- } = useButton(props, domRef);
177
- let {
178
- hoverProps,
179
- isHovered
180
- } = useHover({
181
- isDisabled
182
- });
183
- let {
184
- styleProps
185
- } = useStyleProps(otherProps);
186
-
187
- let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
188
-
189
- return /*#__PURE__*/_react.createElement(FocusRing, {
190
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
191
- autoFocus: autoFocus
192
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
193
- ref: domRef,
194
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
195
- 'spectrum-ActionButton--quiet': isQuiet,
196
- 'is-active': isPressed,
197
- 'is-disabled': isDisabled,
198
- 'is-hovered': isHovered
199
- }, styleProps.className)
200
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
201
- slots: {
202
- icon: {
203
- size: 'S',
204
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
205
- },
206
- text: {
207
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
208
- }
209
- }
210
- }, 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))));
211
256
  }
212
257
  /**
213
258
  * ActionButtons allow users to perform an action.
214
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.
215
- */
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
+
216
269
 
217
270
 
218
- let ActionButton = /*#__PURE__*/_react.forwardRef($f3063a10f4b2c05148061fca201b$var$ActionButton);
219
271
 
220
- exports.ActionButton = ActionButton;
221
272
 
222
273
  // @private
223
- function $fee777d101ae103380e7aba8c00fbda$var$FieldButton(props, ref) {
224
- props = useSlotProps(props, 'button');
225
-
226
- let {
227
- isQuiet,
228
- isDisabled,
229
- validationState,
230
- children,
231
- autoFocus,
232
- isActive,
233
- focusRingClass
234
- } = props,
235
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive", "focusRingClass"]);
236
-
237
- let domRef = useFocusableRef(ref);
238
- let {
239
- buttonProps,
240
- isPressed
241
- } = useButton(props, domRef);
242
- let {
243
- hoverProps,
244
- isHovered
245
- } = useHover({
246
- isDisabled
247
- });
248
- let {
249
- styleProps
250
- } = useStyleProps(otherProps);
251
- return /*#__PURE__*/_react.createElement(FocusRing, {
252
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusRingClass),
253
- autoFocus: autoFocus
254
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, mergeProps(buttonProps, hoverProps), {
255
- ref: domRef,
256
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-FieldButton', {
257
- 'spectrum-FieldButton--quiet': isQuiet,
258
- 'is-active': isActive || isPressed,
259
- 'is-disabled': isDisabled,
260
- 'spectrum-FieldButton--invalid': validationState === 'invalid',
261
- 'is-hovered': isHovered
262
- }, styleProps.className)
263
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
264
- slots: {
265
- icon: {
266
- size: 'S',
267
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
268
- }
269
- }
270
- }, 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))));
271
304
  }
305
+ let $4e73ef1d73809b4a$export$47dc48f595b075da = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($4e73ef1d73809b4a$var$FieldButton);
272
306
 
273
- let FieldButton = /*#__PURE__*/_react.forwardRef($fee777d101ae103380e7aba8c00fbda$var$FieldButton);
274
-
275
- exports.FieldButton = FieldButton;
276
-
277
- function $c1e922c08e26f540cc0b70e2998879f7$var$LogicButton(props, ref) {
278
- props = useProviderProps(props);
279
-
280
- let {
281
- variant,
282
- children,
283
- isDisabled,
284
- autoFocus
285
- } = props,
286
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["variant", "children", "isDisabled", "autoFocus"]);
287
-
288
- let domRef = useFocusableRef(ref);
289
- let {
290
- buttonProps,
291
- isPressed
292
- } = useButton(props, domRef);
293
- let {
294
- hoverProps,
295
- isHovered
296
- } = useHover({
297
- isDisabled
298
- });
299
- let {
300
- styleProps
301
- } = useStyleProps(otherProps);
302
- return /*#__PURE__*/_react.createElement(FocusRing, {
303
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
304
- autoFocus: autoFocus
305
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
306
- ref: domRef,
307
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-LogicButton', {
308
- ["spectrum-LogicButton--" + variant]: variant,
309
- 'is-disabled': isDisabled,
310
- 'is-active': isPressed,
311
- 'is-hovered': isHovered
312
- }, styleProps.className)
313
- }), /*#__PURE__*/_react.createElement("span", {
314
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button-label')
315
- }, 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))));
316
344
  }
317
345
  /**
318
346
  * A LogicButton displays an operator within a boolean logic sequence.
319
- */
320
-
321
-
322
- let LogicButton = /*#__PURE__*/_react.forwardRef($c1e922c08e26f540cc0b70e2998879f7$var$LogicButton);
323
-
324
- exports.LogicButton = LogicButton;
325
-
326
- function $da329d9cf39ae507e223a144e84f29$var$ClearButton(props, ref) {
327
- let {
328
- children = /*#__PURE__*/_react.createElement(_spectrumIconsUiCrossSmall, {
329
- UNSAFE_className: $a9040831959d0ed42473e9713dd4b23$$interop$default['spectrum-Icon']
330
- }),
331
- focusClassName,
332
- variant,
333
- autoFocus,
334
- isDisabled,
335
- preventFocus,
336
- elementType = preventFocus ? 'div' : 'button'
337
- } = props,
338
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "focusClassName", "variant", "autoFocus", "isDisabled", "preventFocus", "elementType"]);
339
-
340
- let domRef = useFocusableRef(ref);
341
- let {
342
- buttonProps,
343
- isPressed
344
- } = useButton(_babelRuntimeHelpersExtends({}, props, {
345
- elementType
346
- }), domRef);
347
- let {
348
- hoverProps,
349
- isHovered
350
- } = useHover({
351
- isDisabled
352
- });
353
- let {
354
- styleProps
355
- } = useStyleProps(otherProps); // For cases like the clear button in a search field, remove the tabIndex so
356
- // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
357
- // moving the cursor over the clear button.
358
-
359
- if (preventFocus) {
360
- delete buttonProps.tabIndex;
361
- }
362
-
363
- let ElementType = elementType;
364
- return /*#__PURE__*/_react.createElement(FocusRing, {
365
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusClassName),
366
- autoFocus: autoFocus
367
- }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
368
- ref: domRef,
369
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ClearButton', {
370
- ["spectrum-ClearButton--" + variant]: variant,
371
- 'is-disabled': isDisabled,
372
- 'is-active': isPressed,
373
- 'is-hovered': isHovered
374
- }, styleProps.className)
375
- }), children));
376
- }
347
+ */ let $0a0c9b459b08e49f$export$9b0b80fed00ba8b1 = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($0a0c9b459b08e49f$var$LogicButton);
377
348
 
378
- let ClearButton = /*#__PURE__*/_react.forwardRef($da329d9cf39ae507e223a144e84f29$var$ClearButton);
379
-
380
- exports.ClearButton = ClearButton;
381
-
382
- function $cafbdaa4815cfddd8f7335990626f4$var$ToggleButton(props, ref) {
383
- props = useProviderProps(props);
384
-
385
- let {
386
- isQuiet,
387
- isDisabled,
388
- isEmphasized,
389
- children,
390
- autoFocus
391
- } = props,
392
- otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "isEmphasized", "children", "autoFocus"]);
393
-
394
- let domRef = useFocusableRef(ref);
395
- let state = useToggleState(props);
396
- let {
397
- buttonProps,
398
- isPressed
399
- } = useToggleButton(props, state, domRef);
400
- let {
401
- hoverProps,
402
- isHovered
403
- } = useHover({
404
- isDisabled
405
- });
406
- let {
407
- styleProps
408
- } = useStyleProps(otherProps);
409
-
410
- let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
411
-
412
- return /*#__PURE__*/_react.createElement(FocusRing, {
413
- focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
414
- autoFocus: autoFocus
415
- }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
416
- ref: domRef,
417
- className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
418
- 'spectrum-ActionButton--quiet': isQuiet,
419
- 'spectrum-ActionButton--emphasized': isEmphasized,
420
- 'is-active': isPressed,
421
- 'is-disabled': isDisabled,
422
- 'is-hovered': isHovered,
423
- 'is-selected': state.isSelected
424
- }, styleProps.className)
425
- }), /*#__PURE__*/_react.createElement(SlotProvider, {
426
- slots: {
427
- icon: {
428
- size: 'S',
429
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
430
- },
431
- text: {
432
- UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
433
- }
434
- }
435
- }, 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))));
436
451
  }
437
452
  /**
438
453
  * ToggleButtons allow users to toggle a selection on or off, for example
439
454
  * switching between two states or modes.
440
- */
455
+ */ let $075a27c3d4ddd5ec$export$d2b052e7b4be1756 = /*#__PURE__*/ ($parcel$interopDefault($59nrk$react)).forwardRef($075a27c3d4ddd5ec$var$ToggleButton);
456
+
441
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);
442
464
 
443
- let ToggleButton = /*#__PURE__*/_react.forwardRef($cafbdaa4815cfddd8f7335990626f4$var$ToggleButton);
444
465
 
445
- exports.ToggleButton = ToggleButton;
446
466
  //# sourceMappingURL=main.js.map