@react-spectrum/utils 3.11.6 → 3.11.8

package/dist/styleProps.mjs

@@ -15,384 +15,384 @@ import {useLocale as $9Di9g$useLocale} from "@react-aria/i18n";
 
 const $380ed8f3903c3931$export$fe9c6e915565b4e8 = {
     margin: [
-        "margin",
+        'margin',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginStart: [
-        $380ed8f3903c3931$var$rtl("marginLeft", "marginRight"),
+        $380ed8f3903c3931$var$rtl('marginLeft', 'marginRight'),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginEnd: [
-        $380ed8f3903c3931$var$rtl("marginRight", "marginLeft"),
+        $380ed8f3903c3931$var$rtl('marginRight', 'marginLeft'),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     // marginLeft: ['marginLeft', dimensionValue],
     // marginRight: ['marginRight', dimensionValue],
     marginTop: [
-        "marginTop",
+        'marginTop',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginBottom: [
-        "marginBottom",
+        'marginBottom',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginX: [
         [
-            "marginLeft",
-            "marginRight"
+            'marginLeft',
+            'marginRight'
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     marginY: [
         [
-            "marginTop",
-            "marginBottom"
+            'marginTop',
+            'marginBottom'
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     width: [
-        "width",
+        'width',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     height: [
-        "height",
+        'height',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     minWidth: [
-        "minWidth",
+        'minWidth',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     minHeight: [
-        "minHeight",
+        'minHeight',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     maxWidth: [
-        "maxWidth",
+        'maxWidth',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     maxHeight: [
-        "maxHeight",
+        'maxHeight',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     isHidden: [
-        "display",
+        'display',
         $380ed8f3903c3931$var$hiddenValue
     ],
     alignSelf: [
-        "alignSelf",
+        'alignSelf',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     justifySelf: [
-        "justifySelf",
+        'justifySelf',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     position: [
-        "position",
+        'position',
         $380ed8f3903c3931$var$anyValue
     ],
     zIndex: [
-        "zIndex",
+        'zIndex',
         $380ed8f3903c3931$var$anyValue
     ],
     top: [
-        "top",
+        'top',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     bottom: [
-        "bottom",
+        'bottom',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     start: [
-        $380ed8f3903c3931$var$rtl("left", "right"),
+        $380ed8f3903c3931$var$rtl('left', 'right'),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     end: [
-        $380ed8f3903c3931$var$rtl("right", "left"),
+        $380ed8f3903c3931$var$rtl('right', 'left'),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     left: [
-        "left",
+        'left',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     right: [
-        "right",
+        'right',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     order: [
-        "order",
+        'order',
         $380ed8f3903c3931$var$anyValue
     ],
     flex: [
-        "flex",
+        'flex',
         $380ed8f3903c3931$var$flexValue
     ],
     flexGrow: [
-        "flexGrow",
+        'flexGrow',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     flexShrink: [
-        "flexShrink",
+        'flexShrink',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     flexBasis: [
-        "flexBasis",
+        'flexBasis',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridArea: [
-        "gridArea",
+        'gridArea',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridColumn: [
-        "gridColumn",
+        'gridColumn',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridColumnEnd: [
-        "gridColumnEnd",
+        'gridColumnEnd',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridColumnStart: [
-        "gridColumnStart",
+        'gridColumnStart',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridRow: [
-        "gridRow",
+        'gridRow',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridRowEnd: [
-        "gridRowEnd",
+        'gridRowEnd',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ],
     gridRowStart: [
-        "gridRowStart",
+        'gridRowStart',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ]
 };
 const $380ed8f3903c3931$export$e0705d1a55f297c = {
     ...$380ed8f3903c3931$export$fe9c6e915565b4e8,
     backgroundColor: [
-        "backgroundColor",
+        'backgroundColor',
         $380ed8f3903c3931$var$backgroundColorValue
     ],
     borderWidth: [
-        "borderWidth",
+        'borderWidth',
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderStartWidth: [
-        $380ed8f3903c3931$var$rtl("borderLeftWidth", "borderRightWidth"),
+        $380ed8f3903c3931$var$rtl('borderLeftWidth', 'borderRightWidth'),
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderEndWidth: [
-        $380ed8f3903c3931$var$rtl("borderRightWidth", "borderLeftWidth"),
+        $380ed8f3903c3931$var$rtl('borderRightWidth', 'borderLeftWidth'),
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderLeftWidth: [
-        "borderLeftWidth",
+        'borderLeftWidth',
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderRightWidth: [
-        "borderRightWidth",
+        'borderRightWidth',
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderTopWidth: [
-        "borderTopWidth",
+        'borderTopWidth',
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderBottomWidth: [
-        "borderBottomWidth",
+        'borderBottomWidth',
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderXWidth: [
         [
-            "borderLeftWidth",
-            "borderRightWidth"
+            'borderLeftWidth',
+            'borderRightWidth'
         ],
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderYWidth: [
         [
-            "borderTopWidth",
-            "borderBottomWidth"
+            'borderTopWidth',
+            'borderBottomWidth'
         ],
         $380ed8f3903c3931$var$borderSizeValue
     ],
     borderColor: [
-        "borderColor",
+        'borderColor',
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderStartColor: [
-        $380ed8f3903c3931$var$rtl("borderLeftColor", "borderRightColor"),
+        $380ed8f3903c3931$var$rtl('borderLeftColor', 'borderRightColor'),
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderEndColor: [
-        $380ed8f3903c3931$var$rtl("borderRightColor", "borderLeftColor"),
+        $380ed8f3903c3931$var$rtl('borderRightColor', 'borderLeftColor'),
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderLeftColor: [
-        "borderLeftColor",
+        'borderLeftColor',
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderRightColor: [
-        "borderRightColor",
+        'borderRightColor',
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderTopColor: [
-        "borderTopColor",
+        'borderTopColor',
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderBottomColor: [
-        "borderBottomColor",
+        'borderBottomColor',
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderXColor: [
         [
-            "borderLeftColor",
-            "borderRightColor"
+            'borderLeftColor',
+            'borderRightColor'
         ],
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderYColor: [
         [
-            "borderTopColor",
-            "borderBottomColor"
+            'borderTopColor',
+            'borderBottomColor'
         ],
         $380ed8f3903c3931$var$borderColorValue
     ],
     borderRadius: [
-        "borderRadius",
+        'borderRadius',
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopStartRadius: [
-        $380ed8f3903c3931$var$rtl("borderTopLeftRadius", "borderTopRightRadius"),
+        $380ed8f3903c3931$var$rtl('borderTopLeftRadius', 'borderTopRightRadius'),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopEndRadius: [
-        $380ed8f3903c3931$var$rtl("borderTopRightRadius", "borderTopLeftRadius"),
+        $380ed8f3903c3931$var$rtl('borderTopRightRadius', 'borderTopLeftRadius'),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomStartRadius: [
-        $380ed8f3903c3931$var$rtl("borderBottomLeftRadius", "borderBottomRightRadius"),
+        $380ed8f3903c3931$var$rtl('borderBottomLeftRadius', 'borderBottomRightRadius'),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomEndRadius: [
-        $380ed8f3903c3931$var$rtl("borderBottomRightRadius", "borderBottomLeftRadius"),
+        $380ed8f3903c3931$var$rtl('borderBottomRightRadius', 'borderBottomLeftRadius'),
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopLeftRadius: [
-        "borderTopLeftRadius",
+        'borderTopLeftRadius',
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderTopRightRadius: [
-        "borderTopRightRadius",
+        'borderTopRightRadius',
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomLeftRadius: [
-        "borderBottomLeftRadius",
+        'borderBottomLeftRadius',
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     borderBottomRightRadius: [
-        "borderBottomRightRadius",
+        'borderBottomRightRadius',
         $380ed8f3903c3931$var$borderRadiusValue
     ],
     padding: [
-        "padding",
+        'padding',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingStart: [
-        $380ed8f3903c3931$var$rtl("paddingLeft", "paddingRight"),
+        $380ed8f3903c3931$var$rtl('paddingLeft', 'paddingRight'),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingEnd: [
-        $380ed8f3903c3931$var$rtl("paddingRight", "paddingLeft"),
+        $380ed8f3903c3931$var$rtl('paddingRight', 'paddingLeft'),
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingLeft: [
-        "paddingLeft",
+        'paddingLeft',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingRight: [
-        "paddingRight",
+        'paddingRight',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingTop: [
-        "paddingTop",
+        'paddingTop',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingBottom: [
-        "paddingBottom",
+        'paddingBottom',
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingX: [
         [
-            "paddingLeft",
-            "paddingRight"
+            'paddingLeft',
+            'paddingRight'
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     paddingY: [
         [
-            "paddingTop",
-            "paddingBottom"
+            'paddingTop',
+            'paddingBottom'
         ],
         $380ed8f3903c3931$export$abc24f5b99744ea6
     ],
     overflow: [
-        "overflow",
+        'overflow',
         $380ed8f3903c3931$export$46b6c81d11d2c30a
     ]
 };
 const $380ed8f3903c3931$var$borderStyleProps = {
-    borderWidth: "borderStyle",
-    borderLeftWidth: "borderLeftStyle",
-    borderRightWidth: "borderRightStyle",
-    borderTopWidth: "borderTopStyle",
-    borderBottomWidth: "borderBottomStyle"
+    borderWidth: 'borderStyle',
+    borderLeftWidth: 'borderLeftStyle',
+    borderRightWidth: 'borderRightStyle',
+    borderTopWidth: 'borderTopStyle',
+    borderBottomWidth: 'borderBottomStyle'
 };
 function $380ed8f3903c3931$var$rtl(ltr, rtl) {
-    return (direction)=>direction === "rtl" ? rtl : ltr;
+    return (direction)=>direction === 'rtl' ? rtl : ltr;
 }
 const $380ed8f3903c3931$var$UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;
 const $380ed8f3903c3931$var$FUNC_RE = /^\s*\w+\(/;
 const $380ed8f3903c3931$var$SPECTRUM_VARIABLE_RE = /(static-)?size-\d+|single-line-(height|width)/g;
 function $380ed8f3903c3931$export$abc24f5b99744ea6(value) {
-    if (typeof value === "number") return value + "px";
+    if (typeof value === 'number') return value + 'px';
     if (!value) return undefined;
     if ($380ed8f3903c3931$var$UNIT_RE.test(value)) return value;
-    if ($380ed8f3903c3931$var$FUNC_RE.test(value)) return value.replace($380ed8f3903c3931$var$SPECTRUM_VARIABLE_RE, "var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))");
+    if ($380ed8f3903c3931$var$FUNC_RE.test(value)) return value.replace($380ed8f3903c3931$var$SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');
     return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
 }
 function $380ed8f3903c3931$export$f348bec194f2e6b5(value, matchedBreakpoints) {
     value = $380ed8f3903c3931$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
     return $380ed8f3903c3931$export$abc24f5b99744ea6(value);
 }
-function $380ed8f3903c3931$var$colorValue(value, type = "default", version = 5) {
+function $380ed8f3903c3931$var$colorValue(value, type = 'default', version = 5) {
     if (version > 5) return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;
     return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;
 }
 function $380ed8f3903c3931$var$backgroundColorValue(value, version = 5) {
     if (!value) return undefined;
-    return `var(--spectrum-alias-background-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, "background", version)})`;
+    return `var(--spectrum-alias-background-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, 'background', version)})`;
 }
 function $380ed8f3903c3931$var$borderColorValue(value, version = 5) {
     if (!value) return undefined;
-    if (value === "default") return "var(--spectrum-alias-border-color)";
-    return `var(--spectrum-alias-border-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, "border", version)})`;
+    if (value === 'default') return 'var(--spectrum-alias-border-color)';
+    return `var(--spectrum-alias-border-color-${value}, ${$380ed8f3903c3931$var$colorValue(value, 'border', version)})`;
 }
 function $380ed8f3903c3931$var$borderSizeValue(value) {
-    return value && value !== "none" ? `var(--spectrum-alias-border-size-${value})` : "0";
+    return value && value !== 'none' ? `var(--spectrum-alias-border-size-${value})` : '0';
 }
 function $380ed8f3903c3931$var$borderRadiusValue(value) {
     if (!value) return undefined;
     return `var(--spectrum-alias-border-radius-${value})`;
 }
 function $380ed8f3903c3931$var$hiddenValue(value) {
-    return value ? "none" : undefined;
+    return value ? 'none' : undefined;
 }
 function $380ed8f3903c3931$var$anyValue(value) {
     return value;
 }
 function $380ed8f3903c3931$var$flexValue(value) {
-    if (typeof value === "boolean") return value ? "1" : undefined;
-    return "" + value;
+    if (typeof value === 'boolean') return value ? '1' : undefined;
+    return '' + value;
 }
 function $380ed8f3903c3931$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints) {
     let style = {};
@@ -400,15 +400,15 @@ function $380ed8f3903c3931$export$f3c39bb9534218d0(props, handlers, direction, m
         let styleProp = handlers[key];
         if (!styleProp || props[key] == null) continue;
         let [name, convert] = styleProp;
-        if (typeof name === "function") name = name(direction);
+        if (typeof name === 'function') name = name(direction);
         let prop = $380ed8f3903c3931$export$52dbfdbe1b2c3541(props[key], matchedBreakpoints);
         let value = convert(prop, props.colorVersion);
         if (Array.isArray(name)) for (let k of name)style[k] = value;
         else style[name] = value;
     }
     for(let prop in $380ed8f3903c3931$var$borderStyleProps)if (style[prop]) {
-        style[$380ed8f3903c3931$var$borderStyleProps[prop]] = "solid";
-        style.boxSizing = "border-box";
+        style[$380ed8f3903c3931$var$borderStyleProps[prop]] = 'solid';
+        style.boxSizing = 'border-box';
     }
     return style;
 }
@@ -417,7 +417,7 @@ function $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props, handlers = $380ed8f390
     let breakpointProvider = (0, $1051245f87c5981d$export$199d6754bdf4e1e3)();
     let { direction: direction } = (0, $9Di9g$useLocale)();
     let { matchedBreakpoints: matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
-        "base"
+        'base'
     ] } = options;
     let styles = $380ed8f3903c3931$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints);
     let style = {
@@ -441,7 +441,7 @@ function $380ed8f3903c3931$export$46b6c81d11d2c30a(value) {
     return value;
 }
 function $380ed8f3903c3931$export$52dbfdbe1b2c3541(prop, matchedBreakpoints) {
-    if (prop && typeof prop === "object" && !Array.isArray(prop)) {
+    if (prop && typeof prop === 'object' && !Array.isArray(prop)) {
         for(let i = 0; i < matchedBreakpoints.length; i++){
             let breakpoint = matchedBreakpoints[i];
             if (prop[breakpoint] != null) return prop[breakpoint];
@@ -453,4 +453,4 @@ function $380ed8f3903c3931$export$52dbfdbe1b2c3541(prop, matchedBreakpoints) {
 
 
 export {$380ed8f3903c3931$export$fe9c6e915565b4e8 as baseStyleProps, $380ed8f3903c3931$export$abc24f5b99744ea6 as dimensionValue, $380ed8f3903c3931$export$46b6c81d11d2c30a as passthroughStyle, $380ed8f3903c3931$export$e0705d1a55f297c as viewStyleProps, $380ed8f3903c3931$export$f348bec194f2e6b5 as responsiveDimensionValue, $380ed8f3903c3931$export$52dbfdbe1b2c3541 as getResponsiveProp, $380ed8f3903c3931$export$f3c39bb9534218d0 as convertStyleProps, $380ed8f3903c3931$export$b8e6fb9d2dff3f41 as useStyleProps};
-//# sourceMappingURL=styleProps.mjs.map
+//# sourceMappingURL=styleProps.module.js.map