@eqtylab/equality 1.4.0 → 1.5.0

package/dist/badge.module.module.css.module.css

@@ -9,6 +9,8 @@
   display: flex;
   align-items: center;
   width: max-content;
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
 }
 .badge--md {
   padding-inline: calc(0.25rem * 2);
@@ -186,3 +188,23 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}

package/dist/index.cjs

@@ -2804,21 +2804,62 @@ function SortButton({
   ] });
 }
 var tableElevationVariants = generateElevationVariants(styles50__default.default, "table", ELEVATION.RAISED);
-var TableContainer = React15__namespace.forwardRef(({ className, elevation = ELEVATION.RAISED, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles50__default.default["table"], tableElevationVariants({ elevation }), className), children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: styles50__default.default["table-inner"], ...props }) }));
+var TableContainer = React15__namespace.forwardRef(({ className, style, elevation = ELEVATION.RAISED, tableLayout, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn(styles50__default.default["table"], tableElevationVariants({ elevation }), className),
+    style,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "table",
+      {
+        ref,
+        className: styles50__default.default["table-inner"],
+        style: tableLayout ? { tableLayout } : void 0,
+        ...props
+      }
+    )
+  }
+));
 TableContainer.displayName = "Table";
-var TableHeader = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn(styles50__default.default["table-header"], className), ...props }));
+var TableHeader = React15__namespace.forwardRef(({ className, sticky, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "thead",
+  {
+    ref,
+    className: cn(styles50__default.default["table-header"], sticky && styles50__default.default["table-header--sticky"], className),
+    ...props
+  }
+));
 TableHeader.displayName = "TableHeader";
 var TableBody = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn(styles50__default.default["table-body"], className), ...props }));
 TableBody.displayName = "TableBody";
 var TableFooter = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ref, className: cn(styles50__default.default["table-footer"], className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = React15__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, className: cn(styles50__default.default["table-row"], className), ...props })
-);
+var TableRow = React15__namespace.forwardRef(({ className, clickable, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tr",
+  {
+    ref,
+    className: cn(styles50__default.default["table-row"], clickable && styles50__default.default["table-row--clickable"], className),
+    ...props
+  }
+));
 TableRow.displayName = "TableRow";
-var TableHead = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("th", { ref, className: cn(styles50__default.default["table-head"], className), ...props }));
+var TableHead = React15__namespace.forwardRef(({ className, truncate, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    ref,
+    className: cn(styles50__default.default["table-head"], truncate && styles50__default.default["table-head--truncate"], className),
+    ...props
+  }
+));
 TableHead.displayName = "TableHead";
-var TableCell = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: cn(styles50__default.default["table-cell"], className), ...props }));
+var TableCell = React15__namespace.forwardRef(({ className, truncate, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "td",
+  {
+    ref,
+    className: cn(styles50__default.default["table-cell"], truncate && styles50__default.default["table-cell--truncate"], className),
+    ...props
+  }
+));
 TableCell.displayName = "TableCell";
 var TableCaption = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn(styles50__default.default["table-caption"], className), ...props }));
 TableCaption.displayName = "TableCaption";
@@ -2829,7 +2870,8 @@ var Table = ({
   className,
   border = false,
   elevation = ELEVATION.BASE,
-  emptyState
+  emptyState,
+  tableLayout
 }) => {
   const isEmpty = rows.length === 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2841,12 +2883,13 @@ var Table = ({
         tableElevationVariants2({ elevation }),
         className
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(TableContainer, { elevation, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(TableContainer, { elevation, tableLayout, children: [
         /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: column.className, children: column.content }, column.key)) }) }),
         isEmpty && emptyState ? /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: columns.length, className: styles51__default.default["table-empty-state"], children: emptyState }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
           TableRow,
           {
-            className: cn(row.className, row.onClick && styles51__default.default["table-row-clickable"]),
+            className: row.className,
+            clickable: !!row.onClick,
             onClick: row.onClick,
             children: row.cells.map((cell) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: cell.className, children: cell.content }, cell.key))
           },