@mond-design-system/react 6.2.3 → 6.4.0

package/dist/index.cjs

@@ -1542,7 +1542,7 @@ function ListItem({
 }
 
 // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/DataTable/DataTable.module.css?mds-scoped
-var DataTable_module_default = { "root": "mds-DataTable__root", "scroll": "mds-DataTable__scroll", "table": "mds-DataTable__table", "row": "mds-DataTable__row", "body": "mds-DataTable__body", "selected": "mds-DataTable__selected", "cell": "mds-DataTable__cell", "select": "mds-DataTable__select", "actions": "mds-DataTable__actions", "muted": "mds-DataTable__muted", "empty": "mds-DataTable__empty", "bulk": "mds-DataTable__bulk", "bulkActions": "mds-DataTable__bulkActions" };
+var DataTable_module_default = { "root": "mds-DataTable__root", "scroll": "mds-DataTable__scroll", "table": "mds-DataTable__table", "row": "mds-DataTable__row", "body": "mds-DataTable__body", "selected": "mds-DataTable__selected", "danger": "mds-DataTable__danger", "warning": "mds-DataTable__warning", "success": "mds-DataTable__success", "cell": "mds-DataTable__cell", "select": "mds-DataTable__select", "actions": "mds-DataTable__actions", "muted": "mds-DataTable__muted", "empty": "mds-DataTable__empty", "bulk": "mds-DataTable__bulk", "bulkActions": "mds-DataTable__bulkActions" };
 function DataTable({
   label,
   columns,
@@ -1552,6 +1552,7 @@ function DataTable({
   rowActions,
   actionsHeader,
   rowMuted,
+  rowTone,
   empty,
   ref,
   selected,
@@ -1606,13 +1607,15 @@ function DataTable({
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: DataTable_module_default.body, children: rows.length > 0 ? rows.map((row) => {
         const key = rowKey(row);
         const taken = selected?.includes(key) ?? false;
+        const tone = rowTone?.(row);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "tr",
           {
             className: cx(
               DataTable_module_default.row,
               taken && DataTable_module_default.selected,
-              rowMuted?.(row) === true && DataTable_module_default.muted
+              rowMuted?.(row) === true && DataTable_module_default.muted,
+              tone !== void 0 && DataTable_module_default[tone]
             ),
             children: [
               selectable && /* @__PURE__ */ jsxRuntime.jsx("td", { className: DataTable_module_default.select, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1933,7 +1936,7 @@ function Container(props) {
 }
 
 // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Card/Card.module.css?mds-scoped
-var Card_module_default = { "card": "mds-Card__card", "variant-raised": "mds-Card__variant-raised", "variant-sunken": "mds-Card__variant-sunken", "emphasis": "mds-Card__emphasis", "interactive": "mds-Card__interactive", "header": "mds-Card__header", "body": "mds-Card__body", "footer": "mds-Card__footer", "clipped": "mds-Card__clipped" };
+var Card_module_default = { "card": "mds-Card__card", "variant-raised": "mds-Card__variant-raised", "variant-sunken": "mds-Card__variant-sunken", "emphasis": "mds-Card__emphasis", "interactive": "mds-Card__interactive", "header": "mds-Card__header", "body": "mds-Card__body", "footer": "mds-Card__footer", "clipped": "mds-Card__clipped", "flowed": "mds-Card__flowed" };
 function Card({ children, variant = "card", emphasis = false, onClick, href, as, className, ref, ...rest }) {
   const cardClass = cx(Card_module_default.card, Card_module_default[`variant-${variant}`], emphasis && Card_module_default.emphasis, className);
   const own = react.useRef(null);
@@ -1973,12 +1976,13 @@ function Card({ children, variant = "card", emphasis = false, onClick, href, as,
 function CardHeader({ className, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(Card_module_default.header, className), ...rest });
 }
-function CardBody({ lines, className, style, ...rest }) {
-  const vars = lines === void 0 ? void 0 : { "--card-lines": lines };
+function CardBody({ lines, clip = "ellipsis", className, style, ...rest }) {
+  const budgeted = lines !== void 0;
+  const vars = budgeted ? { "--card-lines": lines } : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: cx(Card_module_default.body, lines !== void 0 && Card_module_default.clipped, className),
+      className: cx(Card_module_default.body, budgeted && (clip === "flow" ? Card_module_default.flowed : Card_module_default.clipped), className),
       style: { ...vars, ...style },
       ...rest
     }