@umami/react-zen 0.107.0 → 0.109.0

package/dist/index.css

@@ -3779,17 +3779,14 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:e32e6d85b42dfdfd441346c5ed822361 */
-.DataTable_datatable__ZmQ3Z {
+.DataTable_datatable__MWRkN {
   position: relative;
   font-size: var(--font-size);
   color: var(--font-color);
 }
-.DataTable_cell__NzZlM {
+.DataTable_cell__MmMyM {
   align-items: center;
 }
-.DataTable_hidden__M2MxN {
-  display: none;
-}
 
 /* virtual-css:css:e66162403f9946d7217dc462fee28120 */
 .Dots_dots__YzQxM {

package/dist/index.js

@@ -30357,7 +30357,7 @@ function TableCell({ children, className, align, ...props }) {
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\DataTable.module.css
-var DataTable_default = { "datatable": "DataTable_datatable__ZmQ3Z", "cell": "DataTable_cell__NzZlM", "hidden": "DataTable_hidden__M2MxN" };
+var DataTable_default = { "datatable": "DataTable_datatable__MWRkN", "cell": "DataTable_cell__MmMyM" };
 
 // src/components/DataTable.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -30377,20 +30377,23 @@ function DataTable({ data = [], className, children, ...props }) {
       }
       return /* @__PURE__ */ (0, import_react180.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, { items, children: (row) => {
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, { children: items.map((row, index) => {
       return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+        if (hidden) {
+          return null;
+        }
         const value = typeof children2 === "function" ? children2(row) : children2 || row[id];
         return /* @__PURE__ */ (0, import_react180.createElement)(
           TableCell,
           {
             ...cellProps,
             key: id,
-            className: (0, import_classnames24.default)(DataTable_default.cell, className2, hidden && DataTable_default.hidden)
+            className: (0, import_classnames24.default)(DataTable_default.cell, className2)
           },
           as ? (0, import_react179.createElement)(as, {}, value) : value
         );
-      }) });
-    } })
+      }) }, index);
+    }) })
   ] });
 }
 function DataColumn(props) {

package/dist/index.mjs

@@ -30244,7 +30244,7 @@ function TableCell({ children, className, align, ...props }) {
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\DataTable.module.css
-var DataTable_default = { "datatable": "DataTable_datatable__ZmQ3Z", "cell": "DataTable_cell__NzZlM", "hidden": "DataTable_hidden__M2MxN" };
+var DataTable_default = { "datatable": "DataTable_datatable__MWRkN", "cell": "DataTable_cell__MmMyM" };
 
 // src/components/DataTable.tsx
 import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -30264,20 +30264,23 @@ function DataTable({ data = [], className, children, ...props }) {
       }
       return /* @__PURE__ */ createElement6(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
-    /* @__PURE__ */ jsx33(TableBody, { items, children: (row) => {
+    /* @__PURE__ */ jsx33(TableBody, { children: items.map((row, index) => {
       return /* @__PURE__ */ jsx33(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+        if (hidden) {
+          return null;
+        }
         const value = typeof children2 === "function" ? children2(row) : children2 || row[id];
         return /* @__PURE__ */ createElement6(
           TableCell,
           {
             ...cellProps,
             key: id,
-            className: (0, import_classnames24.default)(DataTable_default.cell, className2, hidden && DataTable_default.hidden)
+            className: (0, import_classnames24.default)(DataTable_default.cell, className2)
           },
           as ? createElement5(as, {}, value) : value
         );
-      }) });
-    } })
+      }) }, index);
+    }) })
   ] });
 }
 function DataColumn(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.107.0",
+  "version": "0.109.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css

@@ -304,7 +304,7 @@ li {
 }
 
 :where(a, a:active, a:visited, a:hover) {
-  color: currentColor;
+  color: var(--primary-color);
   text-decoration: none;
 }
 
@@ -4097,17 +4097,14 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:e32e6d85b42dfdfd441346c5ed822361 */
-.DataTable_datatable__ZmQ3Z {
+.DataTable_datatable__MWRkN {
   position: relative;
   font-size: var(--font-size);
   color: var(--font-color);
 }
-.DataTable_cell__NzZlM {
+.DataTable_cell__MmMyM {
   align-items: center;
 }
-.DataTable_hidden__M2MxN {
-  display: none;
-}
 
 /* virtual-css:css:e66162403f9946d7217dc462fee28120 */
 .Dots_dots__YzQxM {