@refinn/core-ui 0.1.22 → 0.1.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs +6 -5
  2. package/dist/index.js +6 -5
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1709,6 +1709,7 @@ var Tooltip = (0, import_react14.forwardRef)(
1709
1709
  document.removeEventListener("mousedown", handleClickOutside);
1710
1710
  };
1711
1711
  }, []);
1712
+ const visibilityClass = isVisible || isHovered ? "opacity-100" : "opacity-0 pointer-events-none";
1712
1713
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
1713
1714
  "div",
1714
1715
  __spreadProps(__spreadValues({
@@ -1736,7 +1737,7 @@ var Tooltip = (0, import_react14.forwardRef)(
1736
1737
  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
1737
1738
  "div",
1738
1739
  {
1739
- 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"}`}`,
1740
+ 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}`}`,
1740
1741
  children: [
1741
1742
  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1742
1743
  "span",
@@ -1894,12 +1895,12 @@ var Drawer = (0, import_react15.forwardRef)(
1894
1895
  onMouseDown: (e) => e.stopPropagation()
1895
1896
  }, rest), {
1896
1897
  children: [
1897
- showHeader && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-col w-full items-center border-b border-border-subtle bg-dialog-background-primary", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
1898
+ showHeader && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex w-full shrink-0 flex-col items-center border-b border-border-subtle bg-dialog-background-primary", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
1898
1899
  "div",
1899
1900
  {
1900
1901
  className: [
1901
1902
  "flex shrink-0 items-center gap-8 px-16 pb-12 pt-16 w-full",
1902
- fullScreen ? "lg:gap-16 lg:px-0 lg:py-24 lg:max-w-1216" : "lg:px-24 lg:pb-16 lg:pt-20"
1903
+ fullScreen ? "lg:gap-16 lg:px-24 lg:py-24 lg:max-w-1264 xl:px-0 xl:max-w-1216" : "lg:px-24 lg:pb-16 lg:pt-20"
1903
1904
  ].join(" "),
1904
1905
  children: [
1905
1906
  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
@@ -1935,7 +1936,7 @@ var Drawer = (0, import_react15.forwardRef)(
1935
1936
  {
1936
1937
  className: [
1937
1938
  "flex-1 overflow-y-auto text-body-regular text-dialog-text-primary",
1938
- !noPadding && (fullScreen ? "p-16 lg:px-0 lg:py-24" : "p-16 lg:p-24"),
1939
+ !noPadding && (fullScreen ? "p-16 lg:px-24 xl:px-0 lg:py-24" : "p-16 lg:p-24"),
1939
1940
  background === "secondary" ? "bg-drawer-background-secondary" : "bg-dialog-background-primary"
1940
1941
  ].filter(Boolean).join(" "),
1941
1942
  children: fullScreen && !noPadding ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-auto w-full lg:max-w-1216", children }) : children
@@ -1946,7 +1947,7 @@ var Drawer = (0, import_react15.forwardRef)(
1946
1947
  {
1947
1948
  className: [
1948
1949
  "flex w-full shrink-0 flex-col gap-8 px-16 pb-16 pt-12 lg:flex-row lg:items-center lg:justify-end",
1949
- fullScreen ? "lg:gap-16 lg:px-0 lg:max-w-1216 lg:py-24" : "lg:px-24 lg:pb-24 lg:pt-16"
1950
+ fullScreen ? "lg:gap-16 lg:px-24 lg:max-w-1264 xl:px-0 xl:max-w-1216 lg:py-24" : "lg:px-24 lg:pb-24 lg:pt-16"
1950
1951
  ].join(" "),
1951
1952
  children: allActions ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
1952
1953
  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DrawerAction, { action: dismiss, variant: "tertiary", orderClass: "order-3 lg:order-1" }),
package/dist/index.js CHANGED
@@ -1700,6 +1700,7 @@ var Tooltip = forwardRef14(
1700
1700
  document.removeEventListener("mousedown", handleClickOutside);
1701
1701
  };
1702
1702
  }, []);
1703
+ const visibilityClass = isVisible || isHovered ? "opacity-100" : "opacity-0 pointer-events-none";
1703
1704
  return /* @__PURE__ */ jsxs12(
1704
1705
  "div",
1705
1706
  __spreadProps(__spreadValues({
@@ -1727,7 +1728,7 @@ var Tooltip = forwardRef14(
1727
1728
  /* @__PURE__ */ jsxs12(
1728
1729
  "div",
1729
1730
  {
1730
- 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"}`}`,
1731
+ 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}`}`,
1731
1732
  children: [
1732
1733
  /* @__PURE__ */ jsx14(
1733
1734
  "span",
@@ -1885,12 +1886,12 @@ var Drawer = forwardRef15(
1885
1886
  onMouseDown: (e) => e.stopPropagation()
1886
1887
  }, rest), {
1887
1888
  children: [
1888
- showHeader && /* @__PURE__ */ jsx15("div", { className: "flex flex-col w-full items-center border-b border-border-subtle bg-dialog-background-primary", children: /* @__PURE__ */ jsxs13(
1889
+ showHeader && /* @__PURE__ */ jsx15("div", { className: "flex w-full shrink-0 flex-col items-center border-b border-border-subtle bg-dialog-background-primary", children: /* @__PURE__ */ jsxs13(
1889
1890
  "div",
1890
1891
  {
1891
1892
  className: [
1892
1893
  "flex shrink-0 items-center gap-8 px-16 pb-12 pt-16 w-full",
1893
- fullScreen ? "lg:gap-16 lg:px-0 lg:py-24 lg:max-w-1216" : "lg:px-24 lg:pb-16 lg:pt-20"
1894
+ fullScreen ? "lg:gap-16 lg:px-24 lg:py-24 lg:max-w-1264 xl:px-0 xl:max-w-1216" : "lg:px-24 lg:pb-16 lg:pt-20"
1894
1895
  ].join(" "),
1895
1896
  children: [
1896
1897
  /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
@@ -1926,7 +1927,7 @@ var Drawer = forwardRef15(
1926
1927
  {
1927
1928
  className: [
1928
1929
  "flex-1 overflow-y-auto text-body-regular text-dialog-text-primary",
1929
- !noPadding && (fullScreen ? "p-16 lg:px-0 lg:py-24" : "p-16 lg:p-24"),
1930
+ !noPadding && (fullScreen ? "p-16 lg:px-24 xl:px-0 lg:py-24" : "p-16 lg:p-24"),
1930
1931
  background === "secondary" ? "bg-drawer-background-secondary" : "bg-dialog-background-primary"
1931
1932
  ].filter(Boolean).join(" "),
1932
1933
  children: fullScreen && !noPadding ? /* @__PURE__ */ jsx15("div", { className: "mx-auto w-full lg:max-w-1216", children }) : children
@@ -1937,7 +1938,7 @@ var Drawer = forwardRef15(
1937
1938
  {
1938
1939
  className: [
1939
1940
  "flex w-full shrink-0 flex-col gap-8 px-16 pb-16 pt-12 lg:flex-row lg:items-center lg:justify-end",
1940
- fullScreen ? "lg:gap-16 lg:px-0 lg:max-w-1216 lg:py-24" : "lg:px-24 lg:pb-24 lg:pt-16"
1941
+ fullScreen ? "lg:gap-16 lg:px-24 lg:max-w-1264 xl:px-0 xl:max-w-1216 lg:py-24" : "lg:px-24 lg:pb-24 lg:pt-16"
1941
1942
  ].join(" "),
1942
1943
  children: allActions ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
1943
1944
  /* @__PURE__ */ jsx15(DrawerAction, { action: dismiss, variant: "tertiary", orderClass: "order-3 lg:order-1" }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@refinn/core-ui",
3
- "version": "0.1.22",
3
+ "version": "0.1.24",
4
4
  "description": "Refinn Design System — UI components + Tailwind v4 theme preset",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.js",