@refinn/core-ui 0.1.23 → 0.1.25

package/dist/index.cjs

@@ -1709,6 +1709,7 @@ var Tooltip = (0, import_react14.forwardRef)(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, []);
+    const visibilityClass = isVisible || isHovered ? "opacity-100" : "opacity-0 pointer-events-none";
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       __spreadProps(__spreadValues({
@@ -1736,7 +1737,7 @@ var Tooltip = (0, import_react14.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "div",
             {
-              className: `min-w-100 max-w-300 whitespace-nowrap rounded bg-gray-900 text-white ${size === "lg" ? "text-body-regular py-12 px-16" : size === "md" ? "text-body-small px-12 pt-10 pb-8" : "text-body-small px-8 pt-6 pb-4"} ${position === "right" && `absolute left-full top-1/2 z-20 ml-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "top" && `absolute bottom-full left-1/2 z-20 mb-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "left" && `absolute right-full top-1/2 z-20 mr-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "bottom" && `absolute left-1/2 top-full z-20 mt-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}`}`,
+              className: `min-w-100 max-w-300 whitespace-nowrap rounded bg-gray-900 text-white ${size === "lg" ? "text-body-regular py-12 px-16" : size === "md" ? "text-body-small px-12 pt-10 pb-8" : "text-body-small px-8 pt-6 pb-4"} ${position === "right" && `absolute left-full top-1/2 z-20 ml-8 -translate-y-1/2 ${visibilityClass}` || position === "top" && `absolute bottom-full left-1/2 z-20 mb-8 -translate-x-1/2 ${visibilityClass}` || position === "left" && `absolute right-full top-1/2 z-20 mr-8 -translate-y-1/2 ${visibilityClass}` || position === "bottom" && `absolute left-1/2 top-full z-20 mt-8 -translate-x-1/2 ${visibilityClass}`}`,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "span",
@@ -2666,11 +2667,11 @@ var SegmentControl = (0, import_react21.forwardRef)(
                 setSelected == null ? void 0 : setSelected(item.value);
                 onChange == null ? void 0 : onChange(item.value);
               },
-              className: "group flex-1 min-w-0 rounded-full border-2 border-transparent p-2 outline-none cursor-pointer transition-colors focus-visible:border-segmented-control-border-focus",
+              className: "group flex-1 min-w-0 rounded-full outline-none cursor-pointer",
               children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 "span",
                 {
-                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
+                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-segmented-control-border-focus ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
                   children: item.label
                 }
               )

package/dist/index.js

@@ -1700,6 +1700,7 @@ var Tooltip = forwardRef14(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, []);
+    const visibilityClass = isVisible || isHovered ? "opacity-100" : "opacity-0 pointer-events-none";
     return /* @__PURE__ */ jsxs12(
       "div",
       __spreadProps(__spreadValues({
@@ -1727,7 +1728,7 @@ var Tooltip = forwardRef14(
           /* @__PURE__ */ jsxs12(
             "div",
             {
-              className: `min-w-100 max-w-300 whitespace-nowrap rounded bg-gray-900 text-white ${size === "lg" ? "text-body-regular py-12 px-16" : size === "md" ? "text-body-small px-12 pt-10 pb-8" : "text-body-small px-8 pt-6 pb-4"} ${position === "right" && `absolute left-full top-1/2 z-20 ml-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "top" && `absolute bottom-full left-1/2 z-20 mb-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "left" && `absolute right-full top-1/2 z-20 mr-8 -translate-y-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}` || position === "bottom" && `absolute left-1/2 top-full z-20 mt-8 -translate-x-1/2 ${isVisible || isHovered ? "opacity-100" : "opacity-0"}`}`,
+              className: `min-w-100 max-w-300 whitespace-nowrap rounded bg-gray-900 text-white ${size === "lg" ? "text-body-regular py-12 px-16" : size === "md" ? "text-body-small px-12 pt-10 pb-8" : "text-body-small px-8 pt-6 pb-4"} ${position === "right" && `absolute left-full top-1/2 z-20 ml-8 -translate-y-1/2 ${visibilityClass}` || position === "top" && `absolute bottom-full left-1/2 z-20 mb-8 -translate-x-1/2 ${visibilityClass}` || position === "left" && `absolute right-full top-1/2 z-20 mr-8 -translate-y-1/2 ${visibilityClass}` || position === "bottom" && `absolute left-1/2 top-full z-20 mt-8 -translate-x-1/2 ${visibilityClass}`}`,
               children: [
                 /* @__PURE__ */ jsx14(
                   "span",
@@ -2666,11 +2667,11 @@ var SegmentControl = forwardRef21(
                 setSelected == null ? void 0 : setSelected(item.value);
                 onChange == null ? void 0 : onChange(item.value);
               },
-              className: "group flex-1 min-w-0 rounded-full border-2 border-transparent p-2 outline-none cursor-pointer transition-colors focus-visible:border-segmented-control-border-focus",
+              className: "group flex-1 min-w-0 rounded-full outline-none cursor-pointer",
               children: /* @__PURE__ */ jsx21(
                 "span",
                 {
-                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
+                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-segmented-control-border-focus ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
                   children: item.label
                 }
               )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinn/core-ui",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Refinn Design System — UI components + Tailwind v4 theme preset",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",