@sanity/ui 3.0.0-static.5 → 3.0.0-static.6

package/dist/_chunks-cjs/_visual-editing.js

@@ -135,6 +135,10 @@ const createColorTheme = theme.createColorTheme, hexToRgb = theme.hexToRgb, hslT
     visualDuration: 0.2,
     bounce: 0.25
   }
+}, Z_OFFSETS = {
+  dialog: 600,
+  popover: 400,
+  tooltip: 200
 };
 function _isEnterToClickElement(element) {
   return isHTMLAnchorElement(element) || isHTMLButtonElement(element);
@@ -945,7 +949,7 @@ const LazyRefractor = react.lazy(() => Promise.resolve().then(function() {
     weight,
     ...restProps
   } = props, $[0] = props, $[1] = children, $[2] = className, $[3] = languageProp, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = weight) : (children = $[1], className = $[2], languageProp = $[3], restProps = $[4], t0 = $[5], t1 = $[6], weight = $[7]);
-  const As = t0 === void 0 ? "pre" : t0, size2 = t1 === void 0 ? 1 : t1, language = typeof languageProp == "string" ? languageProp : void 0;
+  const As = t0 === void 0 ? "pre" : t0, size2 = t1 === void 0 ? 2 : t1, language = typeof languageProp == "string" ? languageProp : void 0;
   let t2;
   $[8] !== className || $[9] !== size2 || $[10] !== weight ? (t2 = css.composeClassNames(className, css.code({
     size: size2,
@@ -1781,6 +1785,7 @@ const ViewportOverlay = () => {
     __unstable_margins: margins = DEFAULT_POPOVER_MARGINS,
     animate: _animate = !1,
     arrow: arrowProp = !1,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     boundaryElement = boundaryElementContext.element,
     children: childProp,
     constrainSize = !1,
@@ -1806,7 +1811,7 @@ const ViewportOverlay = () => {
     tone = "inherit",
     width: widthProp = "auto",
     // zOffset: zOffsetProp = layer.popover.zOffset,
-    zOffset: zOffsetProp,
+    zOffset: zOffsetProp = Z_OFFSETS.popover,
     updateRef,
     ...restProps
   } = props, animate = usePrefersReducedMotion() ? !1 : _animate, zOffset = useArrayProp(zOffsetProp), ref = react.useRef(null), arrowRef = react.useRef(null), rootBoundary = "viewport";
@@ -2122,7 +2127,7 @@ const CLEAR_BUTTON_BOX_STYLE = {
     __unstable_disableFocusRing = t72, t0 = t82, className = t92, clearButton = t102, t1 = t112, t2 = t122, gap = t132, IconComponent = t142, IconRightComponent = t152, onClear = t162, t3 = t172, prefix = t182, t4 = t192, readOnly = t202, t5 = t212, suffix = t222, customValidity = t232, t6 = t242, width = t252, restProps = t262, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = __unstable_disableFocusRing, $[4] = className, $[5] = clearButton, $[6] = customValidity, $[7] = gap, $[8] = onClear, $[9] = prefix, $[10] = readOnly, $[11] = restProps, $[12] = suffix, $[13] = t0, $[14] = t1, $[15] = t2, $[16] = t3, $[17] = t4, $[18] = t5, $[19] = t6, $[20] = width;
   } else
     IconComponent = $[1], IconRightComponent = $[2], __unstable_disableFocusRing = $[3], className = $[4], clearButton = $[5], customValidity = $[6], gap = $[7], onClear = $[8], prefix = $[9], readOnly = $[10], restProps = $[11], suffix = $[12], t0 = $[13], t1 = $[14], t2 = $[15], t3 = $[16], t4 = $[17], t5 = $[18], t6 = $[19], width = $[20];
-  const border = t0 === void 0 ? !0 : t0, disabled = t1 === void 0 ? !1 : t1, fontSize = t2 === void 0 ? 1 : t2, padding = t3 === void 0 ? 3 : t3, radius = t4 === void 0 ? 2 : t4, space = t5 === void 0 ? 3 : t5, type = t6 === void 0 ? "text" : t6, ref = react.useRef(null), paddingArray = useArrayProp(padding), withClearButton = !!clearButton;
+  const border = t0 === void 0 ? !0 : t0, disabled = t1 === void 0 ? !1 : t1, fontSize = t2 === void 0 ? 2 : t2, padding = t3 === void 0 ? 3 : t3, radius = t4 === void 0 ? 2 : t4, space = t5 === void 0 ? 3 : t5, type = t6 === void 0 ? "text" : t6, ref = react.useRef(null), paddingArray = useArrayProp(padding), withClearButton = !!clearButton;
   let t7;
   $[21] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => ref.current, $[21] = t7) : t7 = $[21], react.useImperativeHandle(forwardedRef, t7), useCustomValidity(ref, customValidity);
   const handleClearMouseDown = _temp;
@@ -2323,8 +2328,6 @@ function useTooltipDelayGroup() {
 }
 const Tooltip = react.forwardRef(function(props, forwardedRef) {
   const boundaryElementContext = useBoundaryElement(), {
-    layer
-  } = useTheme_v2(), {
     animate: _animate = !1,
     arrow: arrowProp = !1,
     boundaryElement = boundaryElementContext?.element,
@@ -2340,7 +2343,7 @@ const Tooltip = react.forwardRef(function(props, forwardedRef) {
     radius = 3,
     scheme,
     shadow = 2,
-    zOffset = layer.tooltip.zOffset,
+    zOffset = Z_OFFSETS.tooltip,
     tone,
     ...restProps
   } = props, animate = usePrefersReducedMotion() ? !1 : _animate, fallbackPlacements = useArrayProp(fallbackPlacementsProp), ref = react.useRef(null), [referenceElement, setReferenceElement] = react.useState(null), arrowRef = react.useRef(null), rootBoundary = "viewport", [tooltipMaxWidth, setTooltipMaxWidth] = react.useState(0);
@@ -3090,6 +3093,7 @@ exports.Tooltip = Tooltip;
 exports.TooltipDelayGroupContext = TooltipDelayGroupContext;
 exports.TooltipDelayGroupProvider = TooltipDelayGroupProvider;
 exports.VirtualList = VirtualList;
+exports.Z_OFFSETS = Z_OFFSETS;
 exports._ResizeObserver = _ResizeObserver;
 exports._elementSizeObserver = _elementSizeObserver;
 exports._getArrayProp = _getArrayProp;