@umami/react-zen 0.96.0 → 0.97.0

package/dist/index.css

@@ -3714,59 +3714,67 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
-.Table_table__MjczZ {
+.Table_table__YjllN {
   font-size: var(--font-size);
   color: var(--font-color);
   border-collapse: collapse;
   width: 100%;
   position: relative;
 }
-.Table_table__MjczZ th,
-.Table_table__MjczZ td {
+.Table_table__YjllN th,
+.Table_table__YjllN td {
   min-width: 0;
 }
-.Table_header__YjU3M,
-.Table_body__MzgxM {
+.Table_header__NmE0Y,
+.Table_body__ZWYwN {
   display: contents;
 }
-.Table_header__YjU3M {
+.Table_header__NmE0Y {
   display: grid;
   border-bottom: 1px solid var(--border-color);
 }
-.Table_header__YjU3M tr {
+.Table_header__NmE0Y tr {
   display: contents;
 }
-.Table_row__MTdmZ {
+.Table_row__Y2M0Y {
   display: grid;
   border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
 }
-.Table_header__YjU3M .Table_column__ZDFlM:first-child,
-.Table_row__MTdmZ .Table_cell__NzhiM:first-child {
+.Table_header__NmE0Y .Table_column__ZGY2M:first-child,
+.Table_row__Y2M0Y .Table_cell__MmZjM:first-child {
   padding-left: 0;
 }
-.Table_header__YjU3M .Table_column__ZDFlM:last-child,
-.Table_row__MTdmZ .Table_cell__NzhiM:last-child {
+.Table_header__NmE0Y .Table_column__ZGY2M:last-child,
+.Table_row__Y2M0Y .Table_cell__MmZjM:last-child {
   padding-right: 0;
 }
-.Table_column__ZDFlM {
+.Table_column__ZGY2M {
   display: flex;
   padding: var(--padding);
   text-align: left;
   font-weight: 700;
   flex: 1;
 }
-.Table_cell__NzhiM {
+.Table_cell__MmZjM {
   display: flex;
   padding: var(--padding);
   flex: 1;
 }
-.Table_start__ODJiN {
+.Table_row__Y2M0Y .Table_cell__MmZjM a {
+  font-weight: 500;
+  text-decoration: underline var(--base-color-6);
+  text-underline-offset: 4px;
+}
+.Table_row__Y2M0Y .Table_cell__MmZjM a:hover {
+  text-decoration: underline var(--base-color-10);
+}
+.Table_start__NGFiN {
   justify-content: flex-start;
 }
-.Table_center__MTI5M {
+.Table_center__NzFjM {
   justify-content: center;
 }
-.Table_end__MjE3N {
+.Table_end__NmQyY {
   justify-content: flex-end;
 }
 

package/dist/index.js

@@ -30290,7 +30290,7 @@ var import_react179 = require("react");
 var import_classnames23 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Table.module.css
-var Table_default = { "table": "Table_table__MjczZ", "header": "Table_header__YjU3M", "body": "Table_body__MzgxM", "row": "Table_row__MTdmZ", "column": "Table_column__ZDFlM", "cell": "Table_cell__NzhiM", "start": "Table_start__ODJiN", "center": "Table_center__MTI5M", "end": "Table_end__MjE3N" };
+var Table_default = { "table": "Table_table__YjllN", "header": "Table_header__NmE0Y", "body": "Table_body__ZWYwN", "row": "Table_row__Y2M0Y", "column": "Table_column__ZGY2M", "cell": "Table_cell__MmZjM", "start": "Table_start__NGFiN", "center": "Table_center__NzFjM", "end": "Table_end__NmQyY" };
 
 // src/components/Table.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -30345,7 +30345,7 @@ var DataTable_default = { "datatable": "DataTable_datatable__ZmQ3Z", "cell": "Da
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var import_react180 = require("react");
 function DataTable({ data = [], className, children, ...props }) {
-  const items = data.length && data?.[0]?.id === void 0 ? data.map((record, id) => ({ ...record, id })) : data;
+  const items = data.length && data?.[0]?.id === void 0 ? data.map((row, id) => ({ ...row, id })) : data;
   const widths = [];
   const columns = import_react179.Children.map(children, (child) => {
     widths.push(child?.props?.width || "1fr");

package/dist/index.mjs

@@ -30179,7 +30179,7 @@ import { Children as Children2, createElement as createElement5 } from "react";
 var import_classnames23 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Table.module.css
-var Table_default = { "table": "Table_table__MjczZ", "header": "Table_header__YjU3M", "body": "Table_body__MzgxM", "row": "Table_row__MTdmZ", "column": "Table_column__ZDFlM", "cell": "Table_cell__NzhiM", "start": "Table_start__ODJiN", "center": "Table_center__MTI5M", "end": "Table_end__MjE3N" };
+var Table_default = { "table": "Table_table__YjllN", "header": "Table_header__NmE0Y", "body": "Table_body__ZWYwN", "row": "Table_row__Y2M0Y", "column": "Table_column__ZGY2M", "cell": "Table_cell__MmZjM", "start": "Table_start__NGFiN", "center": "Table_center__NzFjM", "end": "Table_end__NmQyY" };
 
 // src/components/Table.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
@@ -30234,7 +30234,7 @@ var DataTable_default = { "datatable": "DataTable_datatable__ZmQ3Z", "cell": "Da
 import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
 import { createElement as createElement6 } from "react";
 function DataTable({ data = [], className, children, ...props }) {
-  const items = data.length && data?.[0]?.id === void 0 ? data.map((record, id) => ({ ...record, id })) : data;
+  const items = data.length && data?.[0]?.id === void 0 ? data.map((row, id) => ({ ...row, id })) : data;
   const widths = [];
   const columns = Children2.map(children, (child) => {
     widths.push(child?.props?.width || "1fr");

package/package.json

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

package/styles.css

@@ -4030,59 +4030,67 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
-.Table_table__MjczZ {
+.Table_table__YjllN {
   font-size: var(--font-size);
   color: var(--font-color);
   border-collapse: collapse;
   width: 100%;
   position: relative;
 }
-.Table_table__MjczZ th,
-.Table_table__MjczZ td {
+.Table_table__YjllN th,
+.Table_table__YjllN td {
   min-width: 0;
 }
-.Table_header__YjU3M,
-.Table_body__MzgxM {
+.Table_header__NmE0Y,
+.Table_body__ZWYwN {
   display: contents;
 }
-.Table_header__YjU3M {
+.Table_header__NmE0Y {
   display: grid;
   border-bottom: 1px solid var(--border-color);
 }
-.Table_header__YjU3M tr {
+.Table_header__NmE0Y tr {
   display: contents;
 }
-.Table_row__MTdmZ {
+.Table_row__Y2M0Y {
   display: grid;
   border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
 }
-.Table_header__YjU3M .Table_column__ZDFlM:first-child,
-.Table_row__MTdmZ .Table_cell__NzhiM:first-child {
+.Table_header__NmE0Y .Table_column__ZGY2M:first-child,
+.Table_row__Y2M0Y .Table_cell__MmZjM:first-child {
   padding-left: 0;
 }
-.Table_header__YjU3M .Table_column__ZDFlM:last-child,
-.Table_row__MTdmZ .Table_cell__NzhiM:last-child {
+.Table_header__NmE0Y .Table_column__ZGY2M:last-child,
+.Table_row__Y2M0Y .Table_cell__MmZjM:last-child {
   padding-right: 0;
 }
-.Table_column__ZDFlM {
+.Table_column__ZGY2M {
   display: flex;
   padding: var(--padding);
   text-align: left;
   font-weight: 700;
   flex: 1;
 }
-.Table_cell__NzhiM {
+.Table_cell__MmZjM {
   display: flex;
   padding: var(--padding);
   flex: 1;
 }
-.Table_start__ODJiN {
+.Table_row__Y2M0Y .Table_cell__MmZjM a {
+  font-weight: 500;
+  text-decoration: underline var(--base-color-6);
+  text-underline-offset: 4px;
+}
+.Table_row__Y2M0Y .Table_cell__MmZjM a:hover {
+  text-decoration: underline var(--base-color-10);
+}
+.Table_start__NGFiN {
   justify-content: flex-start;
 }
-.Table_center__MTI5M {
+.Table_center__NzFjM {
   justify-content: center;
 }
-.Table_end__MjE3N {
+.Table_end__NmQyY {
   justify-content: flex-end;
 }