@sanity/ui 2.0.0-alpha.22 → 2.0.0-alpha.24

package/dist/index.esm.js

@@ -3823,13 +3823,13 @@ const studioTheme = {
   avatar: {
     sizes: [{
       distance: -3,
-      size: 23
+      size: 19
     }, {
       distance: -6,
-      size: 33
+      size: 31
     }, {
       distance: -9,
-      size: 53
+      size: 51
     }],
     focusRing: {
       offset: 0,
@@ -4869,7 +4869,8 @@ const avatarStyle = {
   arrow: avatarArrowStyle,
   bgStroke: avatarBgStrokeStyle,
   stroke: avatarStrokeStyle,
-  initials: avatarInitialsStyle
+  initials: avatarInitialsStyle,
+  image: avatarImageStyle
 };
 function avatarArrowStyle() {
   return {
@@ -4976,6 +4977,11 @@ function responsiveAvatarSizeStyle(props) {
     };
   });
 }
+function avatarImageStyle() {
+  return {
+    position: "relative"
+  };
+}
 function avatarInitialsStyle(props) {
   const {
     theme
@@ -5017,6 +5023,7 @@ const Arrow = styled.div(avatarStyle.arrow);
 const BgStroke = styled.ellipse(avatarStyle.bgStroke);
 const Stroke = styled.ellipse(avatarStyle.stroke);
 const Initials = styled.div(avatarStyle.initials);
+const Image = styled.svg(avatarStyle.image);
 const Avatar = forwardRef(function Avatar2(props, ref) {
   const {
     __unstable_hideInnerStroke,
@@ -5081,7 +5088,7 @@ const Avatar = forwardRef(function Avatar2(props, ref) {
           fill: color
         })
       })
-    }), !imageFailed && src && /* @__PURE__ */jsxs("svg", {
+    }), !imageFailed && src && /* @__PURE__ */jsxs(Image, {
       viewBox: "0 0 ".concat(_sizeRem, " ").concat(_sizeRem),
       fill: "none",
       children: [/* @__PURE__ */jsx("defs", {
@@ -7863,10 +7870,6 @@ function TooltipDelayGroupProvider(props) {
   } = props;
   const [isGroupActive, setIsGroupActive] = useDelayedState(false);
   const [openTooltipId, setOpenTooltipId] = useDelayedState(null);
-  const isInsideContext = useTooltipDelayGroup();
-  if (isInsideContext) {
-    throw new Error("TooltipDelayGroupProvider cannot be nested inside another TooltipDelayGroupProvider");
-  }
   const openDelay = typeof delay === "number" ? delay : (delay == null ? void 0 : delay.open) || 0;
   const closeDelay = typeof delay === "number" ? delay : (delay == null ? void 0 : delay.close) || 0;
   const value = useMemo(() => ({
@@ -8031,7 +8034,7 @@ const Tooltip = forwardRef(function Tooltip2(props, ref) {
     (_b2 = (_a3 = childProp == null ? void 0 : childProp.props) == null ? void 0 : _a3.onMouseLeave) == null ? void 0 : _b2.call(_a3, e);
   }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]);
   useEffect(() => {
-    if (!isOpen) return;
+    if (!showTooltip) return;
     function handleWindowMouseMove(event) {
       if (!referenceElement) return;
       const isHoveringReference = referenceElement === event.target || event.target instanceof Node && referenceElement.contains(event.target);
@@ -8044,13 +8047,13 @@ const Tooltip = forwardRef(function Tooltip2(props, ref) {
     return () => {
       window.removeEventListener("mousemove", handleWindowMouseMove);
     };
-  }, [isOpen, referenceElement, handleIsOpenChange]);
+  }, [showTooltip, referenceElement, handleIsOpenChange]);
   useEffect(() => {
-    if (disabled) handleIsOpenChange(false);
-  }, [disabled, handleIsOpenChange]);
+    if (disabled && showTooltip) handleIsOpenChange(false);
+  }, [disabled, handleIsOpenChange, showTooltip]);
   useEffect(() => {
-    if (!content) handleIsOpenChange(false);
-  }, [content, handleIsOpenChange]);
+    if (!content && showTooltip) handleIsOpenChange(false);
+  }, [content, handleIsOpenChange, showTooltip]);
   useEffect(() => refs.setReference(referenceElement), [referenceElement, refs]);
   useEffect(() => {
     if (!showTooltip) return;