@nypl/design-system-react-components 3.2.0-tooltip-rc-2 → 3.2.0-tooltip-rc-3

package/dist/design-system-react-components.js

@@ -2130,7 +2130,7 @@ const O_ = F1(
       content: i,
       id: p,
       placement: C = "top",
-      elevation: v = 0,
+      offset: v = [0, 7.5],
       isDisabled: y,
       shouldWrapChildren: L,
       ...M
@@ -2144,7 +2144,7 @@ const O_ = F1(
       }
     );
     const E = L ? /* @__PURE__ */ x.jsx(N6, { width: "fit-content", children: o }) : o, k = R3("Tooltip", {});
-    return /* @__PURE__ */ x.jsx(
+    return console.log(v), /* @__PURE__ */ x.jsx(
       WS,
       {
         "aria-label": typeof i != "string" ? "Tooltip" : void 0,
@@ -2157,8 +2157,9 @@ const O_ = F1(
         label: i,
         openDelay: 500,
         placement: C,
+        offset: v,
         ref: a,
-        sx: { ...k, marginTop: `${v}px` },
+        sx: k,
         ...M,
         children: E
       }
@@ -37408,6 +37409,7 @@ const {
     fontSize: "desktop.caption",
     marginBottom: "xxs",
     maxWidth: "240px",
+    marginTop: "0px",
     px: "s",
     py: "xs",
     _dark: {

package/dist/src/components/Tooltip/Tooltip.d.ts

@@ -14,9 +14,9 @@ export interface TooltipProps {
     /** Wraps the children of the tooltip in `ComponentWrapper` with `tabIndex=0` when true. */
     shouldWrapChildren?: boolean;
     /** The placement of the tooltip relative to its children. */
-    placement?: "top" | "left" | "bottom" | "right";
-    /** The marginTop of the tooltip. */
-    elevation?: number;
+    placement?: "top" | "left" | "bottom" | "right" | "auto";
+    /** The main and cross-axis offset to displace the tooltip from the center of its children. */
+    offset?: [number, number];
 }
 export declare const Tooltip: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<TooltipProps> & React.RefAttributes<HTMLDivElement>>, React.PropsWithChildren<TooltipProps>>;
 export default Tooltip;

package/dist/src/theme/components/tooltip.d.ts

@@ -10,6 +10,7 @@ declare const Tooltip: {
         fontSize: string;
         marginBottom: string;
         maxWidth: string;
+        marginTop: string;
         px: string;
         py: string;
         _dark: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "3.2.0-tooltip-rc-2",
+  "version": "3.2.0-tooltip-rc-3",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",