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

package/dist/index.js

@@ -5333,7 +5333,8 @@ function badgeStyle(props) {
   const palette = theme.sanity.color[$mode === "outline" ? "muted" : "solid"];
   const color = palette[$tone] || palette.default;
   return {
-    backgroundColor: color.enabled.bg,
+    "--card-fg-color": color.enabled.fg,
+    backgroundColor: color.enabled.bg2,
     color: color.enabled.fg,
     boxShadow: "inset 0 0 0 1px ".concat(color.enabled.border),
     cursor: "default",
@@ -7816,6 +7817,7 @@ function useDelayedState(initialState) {
   }, []);
   return [state, onStateChange];
 }
+const DEFAULT_TOOLTIP_DISTANCE = 4;
 const DEFAULT_TOOLTIP_PADDING = 4;
 const DEFAULT_FALLBACK_PLACEMENTS = {
   top: ["bottom", "left", "right"],
@@ -7911,6 +7913,7 @@ const Tooltip = react.forwardRef(function Tooltip2(props, ref) {
   const boundaryElementContext = useBoundaryElement();
   const theme = useTheme();
   const {
+    arrow: arrowProp = true,
     boundaryElement = boundaryElementContext == null ? void 0 : boundaryElementContext.element,
     children: childProp,
     content,
@@ -7945,19 +7948,21 @@ const Tooltip = react.forwardRef(function Tooltip2(props, ref) {
       rootBoundary
     }));
     ret.push(reactDom$1.offset({
-      mainAxis: 3
+      mainAxis: DEFAULT_TOOLTIP_DISTANCE
     }));
     ret.push(reactDom$1.shift({
       boundary: boundaryElement || void 0,
       rootBoundary,
       padding: DEFAULT_TOOLTIP_PADDING
     }));
-    ret.push(reactDom$1.arrow({
-      element: arrowRef,
-      padding: 2
-    }));
+    if (arrowProp) {
+      ret.push(reactDom$1.arrow({
+        element: arrowRef,
+        padding: 2
+      }));
+    }
     return ret;
-  }, [boundaryElement, fallbackPlacements]);
+  }, [arrowProp, boundaryElement, fallbackPlacements]);
   const {
     floatingStyles,
     placement,
@@ -8117,7 +8122,7 @@ const Tooltip = react.forwardRef(function Tooltip2(props, ref) {
       radius: 3,
       scheme,
       shadow,
-      children: [content, /* @__PURE__ */jsxRuntime.jsx(TooltipArrow, {
+      children: [content, arrowProp && /* @__PURE__ */jsxRuntime.jsx(TooltipArrow, {
         ref: setArrow,
         style: arrowStyle
       })]
@@ -8262,7 +8267,7 @@ const InnerAutocomplete = react.forwardRef(function InnerAutocomplete2(props, re
     padding: paddingProp = 3,
     popover = EMPTY_RECORD,
     prefix,
-    radius = 3,
+    radius = 2,
     readOnly,
     relatedElements,
     renderOption: renderOptionProp,
@@ -10087,6 +10092,7 @@ function Toast(props) {
     closable,
     description,
     onClose,
+    radius = 3,
     title,
     status,
     ...restProps
@@ -10098,7 +10104,7 @@ function Toast(props) {
     role,
     ...restProps,
     marginTop: 3,
-    radius: 2,
+    radius,
     shadow: 2,
     tone: cardTone,
     children: /* @__PURE__ */jsxRuntime.jsxs(Flex, {
@@ -10109,7 +10115,8 @@ function Toast(props) {
         children: /* @__PURE__ */jsxRuntime.jsxs(Stack, {
           space: 3,
           children: [title && /* @__PURE__ */jsxRuntime.jsx(Text, {
-            weight: "semibold",
+            size: 1,
+            weight: "medium",
             children: title
           }), description && /* @__PURE__ */jsxRuntime.jsx(Text, {
             muted: true,