@refinn/core-ui 0.1.21 → 0.1.23

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 +8 -8
  2. package/dist/index.js +8 -8
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1894,12 +1894,12 @@ var Drawer = (0, import_react15.forwardRef)(
1894
1894
  onMouseDown: (e) => e.stopPropagation()
1895
1895
  }, rest), {
1896
1896
  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)(
1897
+ 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
1898
  "div",
1899
1899
  {
1900
1900
  className: [
1901
1901
  "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"
1902
+ 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
1903
  ].join(" "),
1904
1904
  children: [
1905
1905
  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
@@ -1917,7 +1917,7 @@ var Drawer = (0, import_react15.forwardRef)(
1917
1917
  className: "lg:hidden!"
1918
1918
  }
1919
1919
  ),
1920
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Tooltip, { size: "sm", position: "left", text: "\u0E1B\u0E34\u0E14\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07", className: "hidden! lg:inline-block!", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1920
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Tooltip, { size: "sm", position: "left", text: "\u0E1B\u0E34\u0E14\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07", className: "hidden! lg:flex!", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1921
1921
  IconButton,
1922
1922
  {
1923
1923
  icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CloseIcon3, { className: "h-24 w-24" }),
@@ -1935,18 +1935,18 @@ var Drawer = (0, import_react15.forwardRef)(
1935
1935
  {
1936
1936
  className: [
1937
1937
  "flex-1 overflow-y-auto text-body-regular text-dialog-text-primary",
1938
- !noPadding && "p-16",
1938
+ !noPadding && (fullScreen ? "p-16 lg:px-24 xl:px-0 lg:py-24" : "p-16 lg:p-24"),
1939
1939
  background === "secondary" ? "bg-drawer-background-secondary" : "bg-dialog-background-primary"
1940
- ].join(" "),
1941
- children
1940
+ ].filter(Boolean).join(" "),
1941
+ children: fullScreen && !noPadding ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "mx-auto w-full lg:max-w-1216", children }) : children
1942
1942
  }
1943
1943
  ),
1944
1944
  showFooter && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `flex shrink-0 w-full flex-col items-center border-t border-border-subtle bg-dialog-background-primary`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
1945
1945
  "div",
1946
1946
  {
1947
1947
  className: [
1948
- "flex 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"
1948
+ "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-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
1950
  ].join(" "),
1951
1951
  children: allActions ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
1952
1952
  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DrawerAction, { action: dismiss, variant: "tertiary", orderClass: "order-3 lg:order-1" }),
package/dist/index.js CHANGED
@@ -1885,12 +1885,12 @@ var Drawer = forwardRef15(
1885
1885
  onMouseDown: (e) => e.stopPropagation()
1886
1886
  }, rest), {
1887
1887
  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(
1888
+ 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
1889
  "div",
1890
1890
  {
1891
1891
  className: [
1892
1892
  "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"
1893
+ 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
1894
  ].join(" "),
1895
1895
  children: [
1896
1896
  /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
@@ -1908,7 +1908,7 @@ var Drawer = forwardRef15(
1908
1908
  className: "lg:hidden!"
1909
1909
  }
1910
1910
  ),
1911
- /* @__PURE__ */ jsx15(Tooltip, { size: "sm", position: "left", text: "\u0E1B\u0E34\u0E14\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07", className: "hidden! lg:inline-block!", children: /* @__PURE__ */ jsx15(
1911
+ /* @__PURE__ */ jsx15(Tooltip, { size: "sm", position: "left", text: "\u0E1B\u0E34\u0E14\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07", className: "hidden! lg:flex!", children: /* @__PURE__ */ jsx15(
1912
1912
  IconButton,
1913
1913
  {
1914
1914
  icon: /* @__PURE__ */ jsx15(CloseIcon3, { className: "h-24 w-24" }),
@@ -1926,18 +1926,18 @@ var Drawer = forwardRef15(
1926
1926
  {
1927
1927
  className: [
1928
1928
  "flex-1 overflow-y-auto text-body-regular text-dialog-text-primary",
1929
- !noPadding && "p-16",
1929
+ !noPadding && (fullScreen ? "p-16 lg:px-24 xl:px-0 lg:py-24" : "p-16 lg:p-24"),
1930
1930
  background === "secondary" ? "bg-drawer-background-secondary" : "bg-dialog-background-primary"
1931
- ].join(" "),
1932
- children
1931
+ ].filter(Boolean).join(" "),
1932
+ children: fullScreen && !noPadding ? /* @__PURE__ */ jsx15("div", { className: "mx-auto w-full lg:max-w-1216", children }) : children
1933
1933
  }
1934
1934
  ),
1935
1935
  showFooter && /* @__PURE__ */ jsx15("div", { className: `flex shrink-0 w-full flex-col items-center border-t border-border-subtle bg-dialog-background-primary`, children: /* @__PURE__ */ jsx15(
1936
1936
  "div",
1937
1937
  {
1938
1938
  className: [
1939
- "flex 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"
1939
+ "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-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
1941
  ].join(" "),
1942
1942
  children: allActions ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
1943
1943
  /* @__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.21",
3
+ "version": "0.1.23",
4
4
  "description": "Refinn Design System — UI components + Tailwind v4 theme preset",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.js",