@react-spectrum/button 3.11.0 → 3.11.2

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 (6) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +213 -144
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +213 -144
  5. package/dist/module.js.map +1 -1
  6. package/package.json +11 -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
 
@@ -117,58 +138,68 @@ $086e93d2352a4536$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d
117
138
 
118
139
 
119
140
  function $b865a6f0049e2d66$var$Button(props, ref) {
120
- props = $d7FTw$useProviderProps(props);
121
- props = $d7FTw$useSlotProps(props, 'button');
122
- let { elementType: ElementType = 'button' , children: children , variant: variant , style: style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline' , staticColor: staticColor , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
123
- let domRef = $d7FTw$useFocusableRef(ref);
124
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
125
- 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)({
126
147
  isDisabled: isDisabled
127
148
  });
128
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
129
- let hasLabel = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Button-label']}`, domRef);
130
- let hasIcon = $d7FTw$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Icon']}`, domRef);
131
- if (variant === 'cta') variant = 'accent';
132
- else if (variant === 'overBackground') {
133
- variant = 'primary';
134
- staticColor = 'white';
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";
135
156
  }
136
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
137
- focusRingClass: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'focus-ring'),
157
+ return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
158
+ focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
138
159
  autoFocus: autoFocus
139
- }, /*#__PURE__*/ $d7FTw$react.createElement(ElementType, {
160
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement(ElementType, {
140
161
  ...styleProps,
141
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
162
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
142
163
  ref: domRef,
143
164
  "data-variant": variant,
144
165
  "data-style": style,
145
166
  "data-static-color": staticColor || undefined,
146
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button', {
147
- 'spectrum-Button--iconOnly': hasIcon && !hasLabel,
148
- 'is-disabled': isDisabled,
149
- 'is-active': isPressed,
150
- 'is-hovered': isHovered
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
151
172
  }, styleProps.className)
152
- }, /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$SlotProvider, {
173
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
153
174
  slots: {
154
175
  icon: {
155
- size: 'S',
156
- 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")
157
178
  },
158
179
  text: {
159
- 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")
160
181
  }
161
182
  }
162
- }, 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)));
163
184
  }
164
185
  /**
165
186
  * Buttons allow users to perform an action or to navigate to another page.
166
187
  * They have multiple styles for various needs, and are ideal for calling attention to
167
188
  * where a user needs to do something in order to move forward in a flow.
168
- */ let $b865a6f0049e2d66$export$353f5b6fc5456de1 = /*#__PURE__*/ $d7FTw$react.forwardRef($b865a6f0049e2d66$var$Button);
169
-
189
+ */ let $b865a6f0049e2d66$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($b865a6f0049e2d66$var$Button);
170
190
 
171
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
+ */
172
203
 
173
204
 
174
205
 
@@ -179,55 +210,64 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
179
210
 
180
211
 
181
212
  function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
182
- props = $d7FTw$useProviderProps(props);
183
- props = $d7FTw$useSlotProps(props, 'actionButton');
213
+ props = (0, $d7FTw$useProviderProps)(props);
214
+ props = (0, $d7FTw$useSlotProps)(props, "actionButton");
184
215
  let { isQuiet: isQuiet , isDisabled: isDisabled , staticColor: staticColor , children: children , autoFocus: autoFocus , holdAffordance: // @ts-ignore (private)
185
216
  holdAffordance , ...otherProps } = props;
186
- let domRef = $d7FTw$useFocusableRef(ref);
187
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
188
- 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)({
189
220
  isDisabled: isDisabled
190
221
  });
191
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
192
- let isTextOnly = $d7FTw$react.Children.toArray(props.children).every((c)=>!/*#__PURE__*/ $d7FTw$react.isValidElement(c)
193
- );
194
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
195
- 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"),
196
226
  autoFocus: autoFocus
197
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
227
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
198
228
  ...styleProps,
199
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
229
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
200
230
  ref: domRef,
201
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton', {
202
- 'spectrum-ActionButton--quiet': isQuiet,
203
- 'spectrum-ActionButton--staticColor': !!staticColor,
204
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
205
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
206
- 'is-active': isPressed,
207
- 'is-disabled': isDisabled,
208
- '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
209
239
  }, styleProps.className)
210
- }, holdAffordance && /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$spectrumiconsuiCornerTriangle, {
211
- UNSAFE_className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton-hold')
212
- }), /*#__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), {
213
243
  slots: {
214
244
  icon: {
215
- size: 'S',
216
- 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")
217
247
  },
218
248
  text: {
219
- 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")
220
250
  }
221
251
  }
222
- }, 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)));
223
253
  }
224
254
  /**
225
255
  * ActionButtons allow users to perform an action.
226
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.
227
- */ let $042ad0b3a4a55b33$export$cfc7921d29ef7b80 = /*#__PURE__*/ $d7FTw$react.forwardRef($042ad0b3a4a55b33$var$ActionButton);
228
-
257
+ */ let $042ad0b3a4a55b33$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($042ad0b3a4a55b33$var$ActionButton);
229
258
 
230
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
+ */
231
271
 
232
272
 
233
273
 
@@ -236,40 +276,50 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
236
276
 
237
277
  // @private
238
278
  function $b43bd559b476d0c4$var$FieldButton(props, ref) {
239
- props = $d7FTw$useSlotProps(props, 'button');
279
+ props = (0, $d7FTw$useSlotProps)(props, "button");
240
280
  let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , children: children , autoFocus: autoFocus , isActive: isActive , focusRingClass: focusRingClass , ...otherProps } = props;
241
- let domRef = $d7FTw$useFocusableRef(ref);
242
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
243
- 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)({
244
284
  isDisabled: isDisabled
245
285
  });
246
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
247
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
248
- 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),
249
289
  autoFocus: autoFocus
250
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
251
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
290
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
291
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
252
292
  ref: domRef,
253
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-FieldButton', {
254
- 'spectrum-FieldButton--quiet': isQuiet,
255
- 'is-active': isActive || isPressed,
256
- 'is-disabled': isDisabled,
257
- 'spectrum-FieldButton--invalid': validationState === 'invalid',
258
- '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
259
299
  }, styleProps.className)
260
- }, /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$SlotProvider, {
300
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
261
301
  slots: {
262
302
  icon: {
263
- size: 'S',
264
- 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")
265
305
  }
266
306
  }
267
- }, children))));
307
+ }, children)));
268
308
  }
269
- let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ $d7FTw$react.forwardRef($b43bd559b476d0c4$var$FieldButton);
270
-
309
+ let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($b43bd559b476d0c4$var$FieldButton);
271
310
 
272
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
+ */
273
323
 
274
324
 
275
325
 
@@ -278,37 +328,47 @@ let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ $d7FTw$react.forwa
278
328
 
279
329
 
280
330
  function $45108e3c482ee88b$var$LogicButton(props, ref) {
281
- props = $d7FTw$useProviderProps(props);
331
+ props = (0, $d7FTw$useProviderProps)(props);
282
332
  let { variant: variant , children: children , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
283
- let domRef = $d7FTw$useFocusableRef(ref);
284
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useButton(props, domRef);
285
- 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)({
286
336
  isDisabled: isDisabled
287
337
  });
288
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
289
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
290
- 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"),
291
341
  autoFocus: autoFocus
292
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
342
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
293
343
  ...styleProps,
294
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
344
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
295
345
  ref: domRef,
296
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-LogicButton', {
346
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-LogicButton", {
297
347
  [`spectrum-LogicButton--${variant}`]: variant,
298
- 'is-disabled': isDisabled,
299
- 'is-active': isPressed,
300
- 'is-hovered': isHovered
348
+ "is-disabled": isDisabled,
349
+ "is-active": isPressed,
350
+ "is-hovered": isHovered
301
351
  }, styleProps.className)
302
- }, /*#__PURE__*/ $d7FTw$react.createElement("span", {
303
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-Button-label')
304
- }, children))));
352
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("span", {
353
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-label")
354
+ }, children)));
305
355
  }
306
356
  /**
307
357
  * A LogicButton displays an operator within a boolean logic sequence.
308
- */ let $45108e3c482ee88b$export$9b0b80fed00ba8b1 = /*#__PURE__*/ $d7FTw$react.forwardRef($45108e3c482ee88b$var$LogicButton);
309
-
358
+ */ let $45108e3c482ee88b$export$9b0b80fed00ba8b1 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($45108e3c482ee88b$var$LogicButton);
310
359
 
311
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
+ */
312
372
 
313
373
 
314
374
 
@@ -317,42 +377,52 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
317
377
 
318
378
 
319
379
  function $dd24e555a16de2ae$var$ClearButton(props, ref) {
320
- let { children: children = /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$spectrumiconsuiCrossSmall, {
321
- UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))['spectrum-Icon']
322
- }) , focusClassName: focusClassName , variant: variant , autoFocus: autoFocus , isDisabled: isDisabled , preventFocus: preventFocus , elementType: elementType = preventFocus ? 'div' : 'button' , ...otherProps } = props;
323
- let domRef = $d7FTw$useFocusableRef(ref);
324
- 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)({
325
385
  ...props,
326
386
  elementType: elementType
327
387
  }, domRef);
328
- let { hoverProps: hoverProps , isHovered: isHovered } = $d7FTw$useHover({
388
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $d7FTw$useHover)({
329
389
  isDisabled: isDisabled
330
390
  });
331
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
391
+ let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
332
392
  // For cases like the clear button in a search field, remove the tabIndex so
333
393
  // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
334
394
  // moving the cursor over the clear button.
335
395
  if (preventFocus) delete buttonProps.tabIndex;
336
396
  let ElementType = elementType;
337
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
338
- 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),
339
399
  autoFocus: autoFocus
340
- }, /*#__PURE__*/ $d7FTw$react.createElement(ElementType, {
400
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement(ElementType, {
341
401
  ...styleProps,
342
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
402
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
343
403
  ref: domRef,
344
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ClearButton', {
404
+ className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-ClearButton", {
345
405
  [`spectrum-ClearButton--${variant}`]: variant,
346
- 'is-disabled': isDisabled,
347
- 'is-active': isPressed,
348
- 'is-hovered': isHovered
406
+ "is-disabled": isDisabled,
407
+ "is-active": isPressed,
408
+ "is-hovered": isHovered
349
409
  }, styleProps.className)
350
- }, children)));
410
+ }, children));
351
411
  }
352
- let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ $d7FTw$react.forwardRef($dd24e555a16de2ae$var$ClearButton);
353
-
412
+ let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($dd24e555a16de2ae$var$ClearButton);
354
413
 
355
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
+ */
356
426
 
357
427
 
358
428
 
@@ -363,51 +433,50 @@ let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ $d7FTw$react.forwa
363
433
 
364
434
 
365
435
  function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
366
- props = $d7FTw$useProviderProps(props);
436
+ props = (0, $d7FTw$useProviderProps)(props);
367
437
  let { isQuiet: isQuiet , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , children: children , autoFocus: autoFocus , ...otherProps } = props;
368
- let domRef = $d7FTw$useFocusableRef(ref);
369
- let state = $d7FTw$useToggleState(props);
370
- let { buttonProps: buttonProps , isPressed: isPressed } = $d7FTw$useToggleButton(props, state, domRef);
371
- 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)({
372
442
  isDisabled: isDisabled
373
443
  });
374
- let { styleProps: styleProps } = $d7FTw$useStyleProps(otherProps);
375
- let isTextOnly = $d7FTw$react.Children.toArray(props.children).every((c)=>!/*#__PURE__*/ $d7FTw$react.isValidElement(c)
376
- );
377
- return(/*#__PURE__*/ $d7FTw$react.createElement($d7FTw$FocusRing, {
378
- 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"),
379
448
  autoFocus: autoFocus
380
- }, /*#__PURE__*/ $d7FTw$react.createElement("button", {
449
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement("button", {
381
450
  ...styleProps,
382
- ...$d7FTw$mergeProps(buttonProps, hoverProps),
451
+ ...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
383
452
  ref: domRef,
384
- className: $d7FTw$classNames((/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)), 'spectrum-ActionButton', {
385
- 'spectrum-ActionButton--quiet': isQuiet,
386
- 'spectrum-ActionButton--emphasized': isEmphasized,
387
- 'spectrum-ActionButton--staticColor': !!staticColor,
388
- 'spectrum-ActionButton--staticWhite': staticColor === 'white',
389
- 'spectrum-ActionButton--staticBlack': staticColor === 'black',
390
- 'is-active': isPressed,
391
- 'is-disabled': isDisabled,
392
- 'is-hovered': isHovered,
393
- '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
394
463
  }, styleProps.className)
395
- }, /*#__PURE__*/ $d7FTw$react.createElement($d7FTw$SlotProvider, {
464
+ }, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
396
465
  slots: {
397
466
  icon: {
398
- size: 'S',
399
- 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")
400
469
  },
401
470
  text: {
402
- 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")
403
472
  }
404
473
  }
405
- }, 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)));
406
475
  }
407
476
  /**
408
477
  * ToggleButtons allow users to toggle a selection on or off, for example
409
478
  * switching between two states or modes.
410
- */ let $3979c7c23b0bd270$export$d2b052e7b4be1756 = /*#__PURE__*/ $d7FTw$react.forwardRef($3979c7c23b0bd270$var$ToggleButton);
479
+ */ let $3979c7c23b0bd270$export$d2b052e7b4be1756 = /*#__PURE__*/ (0, $d7FTw$react).forwardRef($3979c7c23b0bd270$var$ToggleButton);
411
480
 
412
481
 
413
482