@react-spectrum/button 3.16.3 → 3.16.4

package/dist/ActionButton.main.js

@@ -42,10 +42,10 @@ $parcel$export(module.exports, "ActionButton", () => $65dbde0e8e7aba71$export$cf
 
 function $65dbde0e8e7aba71$var$ActionButton(props, ref) {
     props = (0, $9HF4v$reactspectrumprovider.useProviderProps)(props);
-    props = (0, $9HF4v$reactspectrumutils.useSlotProps)(props, "actionButton");
+    props = (0, $9HF4v$reactspectrumutils.useSlotProps)(props, 'actionButton');
     let textProps = (0, $9HF4v$reactspectrumutils.useSlotProps)({
-        UNSAFE_className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton-label")
-    }, "text");
+        UNSAFE_className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ActionButton-label')
+    }, 'text');
     let { isQuiet: isQuiet, isDisabled: isDisabled, staticColor: staticColor, children: children, autoFocus: autoFocus, holdAffordance: // @ts-ignore (private)
     holdAffordance, hideButtonText: // @ts-ignore (private)
     hideButtonText, ...otherProps } = props;
@@ -57,36 +57,36 @@ function $65dbde0e8e7aba71$var$ActionButton(props, ref) {
     let { styleProps: styleProps } = (0, $9HF4v$reactspectrumutils.useStyleProps)(otherProps);
     let isTextOnly = (0, ($parcel$interopDefault($9HF4v$react))).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).isValidElement(c));
     return /*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).createElement((0, $9HF4v$reactariafocus.FocusRing), {
-        focusRingClass: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
+        focusRingClass: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).createElement("button", {
         ...styleProps,
         ...(0, $9HF4v$reactariautils.mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered
+        className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
         }, styleProps.className)
     }, holdAffordance && /*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).createElement((0, ($parcel$interopDefault($9HF4v$spectrumiconsuiCornerTriangle))), {
-        UNSAFE_className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton-hold")
+        UNSAFE_className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ActionButton-hold')
     }), /*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).createElement((0, $9HF4v$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).createElement((0, $9HF4v$reactspectrumutils.SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon", {
-                    "spectrum-ActionGroup-itemIcon": hideButtonText
+                size: 'S',
+                UNSAFE_className: (0, $9HF4v$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Icon', {
+                    'spectrum-ActionGroup-itemIcon': hideButtonText
                 })
             },
             text: {
                 ...textProps
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).createElement((0, $9HF4v$reactspectrumtext.Text), null, children) : children))));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($9HF4v$react))).createElement((0, $9HF4v$reactspectrumtext.Text), null, children) : children))));
 }
 /**
  * ActionButtons allow users to perform an action.

package/dist/ActionButton.mjs

@@ -36,10 +36,10 @@ function $parcel$interopDefault(a) {
 
 function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
     props = (0, $kfV1G$useProviderProps)(props);
-    props = (0, $kfV1G$useSlotProps)(props, "actionButton");
+    props = (0, $kfV1G$useSlotProps)(props, 'actionButton');
     let textProps = (0, $kfV1G$useSlotProps)({
-        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-ActionButton-label")
-    }, "text");
+        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-ActionButton-label')
+    }, 'text');
     let { isQuiet: isQuiet, isDisabled: isDisabled, staticColor: staticColor, children: children, autoFocus: autoFocus, holdAffordance: // @ts-ignore (private)
     holdAffordance, hideButtonText: // @ts-ignore (private)
     hideButtonText, ...otherProps } = props;
@@ -51,36 +51,36 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
     let { styleProps: styleProps } = (0, $kfV1G$useStyleProps)(otherProps);
     let isTextOnly = (0, $kfV1G$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $kfV1G$react).isValidElement(c));
     return /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$FocusRing), {
-        focusRingClass: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $kfV1G$react).createElement("button", {
         ...styleProps,
         ...(0, $kfV1G$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered
+        className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
         }, styleProps.className)
     }, holdAffordance && /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$spectrumiconsuiCornerTriangle), {
-        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-ActionButton-hold")
+        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-ActionButton-hold')
     }), /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$ClearSlots), null, /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-Icon", {
-                    "spectrum-ActionGroup-itemIcon": hideButtonText
+                size: 'S',
+                UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-Icon', {
+                    'spectrum-ActionGroup-itemIcon': hideButtonText
                 })
             },
             text: {
                 ...textProps
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$Text), null, children) : children))));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$Text), null, children) : children))));
 }
 /**
  * ActionButtons allow users to perform an action.
@@ -89,4 +89,4 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
 
 
 export {$042ad0b3a4a55b33$export$cfc7921d29ef7b80 as ActionButton};
-//# sourceMappingURL=ActionButton.mjs.map
+//# sourceMappingURL=ActionButton.module.js.map

package/dist/ActionButton.module.js

@@ -36,10 +36,10 @@ function $parcel$interopDefault(a) {
 
 function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
     props = (0, $kfV1G$useProviderProps)(props);
-    props = (0, $kfV1G$useSlotProps)(props, "actionButton");
+    props = (0, $kfV1G$useSlotProps)(props, 'actionButton');
     let textProps = (0, $kfV1G$useSlotProps)({
-        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-ActionButton-label")
-    }, "text");
+        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-ActionButton-label')
+    }, 'text');
     let { isQuiet: isQuiet, isDisabled: isDisabled, staticColor: staticColor, children: children, autoFocus: autoFocus, holdAffordance: // @ts-ignore (private)
     holdAffordance, hideButtonText: // @ts-ignore (private)
     hideButtonText, ...otherProps } = props;
@@ -51,36 +51,36 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
     let { styleProps: styleProps } = (0, $kfV1G$useStyleProps)(otherProps);
     let isTextOnly = (0, $kfV1G$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $kfV1G$react).isValidElement(c));
     return /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$FocusRing), {
-        focusRingClass: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $kfV1G$react).createElement("button", {
         ...styleProps,
         ...(0, $kfV1G$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered
+        className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
         }, styleProps.className)
     }, holdAffordance && /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$spectrumiconsuiCornerTriangle), {
-        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-ActionButton-hold")
+        UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-ActionButton-hold')
     }), /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$ClearSlots), null, /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), "spectrum-Icon", {
-                    "spectrum-ActionGroup-itemIcon": hideButtonText
+                size: 'S',
+                UNSAFE_className: (0, $kfV1G$classNames)((0, ($parcel$interopDefault($kfV1G$button_vars_cssmodulejs))), 'spectrum-Icon', {
+                    'spectrum-ActionGroup-itemIcon': hideButtonText
                 })
             },
             text: {
                 ...textProps
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$Text), null, children) : children))));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, $kfV1G$react).createElement((0, $kfV1G$Text), null, children) : children))));
 }
 /**
  * ActionButtons allow users to perform an action.

package/dist/Button.main.js

@@ -62,9 +62,9 @@ function $842a195ed1671b15$var$disablePendingProps(props) {
 function $842a195ed1671b15$var$Button(props, ref) {
     var _buttonProps_arialabelledby;
     props = (0, $hN0b7$reactspectrumprovider.useProviderProps)(props);
-    props = (0, $hN0b7$reactspectrumutils.useSlotProps)(props, "button");
+    props = (0, $hN0b7$reactspectrumutils.useSlotProps)(props, 'button');
     props = $842a195ed1671b15$var$disablePendingProps(props);
-    let { elementType: Element = "button", children: children, variant: variant, style: style = variant === "accent" || variant === "cta" ? "fill" : "outline", staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
+    let { elementType: Element = 'button', children: children, variant: variant, style: style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline', staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
     let domRef = (0, $hN0b7$reactspectrumutils.useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $hN0b7$reactariabutton.useButton)(props, domRef);
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $hN0b7$reactariainteractions.useHover)({
@@ -75,12 +75,12 @@ function $842a195ed1671b15$var$Button(props, ref) {
         onFocusChange: onFocusChange,
         isDisabled: isDisabled
     });
-    let stringFormatter = (0, $hN0b7$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($b2da92ebd9a2bc00$exports))), "@react-spectrum/button");
+    let stringFormatter = (0, $hN0b7$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($b2da92ebd9a2bc00$exports))), '@react-spectrum/button');
     let { styleProps: styleProps } = (0, $hN0b7$reactspectrumutils.useStyleProps)(otherProps);
-    let hasLabel = (0, $hN0b7$reactspectrumutils.useHasChild)(`.${(0, ($parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Button-label"]}`, domRef);
-    let hasIcon = (0, $hN0b7$reactspectrumutils.useHasChild)(`.${(0, ($parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Icon"]}`, domRef);
+    let hasLabel = (0, $hN0b7$reactspectrumutils.useHasChild)(`.${(0, ($parcel$interopDefault($afc5a4514aca2340$exports)))['spectrum-Button-label']}`, domRef);
+    let hasIcon = (0, $hN0b7$reactspectrumutils.useHasChild)(`.${(0, ($parcel$interopDefault($afc5a4514aca2340$exports)))['spectrum-Icon']}`, domRef);
     // an aria label will block children and their labels from being read, this is undesirable for pending state
-    let hasAriaLabel = !!buttonProps["aria-label"] || !!buttonProps["aria-labelledby"];
+    let hasAriaLabel = !!buttonProps['aria-label'] || !!buttonProps['aria-labelledby'];
     let [isProgressVisible, setIsProgressVisible] = (0, $hN0b7$react.useState)(false);
     let backupButtonId = (0, $hN0b7$reactariautils.useId)();
     let buttonId = buttonProps.id || backupButtonId;
@@ -102,18 +102,18 @@ function $842a195ed1671b15$var$Button(props, ref) {
     }, [
         isPending
     ]);
-    if (variant === "cta") variant = "accent";
-    else if (variant === "overBackground") {
-        variant = "primary";
-        staticColor = "white";
+    if (variant === 'cta') variant = 'accent';
+    else if (variant === 'overBackground') {
+        variant = 'primary';
+        staticColor = 'white';
     }
-    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps["aria-label"] : ""} ${stringFormatter.format("pending")}`.trim();
+    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps['aria-label'] : ''} ${stringFormatter.format('pending')}`.trim();
     var _buttonProps_arialabelledby_replace;
-    const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps["aria-labelledby"]) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ""} ${hasLabel ? textId : ""} ${spinnerId}`.trim();
-    let ariaLive = "polite";
-    if ((0, $hN0b7$reactariautils.isAppleDevice)() && (!hasAriaLabel || (0, $hN0b7$reactariautils.isFirefox)())) ariaLive = "off";
+    const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps['aria-labelledby']) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ''} ${hasLabel ? textId : ''} ${spinnerId}`.trim();
+    let ariaLive = 'polite';
+    if ((0, $hN0b7$reactariautils.isAppleDevice)() && (!hasAriaLabel || (0, $hN0b7$reactariautils.isFirefox)())) ariaLive = 'off';
     return /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement((0, $hN0b7$reactariafocus.FocusRing), {
-        focusRingClass: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
+        focusRingClass: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement(Element, {
         ...styleProps,
@@ -123,41 +123,41 @@ function $842a195ed1671b15$var$Button(props, ref) {
         "data-variant": variant,
         "data-style": style,
         "data-static-color": staticColor || undefined,
-        "aria-disabled": isPending ? "true" : undefined,
-        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps["aria-label"],
-        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps["aria-labelledby"],
-        className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button", {
-            "spectrum-Button--iconOnly": hasIcon && !hasLabel,
-            "is-disabled": isDisabled || isProgressVisible,
-            "is-active": isPressed,
-            "is-hovered": isHovered,
-            "spectrum-Button--pending": isProgressVisible
+        "aria-disabled": isPending ? 'true' : undefined,
+        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps['aria-label'],
+        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps['aria-labelledby'],
+        className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Button', {
+            'spectrum-Button--iconOnly': hasIcon && !hasLabel,
+            'is-disabled': isDisabled || isProgressVisible,
+            'is-active': isPressed,
+            'is-hovered': isHovered,
+            'spectrum-Button--pending': isProgressVisible
         }, styleProps.className)
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement((0, $hN0b7$reactspectrumutils.SlotProvider), {
         slots: {
             icon: {
                 id: iconId,
-                size: "S",
-                UNSAFE_className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Icon')
             },
             text: {
                 id: textId,
-                UNSAFE_className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-label")
+                UNSAFE_className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Button-label')
             }
         }
-    }, typeof children === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement((0, $hN0b7$reactspectrumtext.Text), null, children) : children, isPending && /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement("div", {
+    }, typeof children === 'string' ? /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement((0, $hN0b7$reactspectrumtext.Text), null, children) : children, isPending && /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement("div", {
         "aria-hidden": "true",
         style: {
-            visibility: isProgressVisible ? "visible" : "hidden"
+            visibility: isProgressVisible ? 'visible' : 'hidden'
         },
-        className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-circleLoader")
+        className: (0, $hN0b7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Button-circleLoader')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement((0, $hN0b7$reactspectrumprogress.ProgressCircle), {
         "aria-label": isPendingAriaLiveLabel,
         isIndeterminate: true,
         size: "S",
         staticColor: staticColor
     })), isPending && /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement((0, ($parcel$interopDefault($hN0b7$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement("div", {
-        "aria-live": isFocused ? ariaLive : "off"
+        "aria-live": isFocused ? ariaLive : 'off'
     }, isProgressVisible && /*#__PURE__*/ (0, ($parcel$interopDefault($hN0b7$react))).createElement("div", {
         role: "img",
         "aria-labelledby": isPendingAriaLiveLabelledby

package/dist/Button.mjs

@@ -56,9 +56,9 @@ function $b865a6f0049e2d66$var$disablePendingProps(props) {
 function $b865a6f0049e2d66$var$Button(props, ref) {
     var _buttonProps_arialabelledby;
     props = (0, $l1zrX$useProviderProps)(props);
-    props = (0, $l1zrX$useSlotProps)(props, "button");
+    props = (0, $l1zrX$useSlotProps)(props, 'button');
     props = $b865a6f0049e2d66$var$disablePendingProps(props);
-    let { elementType: Element = "button", children: children, variant: variant, style: style = variant === "accent" || variant === "cta" ? "fill" : "outline", staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
+    let { elementType: Element = 'button', children: children, variant: variant, style: style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline', staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
     let domRef = (0, $l1zrX$useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $l1zrX$useButton)(props, domRef);
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $l1zrX$useHover)({
@@ -69,12 +69,12 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
         onFocusChange: onFocusChange,
         isDisabled: isDisabled
     });
-    let stringFormatter = (0, $l1zrX$useLocalizedStringFormatter)((0, ($parcel$interopDefault($l1zrX$intlStringsmodulejs))), "@react-spectrum/button");
+    let stringFormatter = (0, $l1zrX$useLocalizedStringFormatter)((0, ($parcel$interopDefault($l1zrX$intlStringsmodulejs))), '@react-spectrum/button');
     let { styleProps: styleProps } = (0, $l1zrX$useStyleProps)(otherProps);
-    let hasLabel = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))["spectrum-Button-label"]}`, domRef);
-    let hasIcon = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))["spectrum-Icon"]}`, domRef);
+    let hasLabel = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))['spectrum-Button-label']}`, domRef);
+    let hasIcon = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))['spectrum-Icon']}`, domRef);
     // an aria label will block children and their labels from being read, this is undesirable for pending state
-    let hasAriaLabel = !!buttonProps["aria-label"] || !!buttonProps["aria-labelledby"];
+    let hasAriaLabel = !!buttonProps['aria-label'] || !!buttonProps['aria-labelledby'];
     let [isProgressVisible, setIsProgressVisible] = (0, $l1zrX$useState)(false);
     let backupButtonId = (0, $l1zrX$useId)();
     let buttonId = buttonProps.id || backupButtonId;
@@ -96,18 +96,18 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
     }, [
         isPending
     ]);
-    if (variant === "cta") variant = "accent";
-    else if (variant === "overBackground") {
-        variant = "primary";
-        staticColor = "white";
+    if (variant === 'cta') variant = 'accent';
+    else if (variant === 'overBackground') {
+        variant = 'primary';
+        staticColor = 'white';
     }
-    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps["aria-label"] : ""} ${stringFormatter.format("pending")}`.trim();
+    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps['aria-label'] : ''} ${stringFormatter.format('pending')}`.trim();
     var _buttonProps_arialabelledby_replace;
-    const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps["aria-labelledby"]) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ""} ${hasLabel ? textId : ""} ${spinnerId}`.trim();
-    let ariaLive = "polite";
-    if ((0, $l1zrX$isAppleDevice)() && (!hasAriaLabel || (0, $l1zrX$isFirefox)())) ariaLive = "off";
+    const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps['aria-labelledby']) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ''} ${hasLabel ? textId : ''} ${spinnerId}`.trim();
+    let ariaLive = 'polite';
+    if ((0, $l1zrX$isAppleDevice)() && (!hasAriaLabel || (0, $l1zrX$isFirefox)())) ariaLive = 'off';
     return /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$FocusRing), {
-        focusRingClass: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $l1zrX$react).createElement(Element, {
         ...styleProps,
@@ -117,41 +117,41 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
         "data-variant": variant,
         "data-style": style,
         "data-static-color": staticColor || undefined,
-        "aria-disabled": isPending ? "true" : undefined,
-        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps["aria-label"],
-        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps["aria-labelledby"],
-        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Button", {
-            "spectrum-Button--iconOnly": hasIcon && !hasLabel,
-            "is-disabled": isDisabled || isProgressVisible,
-            "is-active": isPressed,
-            "is-hovered": isHovered,
-            "spectrum-Button--pending": isProgressVisible
+        "aria-disabled": isPending ? 'true' : undefined,
+        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps['aria-label'],
+        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps['aria-labelledby'],
+        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Button', {
+            'spectrum-Button--iconOnly': hasIcon && !hasLabel,
+            'is-disabled': isDisabled || isProgressVisible,
+            'is-active': isPressed,
+            'is-hovered': isHovered,
+            'spectrum-Button--pending': isProgressVisible
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$SlotProvider), {
         slots: {
             icon: {
                 id: iconId,
-                size: "S",
-                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Icon')
             },
             text: {
                 id: textId,
-                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Button-label")
+                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Button-label')
             }
         }
-    }, typeof children === "string" ? /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$Text), null, children) : children, isPending && /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
+    }, typeof children === 'string' ? /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$Text), null, children) : children, isPending && /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
         "aria-hidden": "true",
         style: {
-            visibility: isProgressVisible ? "visible" : "hidden"
+            visibility: isProgressVisible ? 'visible' : 'hidden'
         },
-        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Button-circleLoader")
+        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Button-circleLoader')
     }, /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$ProgressCircle), {
         "aria-label": isPendingAriaLiveLabel,
         isIndeterminate: true,
         size: "S",
         staticColor: staticColor
     })), isPending && /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$react).Fragment, null, /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
-        "aria-live": isFocused ? ariaLive : "off"
+        "aria-live": isFocused ? ariaLive : 'off'
     }, isProgressVisible && /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
         role: "img",
         "aria-labelledby": isPendingAriaLiveLabelledby
@@ -169,4 +169,4 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
 
 
 export {$b865a6f0049e2d66$export$353f5b6fc5456de1 as Button};
-//# sourceMappingURL=Button.mjs.map
+//# sourceMappingURL=Button.module.js.map

package/dist/Button.module.js

@@ -56,9 +56,9 @@ function $b865a6f0049e2d66$var$disablePendingProps(props) {
 function $b865a6f0049e2d66$var$Button(props, ref) {
     var _buttonProps_arialabelledby;
     props = (0, $l1zrX$useProviderProps)(props);
-    props = (0, $l1zrX$useSlotProps)(props, "button");
+    props = (0, $l1zrX$useSlotProps)(props, 'button');
     props = $b865a6f0049e2d66$var$disablePendingProps(props);
-    let { elementType: Element = "button", children: children, variant: variant, style: style = variant === "accent" || variant === "cta" ? "fill" : "outline", staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
+    let { elementType: Element = 'button', children: children, variant: variant, style: style = variant === 'accent' || variant === 'cta' ? 'fill' : 'outline', staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
     let domRef = (0, $l1zrX$useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $l1zrX$useButton)(props, domRef);
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $l1zrX$useHover)({
@@ -69,12 +69,12 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
         onFocusChange: onFocusChange,
         isDisabled: isDisabled
     });
-    let stringFormatter = (0, $l1zrX$useLocalizedStringFormatter)((0, ($parcel$interopDefault($l1zrX$intlStringsmodulejs))), "@react-spectrum/button");
+    let stringFormatter = (0, $l1zrX$useLocalizedStringFormatter)((0, ($parcel$interopDefault($l1zrX$intlStringsmodulejs))), '@react-spectrum/button');
     let { styleProps: styleProps } = (0, $l1zrX$useStyleProps)(otherProps);
-    let hasLabel = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))["spectrum-Button-label"]}`, domRef);
-    let hasIcon = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))["spectrum-Icon"]}`, domRef);
+    let hasLabel = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))['spectrum-Button-label']}`, domRef);
+    let hasIcon = (0, $l1zrX$useHasChild)(`.${(0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs)))['spectrum-Icon']}`, domRef);
     // an aria label will block children and their labels from being read, this is undesirable for pending state
-    let hasAriaLabel = !!buttonProps["aria-label"] || !!buttonProps["aria-labelledby"];
+    let hasAriaLabel = !!buttonProps['aria-label'] || !!buttonProps['aria-labelledby'];
     let [isProgressVisible, setIsProgressVisible] = (0, $l1zrX$useState)(false);
     let backupButtonId = (0, $l1zrX$useId)();
     let buttonId = buttonProps.id || backupButtonId;
@@ -96,18 +96,18 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
     }, [
         isPending
     ]);
-    if (variant === "cta") variant = "accent";
-    else if (variant === "overBackground") {
-        variant = "primary";
-        staticColor = "white";
+    if (variant === 'cta') variant = 'accent';
+    else if (variant === 'overBackground') {
+        variant = 'primary';
+        staticColor = 'white';
     }
-    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps["aria-label"] : ""} ${stringFormatter.format("pending")}`.trim();
+    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps['aria-label'] : ''} ${stringFormatter.format('pending')}`.trim();
     var _buttonProps_arialabelledby_replace;
-    const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps["aria-labelledby"]) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ""} ${hasLabel ? textId : ""} ${spinnerId}`.trim();
-    let ariaLive = "polite";
-    if ((0, $l1zrX$isAppleDevice)() && (!hasAriaLabel || (0, $l1zrX$isFirefox)())) ariaLive = "off";
+    const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps['aria-labelledby']) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ''} ${hasLabel ? textId : ''} ${spinnerId}`.trim();
+    let ariaLive = 'polite';
+    if ((0, $l1zrX$isAppleDevice)() && (!hasAriaLabel || (0, $l1zrX$isFirefox)())) ariaLive = 'off';
     return /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$FocusRing), {
-        focusRingClass: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $l1zrX$react).createElement(Element, {
         ...styleProps,
@@ -117,41 +117,41 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
         "data-variant": variant,
         "data-style": style,
         "data-static-color": staticColor || undefined,
-        "aria-disabled": isPending ? "true" : undefined,
-        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps["aria-label"],
-        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps["aria-labelledby"],
-        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Button", {
-            "spectrum-Button--iconOnly": hasIcon && !hasLabel,
-            "is-disabled": isDisabled || isProgressVisible,
-            "is-active": isPressed,
-            "is-hovered": isHovered,
-            "spectrum-Button--pending": isProgressVisible
+        "aria-disabled": isPending ? 'true' : undefined,
+        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps['aria-label'],
+        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps['aria-labelledby'],
+        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Button', {
+            'spectrum-Button--iconOnly': hasIcon && !hasLabel,
+            'is-disabled': isDisabled || isProgressVisible,
+            'is-active': isPressed,
+            'is-hovered': isHovered,
+            'spectrum-Button--pending': isProgressVisible
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$SlotProvider), {
         slots: {
             icon: {
                 id: iconId,
-                size: "S",
-                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Icon')
             },
             text: {
                 id: textId,
-                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Button-label")
+                UNSAFE_className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Button-label')
             }
         }
-    }, typeof children === "string" ? /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$Text), null, children) : children, isPending && /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
+    }, typeof children === 'string' ? /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$Text), null, children) : children, isPending && /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
         "aria-hidden": "true",
         style: {
-            visibility: isProgressVisible ? "visible" : "hidden"
+            visibility: isProgressVisible ? 'visible' : 'hidden'
         },
-        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), "spectrum-Button-circleLoader")
+        className: (0, $l1zrX$classNames)((0, ($parcel$interopDefault($l1zrX$button_vars_cssmodulejs))), 'spectrum-Button-circleLoader')
     }, /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$ProgressCircle), {
         "aria-label": isPendingAriaLiveLabel,
         isIndeterminate: true,
         size: "S",
         staticColor: staticColor
     })), isPending && /*#__PURE__*/ (0, $l1zrX$react).createElement((0, $l1zrX$react).Fragment, null, /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
-        "aria-live": isFocused ? ariaLive : "off"
+        "aria-live": isFocused ? ariaLive : 'off'
     }, isProgressVisible && /*#__PURE__*/ (0, $l1zrX$react).createElement("div", {
         role: "img",
         "aria-labelledby": isPendingAriaLiveLabelledby

package/dist/ClearButton.main.js

@@ -38,8 +38,8 @@ $parcel$export(module.exports, "ClearButton", () => $9c84a434f1c9da63$export$13e
 
 function $9c84a434f1c9da63$var$ClearButton(props, ref) {
     let { children: children = /*#__PURE__*/ (0, ($parcel$interopDefault($3cv9y$react))).createElement((0, ($parcel$interopDefault($3cv9y$spectrumiconsuiCrossSmall))), {
-        UNSAFE_className: (0, ($parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Icon"]
-    }), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? "div" : "button", ...otherProps } = props;
+        UNSAFE_className: (0, ($parcel$interopDefault($afc5a4514aca2340$exports)))['spectrum-Icon']
+    }), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? 'div' : 'button', ...otherProps } = props;
     let domRef = (0, $3cv9y$reactspectrumutils.useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $3cv9y$reactariabutton.useButton)({
         ...props,
@@ -55,17 +55,17 @@ function $9c84a434f1c9da63$var$ClearButton(props, ref) {
     if (preventFocus) delete buttonProps.tabIndex;
     let ElementType = elementType;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3cv9y$react))).createElement((0, $3cv9y$reactariafocus.FocusRing), {
-        focusRingClass: (0, $3cv9y$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring", focusClassName),
+        focusRingClass: (0, $3cv9y$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'focus-ring', focusClassName),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($3cv9y$react))).createElement(ElementType, {
         ...styleProps,
         ...(0, $3cv9y$reactariautils.mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $3cv9y$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ClearButton", {
+        className: (0, $3cv9y$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ClearButton', {
             [`spectrum-ClearButton--${variant}`]: variant,
-            "is-disabled": isDisabled,
-            "is-active": isPressed,
-            "is-hovered": isHovered
+            'is-disabled': isDisabled,
+            'is-active': isPressed,
+            'is-hovered': isHovered
         }, styleProps.className)
     }, children));
 }