@luscii-healthtech/web-ui 48.6.2 → 49.0.0

package/dist/index.development.js

@@ -3389,10 +3389,13 @@ function Card(props) {
     modifier: "hover",
     transition: true
   });
-  const classes = classNames__default.default("ui:overflow-hidden", "ui:bg-white", "ui:transition-colors ui:duration-300", className, hoverShadowClassName, "ui:transition-shadow ui:duration-300", "ui:relative", "ui:before:contain-strict ui:before:transition[transform, opacity] ui:before:delay-50 ui:before:duration-150 ui:before:motion-reduce:duration-[0ms]!", "ui:before:origin-left ui:before:absolute ui:before:left-0 ui:before:content-[''] ui:before:inset-y-0 ui:before:ease-in-out", {
+  const outerClasses = classNames__default.default("ui:bg-white", "ui:transition-colors ui:duration-300", className, hoverShadowClassName, "ui:transition-shadow ui:duration-300");
+  const innerClasses = classNames__default.default("ui:bg-white ui:rounded-inherit ui:border ui:border-transparent ui:transition[border-color] ui:duration-300 ui:motion-reduce:duration-[0ms]! ui:overflow-hidden", "ui:relative", "ui:before:contain-strict ui:before:transition[transform, opacity] ui:before:delay-50 ui:before:duration-150 ui:before:motion-reduce:duration-[0ms]!", "ui:before:origin-left ui:before:absolute ui:before:left-0 ui:before:content-[''] ui:before:inset-y-0 ui:before:ease-in-out", {
+    "ui:border-slate-300": border || highlighted,
+    "ui:hover:border-slate-400": hasHoverEffect,
     "ui:before:opacity-0 ui:before:scale-x-0": !highlighted,
     "ui:before:opacity-100 ui:before:scale-x-100": highlighted,
-    "relative ui:before:bg-primary": highlighted,
+    "ui:before:bg-primary": highlighted,
     "ui:before:w-xxxxs": ["none", "xxxxs"].includes(borderRadius),
     "ui:before:w-xxxs": borderRadius === "xxxs",
     "ui:before:w-xxs": borderRadius === "xxs",
@@ -3401,10 +3404,7 @@ function Card(props) {
     "ui:before:w-m": ["m", "l", "xl", "xxl"].includes(borderRadius)
     // We cap at `ui:before:w-m` otherwise the bar overlaps the contents of the Card.
   });
-  return jsxRuntime.jsx(Box, Object.assign({ as: Element, elevation: highlighted && !elevation ? "large" : elevation, borderRadius }, rest, { className: classes, children: jsxRuntime.jsxs(Box, { className: classNames__default.default("ui:bg-white ui:rounded-inherit ui:border ui:border-transparent ui:transition[border-color] ui:duration-300 ui:motion-reduce:duration-[0ms]!", {
-    "ui:border-slate-300": border || highlighted,
-    "ui:hover:border-slate-400": hasHoverEffect
-  }), children: [jsxRuntime.jsx(RenderTopBar, Object.assign({}, props)), padding ? jsxRuntime.jsx(Padding$1, { children }) : children] }) }));
+  return jsxRuntime.jsx(Box, Object.assign({ as: Element, elevation: highlighted && !elevation ? "large" : elevation, borderRadius }, rest, { className: outerClasses, children: jsxRuntime.jsxs(Box, { className: innerClasses, children: [jsxRuntime.jsx(RenderTopBar, Object.assign({}, props)), padding ? jsxRuntime.jsx(Padding$1, { children }) : children] }) }));
 }
 Card.Title = (props) => jsxRuntime.jsx(Title, Object.assign({ variant: "sm" }, props));
 Card.TopBar = TopBar;
@@ -3991,18 +3991,15 @@ function Table(_a) {
 const isPlainText = (node) => {
   return typeof node === "string" || typeof node === "number";
 };
-const TableRoot = React__namespace.default.forwardRef((_a, wrapperRef) => {
+const TableRoot = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, sticky, headerBackground = "none", variant = "fit-content", layout = "auto" } = _a, attrs = __rest(_a, ["className", "children", "sticky", "headerBackground", "variant", "layout"]);
   const stickyHeader = sticky === "header" || sticky === "header-and-first-column";
   const stickyFirstColumn = sticky === "first-column" || sticky === "header-and-first-column";
-  const firstColBg = headerBackground === "first-column" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
-  const firstRowBg = headerBackground === "first-row" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
-  const cornerCellBg = headerBackground !== "none" ? "#f8fafc" : "#ffffff";
+  const firstColBg = headerBackground === "first-column" || headerBackground === "first-row-and-column" ? "#f8fafc" : "unset";
+  const firstRowBg = headerBackground === "first-row" || headerBackground === "first-row-and-column" ? "#f8fafc" : "unset";
+  const cornerCellBg = headerBackground !== "none" ? "#f8fafc" : "unset";
   const hasTFoot = React__namespace.default.Children.toArray(children).some((child) => React__namespace.default.isValidElement(child) && child.type === TFoot);
-  return jsxRuntime.jsx("div", { className: classNames__default.default("ui:rounded-2xl ui:overflow-auto ui:border ui:border-neutral-border-high-contrast", {
-    "ui:w-fit": variant === "fit-content",
-    "ui:w-full": variant === "full-width"
-  }, className), ref: wrapperRef, children: jsxRuntime.jsxs("table", Object.assign({ className: classNames__default.default({
+  return jsxRuntime.jsxs("table", Object.assign({ ref, className: classNames__default.default(className, {
     "ui:w-fit": variant === "fit-content",
     "ui:w-full": variant === "full-width",
     "ui:table-auto": layout === "auto",
@@ -4044,7 +4041,7 @@ const TableRoot = React__namespace.default.forwardRef((_a, wrapperRef) => {
       return jsxRuntime.jsx(Tbody, Object.assign({}, child.props, { hasTFoot, children: child.props.children }));
     }
     return child;
-  })] })) });
+  })] }));
 });
 function Thead(_a) {
   var { className, children, stickyHeader } = _a, attrs = __rest(_a, ["className", "children", "stickyHeader"]);
@@ -4076,13 +4073,6 @@ function Tbody(_a) {
     {
       "ui:[&>tr:last-child>td]:border-b ui:[&>tr:last-child>th]:border-b": hasTFoot
     },
-    // Rounded corners for the first and last row
-    {
-      "ui:[&>tr:first-child>td:first-child]:rounded-tl-2xl": !hasTFoot,
-      "ui:[&>tr:first-child>td:last-child]:rounded-tr-2xl": !hasTFoot,
-      "ui:[&>tr:last-child>td:first-child]:rounded-bl-2xl": !hasTFoot,
-      "ui:[&>tr:last-child>td:last-child]:rounded-br-2xl": !hasTFoot
-    },
     className
   ) }, attrs, { children }));
 }
@@ -4092,7 +4082,7 @@ function TFoot(_a) {
 }
 function Tr(_a) {
   var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx("tr", Object.assign({ className: classNames__default.default(className) }, attrs, { children }));
+  return jsxRuntime.jsx(Box, Object.assign({ as: "tr", className: classNames__default.default(className) }, attrs, { children }));
 }
 const getCellClasses = (options) => {
   return classNames__default.default("ui:align-middle ui:first:pl-l ui:last:pr-l ui:text-left", {