@ttoss/ui 5.5.1 → 5.5.3

package/dist/esm/index.js

@@ -625,7 +625,6 @@ var TOOLTIP_LABEL = "tooltip";
 var Label = ({
   children,
   tooltip,
-  onTooltipClick,
   sx,
   ...props
 }) => {
@@ -648,15 +647,15 @@ var Label = ({
         cursor: "pointer"
       },
       "aria-label": TOOLTIP_LABEL,
-      onClick: onTooltipClick,
       children: [/* @__PURE__ */jsx14(Icon6, {
         inline: true,
         icon: "fluent:info-24-regular"
       }), /* @__PURE__ */jsx14(Tooltip, {
         id: tooltipId,
-        clickable: onTooltipClick ? true : false,
-        place: "top",
-        children: tooltip
+        openOnClick: tooltip.openOnClick,
+        clickable: tooltip.clickable,
+        place: tooltip.place,
+        children: tooltip.render
       })]
     })]
   });
@@ -983,26 +982,24 @@ var Tooltip = props => {
   const className = "tooltip-component";
   return /* @__PURE__ */jsx20(Box, {
     sx: ({
-      colors,
       fonts
     }) => {
-      const themeColors = colors;
       return {
         ".tooltip-component": {
           fontFamily: fonts?.body,
-          backgroundColor: themeColors?.feedback?.background?.primary?.default,
+          backgroundColor: "input.background.secondary.default",
           paddingY: "2",
           paddingX: "3",
-          color: themeColors?.feedback?.text?.secondary?.default,
+          color: "feedback.text.secondary.default",
           border: "sm",
           borderRadius: "xl",
-          borderColor: themeColors?.feedback?.border?.primary?.default,
+          borderColor: "feedback.border.secondary.default",
           zIndex: "tooltip",
           opacity: "1",
           lineHeight: "shorter",
           letterSpacing: "wide",
           a: {
-            color: "input.text.primary.default",
+            color: "feedback.text.secondary.default",
             fontFamily: "body",
             textDecorationLine: "underline",
             lineHeight: "normal"

package/dist/index.d.ts

@@ -80,10 +80,14 @@ type InputPasswordProps = Omit<InputProps, 'trailingIcon' | 'onTrailingIconClick
 declare const InputPassword: React.ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type LabelProps = LabelProps$1 & {
-    tooltip?: string | React.ReactNode;
-    onTooltipClick?: () => void;
+    tooltip?: {
+        render: string | React.ReactNode;
+        place: 'top' | 'right' | 'bottom' | 'left';
+        openOnClick?: boolean;
+        clickable?: boolean;
+    };
 };
-declare const Label: ({ children, tooltip, onTooltipClick, sx, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+declare const Label: ({ children, tooltip, sx, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
 type LinkProps = LinkProps$1 & {
     quiet?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "5.5.1",
+  "version": "5.5.3",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "MIT",
   "author": "ttoss",
@@ -28,7 +28,7 @@
     "react-select": "^5.9.0",
     "react-tooltip": "^5.28.0",
     "theme-ui": "^0.17.1",
-    "@ttoss/theme": "^2.5.0"
+    "@ttoss/theme": "^2.5.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11",
@@ -44,8 +44,8 @@
     "react": "^19.0.0",
     "tsup": "^8.3.5",
     "@ttoss/config": "^1.35.2",
-    "@ttoss/react-icons": "^0.4.9",
-    "@ttoss/test-utils": "^2.1.22"
+    "@ttoss/test-utils": "^2.1.22",
+    "@ttoss/react-icons": "^0.4.9"
   },
   "keywords": [
     "React",