@react-spectrum/button 3.10.0 → 3.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +232 -180
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +232 -180
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +13 -13
  8. package/src/Button.tsx +10 -11
package/dist/module.js CHANGED
@@ -17,7 +17,28 @@ function $parcel$interopDefault(a) {
17
17
  function $parcel$export(e, n, v, s) {
18
18
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
19
19
  }
20
-
20
+ /*
21
+ * Copyright 2020 Adobe. All rights reserved.
22
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
23
+ * you may not use this file except in compliance with the License. You may obtain a copy
24
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
25
+ *
26
+ * Unless required by applicable law or agreed to in writing, software distributed under
27
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
28
+ * OF ANY KIND, either express or implied. See the License for the specific language
29
+ * governing permissions and limitations under the License.
30
+ */ /// <reference types="css-module-types" />
31
+ /*
32
+ * Copyright 2020 Adobe. All rights reserved.
33
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
34
+ * you may not use this file except in compliance with the License. You may obtain a copy
35
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
36
+ *
37
+ * Unless required by applicable law or agreed to in writing, software distributed under
38
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
39
+ * OF ANY KIND, either express or implied. See the License for the specific language
40
+ * governing permissions and limitations under the License.
41
+ */
21
42
 
22
43
 
23
44
 
@@ -29,9 +50,8 @@ $parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton", () => $086e93d
29
50
  $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton", () => $086e93d2352a4536$export$a024c99ecf6b5741, (v) => $086e93d2352a4536$export$a024c99ecf6b5741 = v);
30
51
  $parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton", () => $086e93d2352a4536$export$b752ce409e5660c, (v) => $086e93d2352a4536$export$b752ce409e5660c = v);
31
52
  $parcel$export($086e93d2352a4536$exports, "focus-ring", () => $086e93d2352a4536$export$f39a09f249340e2a, (v) => $086e93d2352a4536$export$f39a09f249340e2a = v);
53
+ $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--quiet", () => $086e93d2352a4536$export$5ca7b274e4fff9fc, (v) => $086e93d2352a4536$export$5ca7b274e4fff9fc = v);
32
54
  $parcel$export($086e93d2352a4536$exports, "spectrum-Icon", () => $086e93d2352a4536$export$d374b04f30360026, (v) => $086e93d2352a4536$export$d374b04f30360026 = v);
33
- $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", () => $086e93d2352a4536$export$5aabb61a966e266f, (v) => $086e93d2352a4536$export$5aabb61a966e266f = v);
34
- $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
35
55
  $parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
36
56
  $parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
37
57
  $parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
@@ -40,33 +60,27 @@ $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $0
40
60
  $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
41
61
  $parcel$export($086e93d2352a4536$exports, "is-disabled", () => $086e93d2352a4536$export$d35bc1e505d1ebbf, (v) => $086e93d2352a4536$export$d35bc1e505d1ebbf = v);
42
62
  $parcel$export($086e93d2352a4536$exports, "is-open", () => $086e93d2352a4536$export$a9781837241c946d, (v) => $086e93d2352a4536$export$a9781837241c946d = v);
43
- $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--quiet", () => $086e93d2352a4536$export$5ca7b274e4fff9fc, (v) => $086e93d2352a4536$export$5ca7b274e4fff9fc = v);
44
- $parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--overBackground", () => $086e93d2352a4536$export$116f2fccf941d34d, (v) => $086e93d2352a4536$export$116f2fccf941d34d = v);
45
63
  $parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--small", () => $086e93d2352a4536$export$49280ffa5236ba8b, (v) => $086e93d2352a4536$export$49280ffa5236ba8b = v);
46
- $parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
47
64
  $parcel$export($086e93d2352a4536$exports, "is-active", () => $086e93d2352a4536$export$20fd0f7cd4e6112f, (v) => $086e93d2352a4536$export$20fd0f7cd4e6112f = v);
48
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--cta", () => $086e93d2352a4536$export$b818fdf0052a2cab, (v) => $086e93d2352a4536$export$b818fdf0052a2cab = v);
49
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--primary", () => $086e93d2352a4536$export$c1c3511f5e96e926, (v) => $086e93d2352a4536$export$c1c3511f5e96e926 = v);
50
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--secondary", () => $086e93d2352a4536$export$4f1b75526afd8ff3, (v) => $086e93d2352a4536$export$4f1b75526afd8ff3 = v);
51
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--warning", () => $086e93d2352a4536$export$6f97cef817ff1cac, (v) => $086e93d2352a4536$export$6f97cef817ff1cac = v);
52
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
53
- $parcel$export($086e93d2352a4536$exports, "spectrum-Button--quiet", () => $086e93d2352a4536$export$25f049c049371040, (v) => $086e93d2352a4536$export$25f049c049371040 = v);
54
65
  $parcel$export($086e93d2352a4536$exports, "is-selected", () => $086e93d2352a4536$export$1e0fb04f31d3c22a, (v) => $086e93d2352a4536$export$1e0fb04f31d3c22a = v);
66
+ $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", () => $086e93d2352a4536$export$5aabb61a966e266f, (v) => $086e93d2352a4536$export$5aabb61a966e266f = v);
55
67
  $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticWhite", () => $086e93d2352a4536$export$ccc536e1adbdc059, (v) => $086e93d2352a4536$export$ccc536e1adbdc059 = v);
56
68
  $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticBlack", () => $086e93d2352a4536$export$8f7c9db66978d20f, (v) => $086e93d2352a4536$export$8f7c9db66978d20f = v);
69
+ $parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
57
70
  $parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--and", () => $086e93d2352a4536$export$e52daab43a62c528, (v) => $086e93d2352a4536$export$e52daab43a62c528 = v);
58
71
  $parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--or", () => $086e93d2352a4536$export$da76be6126aaa633, (v) => $086e93d2352a4536$export$da76be6126aaa633 = v);
72
+ $parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
59
73
  $parcel$export($086e93d2352a4536$exports, "is-placeholder", () => $086e93d2352a4536$export$e5b2f5233e4e5194, (v) => $086e93d2352a4536$export$e5b2f5233e4e5194 = v);
60
74
  $parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--invalid", () => $086e93d2352a4536$export$c9f503f672e8a3c1, (v) => $086e93d2352a4536$export$c9f503f672e8a3c1 = v);
75
+ $parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
61
76
  var $086e93d2352a4536$export$1db4cca5b4ade39a;
62
77
  var $086e93d2352a4536$export$53da69f51b770d3;
63
78
  var $086e93d2352a4536$export$36ae67a131730482;
64
79
  var $086e93d2352a4536$export$a024c99ecf6b5741;
65
80
  var $086e93d2352a4536$export$b752ce409e5660c;
66
81
  var $086e93d2352a4536$export$f39a09f249340e2a;
82
+ var $086e93d2352a4536$export$5ca7b274e4fff9fc;
67
83
  var $086e93d2352a4536$export$d374b04f30360026;
68
- var $086e93d2352a4536$export$5aabb61a966e266f;
69
- var $086e93d2352a4536$export$29b7b5d6a5a497c5;
70
84
  var $086e93d2352a4536$export$b8813cd5d7824ce7;
71
85
  var $086e93d2352a4536$export$c081ba562e204942;
72
86
  var $086e93d2352a4536$export$c1d306ec0fae3838;
@@ -75,33 +89,27 @@ var $086e93d2352a4536$export$4a4f01c443eff992;
75
89
  var $086e93d2352a4536$export$40e1f009544bacf3;
76
90
  var $086e93d2352a4536$export$d35bc1e505d1ebbf;
77
91
  var $086e93d2352a4536$export$a9781837241c946d;
78
- var $086e93d2352a4536$export$5ca7b274e4fff9fc;
79
- var $086e93d2352a4536$export$116f2fccf941d34d;
80
92
  var $086e93d2352a4536$export$49280ffa5236ba8b;
81
- var $086e93d2352a4536$export$e7dc768d35940237;
82
93
  var $086e93d2352a4536$export$20fd0f7cd4e6112f;
83
- var $086e93d2352a4536$export$b818fdf0052a2cab;
84
- var $086e93d2352a4536$export$c1c3511f5e96e926;
85
- var $086e93d2352a4536$export$4f1b75526afd8ff3;
86
- var $086e93d2352a4536$export$6f97cef817ff1cac;
87
- var $086e93d2352a4536$export$5cda1128f9112d2e;
88
- var $086e93d2352a4536$export$25f049c049371040;
89
94
  var $086e93d2352a4536$export$1e0fb04f31d3c22a;
95
+ var $086e93d2352a4536$export$5aabb61a966e266f;
90
96
  var $086e93d2352a4536$export$ccc536e1adbdc059;
91
97
  var $086e93d2352a4536$export$8f7c9db66978d20f;
98
+ var $086e93d2352a4536$export$29b7b5d6a5a497c5;
92
99
  var $086e93d2352a4536$export$e52daab43a62c528;
93
100
  var $086e93d2352a4536$export$da76be6126aaa633;
101
+ var $086e93d2352a4536$export$e7dc768d35940237;
94
102
  var $086e93d2352a4536$export$e5b2f5233e4e5194;
95
103
  var $086e93d2352a4536$export$c9f503f672e8a3c1;
104
+ var $086e93d2352a4536$export$5cda1128f9112d2e;
96
105
  $086e93d2352a4536$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
97
106
  $086e93d2352a4536$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
98
107
  $086e93d2352a4536$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
99
108
  $086e93d2352a4536$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
100
109
  $086e93d2352a4536$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
101
110
  $086e93d2352a4536$export$f39a09f249340e2a = "focus-ring_e2d99e";
111
+ $086e93d2352a4536$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
102
112
  $086e93d2352a4536$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
103
- $086e93d2352a4536$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
104
- $086e93d2352a4536$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
105
113
  $086e93d2352a4536$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
106
114
  $086e93d2352a4536$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
107
115
  $086e93d2352a4536$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
@@ -110,82 +118,88 @@ $086e93d2352a4536$export$4a4f01c443eff992 = "spectrum-ActionButton-hold_e2d99e";
110
118
  $086e93d2352a4536$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e";
111
119
  $086e93d2352a4536$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
112
120
  $086e93d2352a4536$export$a9781837241c946d = "is-open_e2d99e";
113
- $086e93d2352a4536$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
114
- $086e93d2352a4536$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
115
121
  $086e93d2352a4536$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
116
- $086e93d2352a4536$export$e7dc768d35940237 = "is-focused_e2d99e";
117
122
  $086e93d2352a4536$export$20fd0f7cd4e6112f = "is-active_e2d99e";
118
- $086e93d2352a4536$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
119
- $086e93d2352a4536$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
120
- $086e93d2352a4536$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
121
- $086e93d2352a4536$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
122
- $086e93d2352a4536$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
123
- $086e93d2352a4536$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
124
123
  $086e93d2352a4536$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
124
+ $086e93d2352a4536$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
125
125
  $086e93d2352a4536$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
126
126
  $086e93d2352a4536$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
127
+ $086e93d2352a4536$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
127
128
  $086e93d2352a4536$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
128
129
  $086e93d2352a4536$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
130
+ $086e93d2352a4536$export$e7dc768d35940237 = "is-focused_e2d99e";
129
131
  $086e93d2352a4536$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
130
132
  $086e93d2352a4536$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99e";
133
+ $086e93d2352a4536$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
131
134
 
132
135
 
133
136
 
134
137
 
135
138
 
136
139
 
137
- // todo: CSS hasn't caught up yet, map
138
- let $b865a6f0049e2d66$var$VARIANT_MAPPING = {
139
- negative: 'warning'
140
- };
141
140
  function $b865a6f0049e2d66$var$Button(props, ref) {
142
- props = $d7FTw$useProviderProps(props);
143
- props = $d7FTw$useSlotProps(props, 'button');
144
- let { elementType: ElementType = 'button' , children: children , variant: variant , isQuiet: isQuiet , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
145
- let domRef = $d7FTw$useFocusableRef(ref);
146
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
147
- let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
141
+ props = (0, $d7FTw$useProviderProps)(props);
142
+ props = (0, $d7FTw$useSlotProps)(props, "button");
143
+ let { elementType: ElementType = "button" , children: children , variant: variant , style: style = variant === "accent" || variant === "cta" ? "fill" : "outline" , staticColor: staticColor , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
144
+ let domRef = (0, $d7FTw$useFocusableRef)(ref);
145
+ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
146
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $d7FTw$useHover)({
148
147
  isDisabled: isDisabled
149
148
  });
150
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
151
- let hasLabel = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Button-label']}`, domRef);
152
- let hasIcon = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Icon']}`, domRef);
153
- let buttonVariant = variant;
154
- if ($b865a6f0049e2d66$var$VARIANT_MAPPING[variant]) buttonVariant = $b865a6f0049e2d66$var$VARIANT_MAPPING[variant];
155
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
156
- focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring'),
149
+ let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
150
+ let hasLabel = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Button-label"]}`, domRef);
151
+ let hasIcon = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Icon"]}`, domRef);
152
+ if (variant === "cta") variant = "accent";
153
+ else if (variant === "overBackground") {
154
+ variant = "primary";
155
+ staticColor = "white";
156
+ }
157
+ return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
158
+ focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
157
159
  autoFocus: autoFocus
158
- }, /*#__PURE__*/ $d7FTw$react.createElement(ElementType, {
160
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement(ElementType, {
159
161
  ...styleProps,
160
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
162
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
161
163
  ref: domRef,
162
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
163
- 'spectrum-Button--quiet': isQuiet,
164
- 'spectrum-Button--iconOnly': hasIcon && !hasLabel,
165
- 'is-disabled': isDisabled,
166
- 'is-active': isPressed,
167
- 'is-hovered': isHovered
164
+ "data-variant": variant,
165
+ "data-style": style,
166
+ "data-static-color": staticColor || undefined,
167
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button", {
168
+ "spectrum-Button--iconOnly": hasIcon && !hasLabel,
169
+ "is-disabled": isDisabled,
170
+ "is-active": isPressed,
171
+ "is-hovered": isHovered
168
172
  }, styleProps.className)
169
- }, /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$SlotProvider, {
173
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
170
174
  slots: {
171
175
  icon: {
172
- size: 'S',
173
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Icon')
176
+ size: "S",
177
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Icon")
174
178
  },
175
179
  text: {
176
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button-label')
180
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-label")
177
181
  }
178
182
  }
179
- }, typeof children === 'string' ? /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$Text, null, children) : children))));
183
+ }, typeof children === "string" ? /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$Text), null, children) : children)));
180
184
  }
181
185
  /**
182
186
  * Buttons allow users to perform an action or to navigate to another page.
183
187
  * They have multiple styles for various needs, and are ideal for calling attention to
184
188
  * where a user needs to do something in order to move forward in a flow.
185
- */ let $b865a6f0049e2d66$export$353f5b6fc5456de1 = /*#__PURE__*/ $d7FTw$react.forwardRef($b865a6f0049e2d66$var$Button);
186
-
189
+ */ let $b865a6f0049e2d66$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($b865a6f0049e2d66$var$Button);
187
190
 
188
191
 
192
+ /*
193
+ * Copyright 2020 Adobe. All rights reserved.
194
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
195
+ * you may not use this file except in compliance with the License. You may obtain a copy
196
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
197
+ *
198
+ * Unless required by applicable law or agreed to in writing, software distributed under
199
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
200
+ * OF ANY KIND, either express or implied. See the License for the specific language
201
+ * governing permissions and limitations under the License.
202
+ */
189
203
 
190
204
 
191
205
 
@@ -196,55 +210,64 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
196
210
 
197
211
 
198
212
  function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
199
- props = $d7FTw$useProviderProps(props);
200
- props = $d7FTw$useSlotProps(props, 'actionButton');
213
+ props = (0, $d7FTw$useProviderProps)(props);
214
+ props = (0, $d7FTw$useSlotProps)(props, "actionButton");
201
215
  let { isQuiet: isQuiet , isDisabled: isDisabled , staticColor: staticColor , children: children , autoFocus: autoFocus , holdAffordance: // @ts-ignore (private)
202
216
  holdAffordance , ...otherProps } = props;
203
- let domRef = $d7FTw$useFocusableRef(ref);
204
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
205
- let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
217
+ let domRef = (0, $d7FTw$useFocusableRef)(ref);
218
+ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
219
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $d7FTw$useHover)({
206
220
  isDisabled: isDisabled
207
221
  });
208
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
209
- let isTextOnly = $d7FTw$react.Children.toArray(props.children).every((c)=>!/*#__PURE__*/ $d7FTw$react.isValidElement(c)
210
- );
211
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
212
- focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring'),
222
+ let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
223
+ let isTextOnly = (0, $d7FTw$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $d7FTw$react).isValidElement(c));
224
+ return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
225
+ focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
213
226
  autoFocus: autoFocus
214
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
227
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
215
228
  ...styleProps,
216
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
229
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
217
230
  ref: domRef,
218
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton', {
219
- 'spectrum-ActionButton--quiet': isQuiet,
220
- 'spectrum-ActionButton--staticColor': !!staticColor,
221
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
222
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
223
- 'is-active': isPressed,
224
- 'is-disabled': isDisabled,
225
- 'is-hovered': isHovered
231
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-ActionButton", {
232
+ "spectrum-ActionButton--quiet": isQuiet,
233
+ "spectrum-ActionButton--staticColor": !!staticColor,
234
+ "spectrum-ActionButton--staticWhite": staticColor === "white",
235
+ "spectrum-ActionButton--staticBlack": staticColor === "black",
236
+ "is-active": isPressed,
237
+ "is-disabled": isDisabled,
238
+ "is-hovered": isHovered
226
239
  }, styleProps.className)
227
- }, holdAffordance && /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$spectrumiconsuiCornerTriangle, {
228
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton-hold')
229
- }), /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$SlotProvider, {
240
+ }, holdAffordance && /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$spectrumiconsuiCornerTriangle), {
241
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-ActionButton-hold")
242
+ }), /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
230
243
  slots: {
231
244
  icon: {
232
- size: 'S',
233
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Icon')
245
+ size: "S",
246
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Icon")
234
247
  },
235
248
  text: {
236
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton-label')
249
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-ActionButton-label")
237
250
  }
238
251
  }
239
- }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$Text, null, children) : children))));
252
+ }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$Text), null, children) : children)));
240
253
  }
241
254
  /**
242
255
  * ActionButtons allow users to perform an action.
243
256
  * 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.
244
- */ let $042ad0b3a4a55b33$export$cfc7921d29ef7b80 = /*#__PURE__*/ $d7FTw$react.forwardRef($042ad0b3a4a55b33$var$ActionButton);
245
-
257
+ */ let $042ad0b3a4a55b33$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($042ad0b3a4a55b33$var$ActionButton);
246
258
 
247
259
 
260
+ /*
261
+ * Copyright 2020 Adobe. All rights reserved.
262
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
263
+ * you may not use this file except in compliance with the License. You may obtain a copy
264
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
265
+ *
266
+ * Unless required by applicable law or agreed to in writing, software distributed under
267
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
268
+ * OF ANY KIND, either express or implied. See the License for the specific language
269
+ * governing permissions and limitations under the License.
270
+ */
248
271
 
249
272
 
250
273
 
@@ -253,40 +276,50 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
253
276
 
254
277
  // @private
255
278
  function $b43bd559b476d0c4$var$FieldButton(props, ref) {
256
- props = $d7FTw$useSlotProps(props, 'button');
279
+ props = (0, $d7FTw$useSlotProps)(props, "button");
257
280
  let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , children: children , autoFocus: autoFocus , isActive: isActive , focusRingClass: focusRingClass , ...otherProps } = props;
258
- let domRef = $d7FTw$useFocusableRef(ref);
259
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
260
- let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
281
+ let domRef = (0, $d7FTw$useFocusableRef)(ref);
282
+ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
283
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $d7FTw$useHover)({
261
284
  isDisabled: isDisabled
262
285
  });
263
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
264
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
265
- focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring', focusRingClass),
286
+ let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
287
+ return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
288
+ focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring", focusRingClass),
266
289
  autoFocus: autoFocus
267
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
268
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
290
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
291
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
269
292
  ref: domRef,
270
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-FieldButton', {
271
- 'spectrum-FieldButton--quiet': isQuiet,
272
- 'is-active': isActive || isPressed,
273
- 'is-disabled': isDisabled,
274
- 'spectrum-FieldButton--invalid': validationState === 'invalid',
275
- 'is-hovered': isHovered
293
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-FieldButton", {
294
+ "spectrum-FieldButton--quiet": isQuiet,
295
+ "is-active": isActive || isPressed,
296
+ "is-disabled": isDisabled,
297
+ "spectrum-FieldButton--invalid": validationState === "invalid",
298
+ "is-hovered": isHovered
276
299
  }, styleProps.className)
277
- }, /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$SlotProvider, {
300
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
278
301
  slots: {
279
302
  icon: {
280
- size: 'S',
281
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Icon')
303
+ size: "S",
304
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Icon")
282
305
  }
283
306
  }
284
- }, children))));
307
+ }, children)));
285
308
  }
286
- let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ $d7FTw$react.forwardRef($b43bd559b476d0c4$var$FieldButton);
287
-
309
+ let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($b43bd559b476d0c4$var$FieldButton);
288
310
 
289
311
 
312
+ /*
313
+ * Copyright 2020 Adobe. All rights reserved.
314
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
315
+ * you may not use this file except in compliance with the License. You may obtain a copy
316
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
317
+ *
318
+ * Unless required by applicable law or agreed to in writing, software distributed under
319
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
320
+ * OF ANY KIND, either express or implied. See the License for the specific language
321
+ * governing permissions and limitations under the License.
322
+ */
290
323
 
291
324
 
292
325
 
@@ -295,37 +328,47 @@ let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ $d7FTw$react.forwa
295
328
 
296
329
 
297
330
  function $45108e3c482ee88b$var$LogicButton(props, ref) {
298
- props = $d7FTw$useProviderProps(props);
331
+ props = (0, $d7FTw$useProviderProps)(props);
299
332
  let { variant: variant , children: children , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
300
- let domRef = $d7FTw$useFocusableRef(ref);
301
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
302
- let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
333
+ let domRef = (0, $d7FTw$useFocusableRef)(ref);
334
+ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
335
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $d7FTw$useHover)({
303
336
  isDisabled: isDisabled
304
337
  });
305
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
306
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
307
- focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring'),
338
+ let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
339
+ return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
340
+ focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
308
341
  autoFocus: autoFocus
309
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
342
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
310
343
  ...styleProps,
311
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
344
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
312
345
  ref: domRef,
313
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-LogicButton', {
346
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-LogicButton", {
314
347
  [`spectrum-LogicButton--${variant}`]: variant,
315
- 'is-disabled': isDisabled,
316
- 'is-active': isPressed,
317
- 'is-hovered': isHovered
348
+ "is-disabled": isDisabled,
349
+ "is-active": isPressed,
350
+ "is-hovered": isHovered
318
351
  }, styleProps.className)
319
- }, /*#__PURE__*/ $d7FTw$react.createElement("span", {
320
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button-label')
321
- }, children))));
352
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("span", {
353
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-label")
354
+ }, children)));
322
355
  }
323
356
  /**
324
357
  * A LogicButton displays an operator within a boolean logic sequence.
325
- */ let $45108e3c482ee88b$export$9b0b80fed00ba8b1 = /*#__PURE__*/ $d7FTw$react.forwardRef($45108e3c482ee88b$var$LogicButton);
326
-
358
+ */ let $45108e3c482ee88b$export$9b0b80fed00ba8b1 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($45108e3c482ee88b$var$LogicButton);
327
359
 
328
360
 
361
+ /*
362
+ * Copyright 2020 Adobe. All rights reserved.
363
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
364
+ * you may not use this file except in compliance with the License. You may obtain a copy
365
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
366
+ *
367
+ * Unless required by applicable law or agreed to in writing, software distributed under
368
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
369
+ * OF ANY KIND, either express or implied. See the License for the specific language
370
+ * governing permissions and limitations under the License.
371
+ */
329
372
 
330
373
 
331
374
 
@@ -334,42 +377,52 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
334
377
 
335
378
 
336
379
  function $dd24e555a16de2ae$var$ClearButton(props, ref) {
337
- let { children: children = /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$spectrumiconsuiCrossSmall, {
338
- UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Icon']
339
- }) , focusClassName: focusClassName , variant: variant , autoFocus: autoFocus , isDisabled: isDisabled , preventFocus: preventFocus , elementType: elementType = preventFocus ? 'div' : 'button' , ...otherProps } = props;
340
- let domRef = $d7FTw$useFocusableRef(ref);
341
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton({
380
+ let { children: children = /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$spectrumiconsuiCrossSmall), {
381
+ UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Icon"]
382
+ }) , focusClassName: focusClassName , variant: variant , autoFocus: autoFocus , isDisabled: isDisabled , preventFocus: preventFocus , elementType: elementType = preventFocus ? "div" : "button" , ...otherProps } = props;
383
+ let domRef = (0, $d7FTw$useFocusableRef)(ref);
384
+ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $d7FTw$useButton)({
342
385
  ...props,
343
386
  elementType: elementType
344
387
  }, domRef);
345
- let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
388
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $d7FTw$useHover)({
346
389
  isDisabled: isDisabled
347
390
  });
348
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
391
+ let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
349
392
  // For cases like the clear button in a search field, remove the tabIndex so
350
393
  // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
351
394
  // moving the cursor over the clear button.
352
395
  if (preventFocus) delete buttonProps.tabIndex;
353
396
  let ElementType = elementType;
354
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
355
- focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring', focusClassName),
397
+ return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
398
+ focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring", focusClassName),
356
399
  autoFocus: autoFocus
357
- }, /*#__PURE__*/ $d7FTw$react.createElement(ElementType, {
400
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement(ElementType, {
358
401
  ...styleProps,
359
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
402
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
360
403
  ref: domRef,
361
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ClearButton', {
404
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-ClearButton", {
362
405
  [`spectrum-ClearButton--${variant}`]: variant,
363
- 'is-disabled': isDisabled,
364
- 'is-active': isPressed,
365
- 'is-hovered': isHovered
406
+ "is-disabled": isDisabled,
407
+ "is-active": isPressed,
408
+ "is-hovered": isHovered
366
409
  }, styleProps.className)
367
- }, children)));
410
+ }, children));
368
411
  }
369
- let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ $d7FTw$react.forwardRef($dd24e555a16de2ae$var$ClearButton);
370
-
412
+ let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($dd24e555a16de2ae$var$ClearButton);
371
413
 
372
414
 
415
+ /*
416
+ * Copyright 2020 Adobe. All rights reserved.
417
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
418
+ * you may not use this file except in compliance with the License. You may obtain a copy
419
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
420
+ *
421
+ * Unless required by applicable law or agreed to in writing, software distributed under
422
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
423
+ * OF ANY KIND, either express or implied. See the License for the specific language
424
+ * governing permissions and limitations under the License.
425
+ */
373
426
 
374
427
 
375
428
 
@@ -380,51 +433,50 @@ let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ $d7FTw$react.forwa
380
433
 
381
434
 
382
435
  function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
383
- props = $d7FTw$useProviderProps(props);
436
+ props = (0, $d7FTw$useProviderProps)(props);
384
437
  let { isQuiet: isQuiet , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , children: children , autoFocus: autoFocus , ...otherProps } = props;
385
- let domRef = $d7FTw$useFocusableRef(ref);
386
- let state = $d7FTw$useToggleState(props);
387
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useToggleButton(props, state, domRef);
388
- let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
438
+ let domRef = (0, $d7FTw$useFocusableRef)(ref);
439
+ let state = (0, $d7FTw$useToggleState)(props);
440
+ let { buttonProps: buttonProps , isPressed: isPressed } = (0, $d7FTw$useToggleButton)(props, state, domRef);
441
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $d7FTw$useHover)({
389
442
  isDisabled: isDisabled
390
443
  });
391
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
392
- let isTextOnly = $d7FTw$react.Children.toArray(props.children).every((c)=>!/*#__PURE__*/ $d7FTw$react.isValidElement(c)
393
- );
394
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
395
- focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring'),
444
+ let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
445
+ let isTextOnly = (0, $d7FTw$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $d7FTw$react).isValidElement(c));
446
+ return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
447
+ focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
396
448
  autoFocus: autoFocus
397
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
449
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
398
450
  ...styleProps,
399
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
451
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
400
452
  ref: domRef,
401
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton', {
402
- 'spectrum-ActionButton--quiet': isQuiet,
403
- 'spectrum-ActionButton--emphasized': isEmphasized,
404
- 'spectrum-ActionButton--staticColor': !!staticColor,
405
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
406
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
407
- 'is-active': isPressed,
408
- 'is-disabled': isDisabled,
409
- 'is-hovered': isHovered,
410
- 'is-selected': state.isSelected
453
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-ActionButton", {
454
+ "spectrum-ActionButton--quiet": isQuiet,
455
+ "spectrum-ActionButton--emphasized": isEmphasized,
456
+ "spectrum-ActionButton--staticColor": !!staticColor,
457
+ "spectrum-ActionButton--staticWhite": staticColor === "white",
458
+ "spectrum-ActionButton--staticBlack": staticColor === "black",
459
+ "is-active": isPressed,
460
+ "is-disabled": isDisabled,
461
+ "is-hovered": isHovered,
462
+ "is-selected": state.isSelected
411
463
  }, styleProps.className)
412
- }, /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$SlotProvider, {
464
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
413
465
  slots: {
414
466
  icon: {
415
- size: 'S',
416
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Icon')
467
+ size: "S",
468
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Icon")
417
469
  },
418
470
  text: {
419
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton-label')
471
+ UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-ActionButton-label")
420
472
  }
421
473
  }
422
- }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$Text, null, children) : children))));
474
+ }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$Text), null, children) : children)));
423
475
  }
424
476
  /**
425
477
  * ToggleButtons allow users to toggle a selection on or off, for example
426
478
  * switching between two states or modes.
427
- */ let $3979c7c23b0bd270$export$d2b052e7b4be1756 = /*#__PURE__*/ $d7FTw$react.forwardRef($3979c7c23b0bd270$var$ToggleButton);
479
+ */ let $3979c7c23b0bd270$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($3979c7c23b0bd270$var$ToggleButton);
428
480
 
429
481
 
430
482