@react-spectrum/button 3.16.3 → 3.16.4

package/dist/ClearButton.mjs

@@ -32,8 +32,8 @@ function $parcel$interopDefault(a) {
 
 function $dd24e555a16de2ae$var$ClearButton(props, ref) {
     let { children: children = /*#__PURE__*/ (0, $d0kJV$react).createElement((0, $d0kJV$spectrumiconsuiCrossSmall), {
-        UNSAFE_className: (0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs)))["spectrum-Icon"]
-    }), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? "div" : "button", ...otherProps } = props;
+        UNSAFE_className: (0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs)))['spectrum-Icon']
+    }), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? 'div' : 'button', ...otherProps } = props;
     let domRef = (0, $d0kJV$useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d0kJV$useButton)({
         ...props,
@@ -49,17 +49,17 @@ function $dd24e555a16de2ae$var$ClearButton(props, ref) {
     if (preventFocus) delete buttonProps.tabIndex;
     let ElementType = elementType;
     return /*#__PURE__*/ (0, $d0kJV$react).createElement((0, $d0kJV$FocusRing), {
-        focusRingClass: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), "focus-ring", focusClassName),
+        focusRingClass: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), 'focus-ring', focusClassName),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $d0kJV$react).createElement(ElementType, {
         ...styleProps,
         ...(0, $d0kJV$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), "spectrum-ClearButton", {
+        className: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), '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));
 }
@@ -67,4 +67,4 @@ let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $d0kJV$react).
 
 
 export {$dd24e555a16de2ae$export$13ec83e50bf04290 as ClearButton};
-//# sourceMappingURL=ClearButton.mjs.map
+//# sourceMappingURL=ClearButton.module.js.map

package/dist/ClearButton.module.js

@@ -32,8 +32,8 @@ function $parcel$interopDefault(a) {
 
 function $dd24e555a16de2ae$var$ClearButton(props, ref) {
     let { children: children = /*#__PURE__*/ (0, $d0kJV$react).createElement((0, $d0kJV$spectrumiconsuiCrossSmall), {
-        UNSAFE_className: (0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs)))["spectrum-Icon"]
-    }), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? "div" : "button", ...otherProps } = props;
+        UNSAFE_className: (0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs)))['spectrum-Icon']
+    }), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? 'div' : 'button', ...otherProps } = props;
     let domRef = (0, $d0kJV$useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d0kJV$useButton)({
         ...props,
@@ -49,17 +49,17 @@ function $dd24e555a16de2ae$var$ClearButton(props, ref) {
     if (preventFocus) delete buttonProps.tabIndex;
     let ElementType = elementType;
     return /*#__PURE__*/ (0, $d0kJV$react).createElement((0, $d0kJV$FocusRing), {
-        focusRingClass: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), "focus-ring", focusClassName),
+        focusRingClass: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), 'focus-ring', focusClassName),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $d0kJV$react).createElement(ElementType, {
         ...styleProps,
         ...(0, $d0kJV$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), "spectrum-ClearButton", {
+        className: (0, $d0kJV$classNames)((0, ($parcel$interopDefault($d0kJV$button_vars_cssmodulejs))), '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));
 }

package/dist/FieldButton.main.js

@@ -36,7 +36,7 @@ $parcel$export(module.exports, "FieldButton", () => $5931ec1ea1ec1b0d$export$47d
 
 // @private
 function $5931ec1ea1ec1b0d$var$FieldButton(props, ref) {
-    props = (0, $7mUYa$reactspectrumutils.useSlotProps)(props, "button");
+    props = (0, $7mUYa$reactspectrumutils.useSlotProps)(props, 'button');
     let { isQuiet: isQuiet, isDisabled: isDisabled, validationState: validationState, isInvalid: isInvalid, children: children, autoFocus: autoFocus, isActive: isActive, focusRingClass: focusRingClass, ...otherProps } = props;
     let domRef = (0, $7mUYa$reactspectrumutils.useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $7mUYa$reactariabutton.useButton)(props, domRef);
@@ -45,23 +45,23 @@ function $5931ec1ea1ec1b0d$var$FieldButton(props, ref) {
     });
     let { styleProps: styleProps } = (0, $7mUYa$reactspectrumutils.useStyleProps)(otherProps);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($7mUYa$react))).createElement((0, $7mUYa$reactariafocus.FocusRing), {
-        focusRingClass: (0, $7mUYa$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring", focusRingClass),
+        focusRingClass: (0, $7mUYa$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'focus-ring', focusRingClass),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($7mUYa$react))).createElement("button", {
         ...(0, $7mUYa$reactariautils.mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $7mUYa$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-FieldButton", {
-            "spectrum-FieldButton--quiet": isQuiet,
-            "is-active": isActive || isPressed,
-            "is-disabled": isDisabled,
-            "spectrum-FieldButton--invalid": isInvalid || validationState === "invalid",
-            "is-hovered": isHovered
+        className: (0, $7mUYa$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-FieldButton', {
+            'spectrum-FieldButton--quiet': isQuiet,
+            'is-active': isActive || isPressed,
+            'is-disabled': isDisabled,
+            'spectrum-FieldButton--invalid': isInvalid || validationState === 'invalid',
+            'is-hovered': isHovered
         }, styleProps.className)
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($7mUYa$react))).createElement((0, $7mUYa$reactspectrumutils.SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $7mUYa$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $7mUYa$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Icon')
             }
         }
     }, children)));

package/dist/FieldButton.mjs

@@ -30,7 +30,7 @@ function $parcel$interopDefault(a) {
 
 // @private
 function $b43bd559b476d0c4$var$FieldButton(props, ref) {
-    props = (0, $b8ZoF$useSlotProps)(props, "button");
+    props = (0, $b8ZoF$useSlotProps)(props, 'button');
     let { isQuiet: isQuiet, isDisabled: isDisabled, validationState: validationState, isInvalid: isInvalid, children: children, autoFocus: autoFocus, isActive: isActive, focusRingClass: focusRingClass, ...otherProps } = props;
     let domRef = (0, $b8ZoF$useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $b8ZoF$useButton)(props, domRef);
@@ -39,23 +39,23 @@ function $b43bd559b476d0c4$var$FieldButton(props, ref) {
     });
     let { styleProps: styleProps } = (0, $b8ZoF$useStyleProps)(otherProps);
     return /*#__PURE__*/ (0, $b8ZoF$react).createElement((0, $b8ZoF$FocusRing), {
-        focusRingClass: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), "focus-ring", focusRingClass),
+        focusRingClass: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), 'focus-ring', focusRingClass),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $b8ZoF$react).createElement("button", {
         ...(0, $b8ZoF$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), "spectrum-FieldButton", {
-            "spectrum-FieldButton--quiet": isQuiet,
-            "is-active": isActive || isPressed,
-            "is-disabled": isDisabled,
-            "spectrum-FieldButton--invalid": isInvalid || validationState === "invalid",
-            "is-hovered": isHovered
+        className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), 'spectrum-FieldButton', {
+            'spectrum-FieldButton--quiet': isQuiet,
+            'is-active': isActive || isPressed,
+            'is-disabled': isDisabled,
+            'spectrum-FieldButton--invalid': isInvalid || validationState === 'invalid',
+            'is-hovered': isHovered
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $b8ZoF$react).createElement((0, $b8ZoF$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), 'spectrum-Icon')
             }
         }
     }, children)));
@@ -64,4 +64,4 @@ let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ (0, $b8ZoF$react).
 
 
 export {$b43bd559b476d0c4$export$47dc48f595b075da as FieldButton};
-//# sourceMappingURL=FieldButton.mjs.map
+//# sourceMappingURL=FieldButton.module.js.map

package/dist/FieldButton.module.js

@@ -30,7 +30,7 @@ function $parcel$interopDefault(a) {
 
 // @private
 function $b43bd559b476d0c4$var$FieldButton(props, ref) {
-    props = (0, $b8ZoF$useSlotProps)(props, "button");
+    props = (0, $b8ZoF$useSlotProps)(props, 'button');
     let { isQuiet: isQuiet, isDisabled: isDisabled, validationState: validationState, isInvalid: isInvalid, children: children, autoFocus: autoFocus, isActive: isActive, focusRingClass: focusRingClass, ...otherProps } = props;
     let domRef = (0, $b8ZoF$useFocusableRef)(ref);
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $b8ZoF$useButton)(props, domRef);
@@ -39,23 +39,23 @@ function $b43bd559b476d0c4$var$FieldButton(props, ref) {
     });
     let { styleProps: styleProps } = (0, $b8ZoF$useStyleProps)(otherProps);
     return /*#__PURE__*/ (0, $b8ZoF$react).createElement((0, $b8ZoF$FocusRing), {
-        focusRingClass: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), "focus-ring", focusRingClass),
+        focusRingClass: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), 'focus-ring', focusRingClass),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $b8ZoF$react).createElement("button", {
         ...(0, $b8ZoF$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), "spectrum-FieldButton", {
-            "spectrum-FieldButton--quiet": isQuiet,
-            "is-active": isActive || isPressed,
-            "is-disabled": isDisabled,
-            "spectrum-FieldButton--invalid": isInvalid || validationState === "invalid",
-            "is-hovered": isHovered
+        className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), 'spectrum-FieldButton', {
+            'spectrum-FieldButton--quiet': isQuiet,
+            'is-active': isActive || isPressed,
+            'is-disabled': isDisabled,
+            'spectrum-FieldButton--invalid': isInvalid || validationState === 'invalid',
+            'is-hovered': isHovered
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $b8ZoF$react).createElement((0, $b8ZoF$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $b8ZoF$classNames)((0, ($parcel$interopDefault($b8ZoF$button_vars_cssmodulejs))), 'spectrum-Icon')
             }
         }
     }, children)));

package/dist/LogicButton.main.js

@@ -46,20 +46,20 @@ function $3bd294eda342b0c4$var$LogicButton(props, ref) {
     });
     let { styleProps: styleProps } = (0, $adWKT$reactspectrumutils.useStyleProps)(otherProps);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($adWKT$react))).createElement((0, $adWKT$reactariafocus.FocusRing), {
-        focusRingClass: (0, $adWKT$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
+        focusRingClass: (0, $adWKT$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($adWKT$react))).createElement("button", {
         ...styleProps,
         ...(0, $adWKT$reactariautils.mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $adWKT$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-LogicButton", {
+        className: (0, $adWKT$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-LogicButton', {
             [`spectrum-LogicButton--${variant}`]: variant,
-            "is-disabled": isDisabled,
-            "is-active": isPressed,
-            "is-hovered": isHovered
+            'is-disabled': isDisabled,
+            'is-active': isPressed,
+            'is-hovered': isHovered
         }, styleProps.className)
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($adWKT$react))).createElement("span", {
-        className: (0, $adWKT$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-label")
+        className: (0, $adWKT$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Button-label')
     }, children)));
 }
 /**

package/dist/LogicButton.mjs

@@ -40,20 +40,20 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
     });
     let { styleProps: styleProps } = (0, $g8O0d$useStyleProps)(otherProps);
     return /*#__PURE__*/ (0, $g8O0d$react).createElement((0, $g8O0d$FocusRing), {
-        focusRingClass: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $g8O0d$react).createElement("button", {
         ...styleProps,
         ...(0, $g8O0d$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), "spectrum-LogicButton", {
+        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), 'spectrum-LogicButton', {
             [`spectrum-LogicButton--${variant}`]: variant,
-            "is-disabled": isDisabled,
-            "is-active": isPressed,
-            "is-hovered": isHovered
+            'is-disabled': isDisabled,
+            'is-active': isPressed,
+            'is-hovered': isHovered
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $g8O0d$react).createElement("span", {
-        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), "spectrum-Button-label")
+        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), 'spectrum-Button-label')
     }, children)));
 }
 /**
@@ -62,4 +62,4 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
 
 
 export {$45108e3c482ee88b$export$9b0b80fed00ba8b1 as LogicButton};
-//# sourceMappingURL=LogicButton.mjs.map
+//# sourceMappingURL=LogicButton.module.js.map

package/dist/LogicButton.module.js

@@ -40,20 +40,20 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
     });
     let { styleProps: styleProps } = (0, $g8O0d$useStyleProps)(otherProps);
     return /*#__PURE__*/ (0, $g8O0d$react).createElement((0, $g8O0d$FocusRing), {
-        focusRingClass: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $g8O0d$react).createElement("button", {
         ...styleProps,
         ...(0, $g8O0d$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), "spectrum-LogicButton", {
+        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), 'spectrum-LogicButton', {
             [`spectrum-LogicButton--${variant}`]: variant,
-            "is-disabled": isDisabled,
-            "is-active": isPressed,
-            "is-hovered": isHovered
+            'is-disabled': isDisabled,
+            'is-active': isPressed,
+            'is-hovered': isHovered
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $g8O0d$react).createElement("span", {
-        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), "spectrum-Button-label")
+        className: (0, $g8O0d$classNames)((0, ($parcel$interopDefault($g8O0d$button_vars_cssmodulejs))), 'spectrum-Button-label')
     }, children)));
 }
 /**

package/dist/ToggleButton.main.js

@@ -52,34 +52,34 @@ function $b5c927da7d8f1be6$var$ToggleButton(props, ref) {
     let { styleProps: styleProps } = (0, $58xyJ$reactspectrumutils.useStyleProps)(otherProps);
     let isTextOnly = (0, ($parcel$interopDefault($58xyJ$react))).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).isValidElement(c));
     return /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactariafocus.FocusRing), {
-        focusRingClass: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
+        focusRingClass: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement("button", {
         ...styleProps,
         ...(0, $58xyJ$reactariautils.mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--emphasized": isEmphasized,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered,
-            "is-selected": state.isSelected
+        className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--emphasized': isEmphasized,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered,
+            'is-selected': state.isSelected
         }, styleProps.className)
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactspectrumutils.SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-Icon')
             },
             text: {
-                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-ActionButton-label")
+                UNSAFE_className: (0, $58xyJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), 'spectrum-ActionButton-label')
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactspectrumtext.Text), null, children) : children)));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, ($parcel$interopDefault($58xyJ$react))).createElement((0, $58xyJ$reactspectrumtext.Text), null, children) : children)));
 }
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example

package/dist/ToggleButton.mjs

@@ -46,34 +46,34 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
     let { styleProps: styleProps } = (0, $3XyjH$useStyleProps)(otherProps);
     let isTextOnly = (0, $3XyjH$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $3XyjH$react).isValidElement(c));
     return /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$FocusRing), {
-        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement("button", {
         ...styleProps,
         ...(0, $3XyjH$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--emphasized": isEmphasized,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered,
-            "is-selected": state.isSelected
+        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--emphasized': isEmphasized,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered,
+            'is-selected': state.isSelected
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-Icon')
             },
             text: {
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton-label")
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton-label')
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
 }
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example
@@ -82,4 +82,4 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
 
 
 export {$3979c7c23b0bd270$export$d2b052e7b4be1756 as ToggleButton};
-//# sourceMappingURL=ToggleButton.mjs.map
+//# sourceMappingURL=ToggleButton.module.js.map

package/dist/ToggleButton.module.js

@@ -46,34 +46,34 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
     let { styleProps: styleProps } = (0, $3XyjH$useStyleProps)(otherProps);
     let isTextOnly = (0, $3XyjH$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $3XyjH$react).isValidElement(c));
     return /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$FocusRing), {
-        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "focus-ring"),
+        focusRingClass: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement("button", {
         ...styleProps,
         ...(0, $3XyjH$mergeProps)(buttonProps, hoverProps),
         ref: domRef,
-        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton", {
-            "spectrum-ActionButton--quiet": isQuiet,
-            "spectrum-ActionButton--emphasized": isEmphasized,
-            "spectrum-ActionButton--staticColor": !!staticColor,
-            "spectrum-ActionButton--staticWhite": staticColor === "white",
-            "spectrum-ActionButton--staticBlack": staticColor === "black",
-            "is-active": isPressed,
-            "is-disabled": isDisabled,
-            "is-hovered": isHovered,
-            "is-selected": state.isSelected
+        className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--emphasized': isEmphasized,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered,
+            'is-selected': state.isSelected
         }, styleProps.className)
     }, /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$SlotProvider), {
         slots: {
             icon: {
-                size: "S",
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-Icon")
+                size: 'S',
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-Icon')
             },
             text: {
-                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), "spectrum-ActionButton-label")
+                UNSAFE_className: (0, $3XyjH$classNames)((0, ($parcel$interopDefault($3XyjH$button_vars_cssmodulejs))), 'spectrum-ActionButton-label')
             }
         }
-    }, typeof children === "string" || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ (0, $3XyjH$react).createElement((0, $3XyjH$Text), null, children) : children)));
 }
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example

package/dist/ar-AE.mjs

@@ -5,4 +5,4 @@ $3d5058299051dde5$exports = {
 
 
 export {$3d5058299051dde5$exports as default};
-//# sourceMappingURL=ar-AE.mjs.map
+//# sourceMappingURL=ar-AE.module.js.map

package/dist/bg-BG.mjs

@@ -5,4 +5,4 @@ $b09fec806b7b8f22$exports = {
 
 
 export {$b09fec806b7b8f22$exports as default};
-//# sourceMappingURL=bg-BG.mjs.map
+//# sourceMappingURL=bg-BG.module.js.map

package/dist/button_vars_css.mjs

@@ -121,4 +121,4 @@ $086e93d2352a4536$export$da76be6126aaa633 = `Dniwja_spectrum-LogicButton--or`;
 
 
 export {$086e93d2352a4536$exports as default};
-//# sourceMappingURL=button_vars_css.mjs.map
+//# sourceMappingURL=button_vars_css.module.js.map

package/dist/cs-CZ.mjs

@@ -5,4 +5,4 @@ $ca0549dfb1669363$exports = {
 
 
 export {$ca0549dfb1669363$exports as default};
-//# sourceMappingURL=cs-CZ.mjs.map
+//# sourceMappingURL=cs-CZ.module.js.map

package/dist/da-DK.mjs

@@ -5,4 +5,4 @@ $98f2907c0694c5b6$exports = {
 
 
 export {$98f2907c0694c5b6$exports as default};
-//# sourceMappingURL=da-DK.mjs.map
+//# sourceMappingURL=da-DK.module.js.map

package/dist/de-DE.mjs

@@ -5,4 +5,4 @@ $9d6fce77106482c8$exports = {
 
 
 export {$9d6fce77106482c8$exports as default};
-//# sourceMappingURL=de-DE.mjs.map
+//# sourceMappingURL=de-DE.module.js.map

package/dist/el-GR.mjs

@@ -5,4 +5,4 @@ $db5c63cb8d95d7a4$exports = {
 
 
 export {$db5c63cb8d95d7a4$exports as default};
-//# sourceMappingURL=el-GR.mjs.map
+//# sourceMappingURL=el-GR.module.js.map

package/dist/en-US.mjs

@@ -5,4 +5,4 @@ $94e4262f3b79d866$exports = {
 
 
 export {$94e4262f3b79d866$exports as default};
-//# sourceMappingURL=en-US.mjs.map
+//# sourceMappingURL=en-US.module.js.map

package/dist/es-ES.mjs

@@ -5,4 +5,4 @@ $16cf2bb6affc1ca9$exports = {
 
 
 export {$16cf2bb6affc1ca9$exports as default};
-//# sourceMappingURL=es-ES.mjs.map
+//# sourceMappingURL=es-ES.module.js.map

package/dist/et-EE.mjs

@@ -5,4 +5,4 @@ $d2a4cd1ccd3b9660$exports = {
 
 
 export {$d2a4cd1ccd3b9660$exports as default};
-//# sourceMappingURL=et-EE.mjs.map
+//# sourceMappingURL=et-EE.module.js.map

package/dist/fi-FI.mjs

@@ -5,4 +5,4 @@ $0aa3ceafb597db1b$exports = {
 
 
 export {$0aa3ceafb597db1b$exports as default};
-//# sourceMappingURL=fi-FI.mjs.map
+//# sourceMappingURL=fi-FI.module.js.map

package/dist/fr-FR.mjs

@@ -5,4 +5,4 @@ $5779b104f19b7b1a$exports = {
 
 
 export {$5779b104f19b7b1a$exports as default};
-//# sourceMappingURL=fr-FR.mjs.map
+//# sourceMappingURL=fr-FR.module.js.map

package/dist/he-IL.mjs

@@ -5,4 +5,4 @@ $33aba885fd306c4d$exports = {
 
 
 export {$33aba885fd306c4d$exports as default};
-//# sourceMappingURL=he-IL.mjs.map
+//# sourceMappingURL=he-IL.module.js.map

package/dist/hr-HR.mjs

@@ -5,4 +5,4 @@ $30a099a3f19b59af$exports = {
 
 
 export {$30a099a3f19b59af$exports as default};
-//# sourceMappingURL=hr-HR.mjs.map
+//# sourceMappingURL=hr-HR.module.js.map

package/dist/hu-HU.mjs

@@ -5,4 +5,4 @@ $f257504b02c6b23f$exports = {
 
 
 export {$f257504b02c6b23f$exports as default};
-//# sourceMappingURL=hu-HU.mjs.map
+//# sourceMappingURL=hu-HU.module.js.map

package/dist/intlStrings.mjs

@@ -107,4 +107,4 @@ $94fed84ca44dbd5b$exports = {
 
 
 export {$94fed84ca44dbd5b$exports as default};
-//# sourceMappingURL=intlStrings.mjs.map
+//# sourceMappingURL=intlStrings.module.js.map

package/dist/it-IT.mjs

@@ -5,4 +5,4 @@ $b6e12833733478ab$exports = {
 
 
 export {$b6e12833733478ab$exports as default};
-//# sourceMappingURL=it-IT.mjs.map
+//# sourceMappingURL=it-IT.module.js.map

package/dist/ja-JP.mjs

@@ -5,4 +5,4 @@ $e69fac8c5f9d6043$exports = {
 
 
 export {$e69fac8c5f9d6043$exports as default};
-//# sourceMappingURL=ja-JP.mjs.map
+//# sourceMappingURL=ja-JP.module.js.map

package/dist/ko-KR.mjs

@@ -5,4 +5,4 @@ $a9b740b7d23548d0$exports = {
 
 
 export {$a9b740b7d23548d0$exports as default};
-//# sourceMappingURL=ko-KR.mjs.map
+//# sourceMappingURL=ko-KR.module.js.map

package/dist/lt-LT.mjs

@@ -5,4 +5,4 @@ $4d8ca888adc67de0$exports = {
 
 
 export {$4d8ca888adc67de0$exports as default};
-//# sourceMappingURL=lt-LT.mjs.map
+//# sourceMappingURL=lt-LT.module.js.map