@umami/react-zen 0.108.0 → 0.110.0

package/dist/index.css

@@ -3327,20 +3327,23 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__N2RhO {
+.Text_text__ZGQ3O {
+  color: var(--font-color);
+}
+.Text_truncate__OTFiO {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-.Text_italic__OTQxO {
+.Text_italic__MzkyY {
   font-style: italic;
 }
-.Text_underline__ZjA1M {
+.Text_underline__MmQxO {
   text-decoration: underline;
 }
-.Text_strikethrough__NTlhM {
+.Text_strikethrough__NzFlM {
   text-decoration: line-through;
 }
 
@@ -3779,17 +3782,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

@@ -29834,7 +29834,7 @@ var import_classnames12 = __toESM(require_classnames());
 var import_classnames11 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
-var Text_default = { "truncate": "Text_truncate__N2RhO", "italic": "Text_italic__OTQxO", "underline": "Text_underline__ZjA1M", "strikethrough": "Text_strikethrough__NTlhM" };
+var Text_default = { "text": "Text_text__ZGQ3O", "truncate": "Text_truncate__OTFiO", "italic": "Text_italic__MzkyY", "underline": "Text_underline__MmQxO", "strikethrough": "Text_strikethrough__NzFlM" };
 
 // src/components/Text.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -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

@@ -29721,7 +29721,7 @@ var import_classnames12 = __toESM(require_classnames());
 var import_classnames11 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
-var Text_default = { "truncate": "Text_truncate__N2RhO", "italic": "Text_italic__OTQxO", "underline": "Text_underline__ZjA1M", "strikethrough": "Text_strikethrough__NTlhM" };
+var Text_default = { "text": "Text_text__ZGQ3O", "truncate": "Text_truncate__OTFiO", "italic": "Text_italic__MzkyY", "underline": "Text_underline__MmQxO", "strikethrough": "Text_strikethrough__NzFlM" };
 
 // src/components/Text.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
@@ -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.108.0",
+  "version": "0.110.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css

@@ -3645,20 +3645,23 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__N2RhO {
+.Text_text__ZGQ3O {
+  color: var(--font-color);
+}
+.Text_truncate__OTFiO {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
-.Text_italic__OTQxO {
+.Text_italic__MzkyY {
   font-style: italic;
 }
-.Text_underline__ZjA1M {
+.Text_underline__MmQxO {
   text-decoration: underline;
 }
-.Text_strikethrough__NTlhM {
+.Text_strikethrough__NzFlM {
   text-decoration: line-through;
 }
 
@@ -4097,17 +4100,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 {