@agregio-solutions/design-system 1.53.0 → 1.54.0

package/dist/design-system.cjs

@@ -1070,13 +1070,9 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ja]+=1);const D8=l.createCont
    */function l4(e,t){return e?MC(e)?Ul.createElement(e,t):e:null}function MC(e){return VC(e)||typeof e=="function"||jC(e)}function VC(e){return typeof e=="function"&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function jC(e){return typeof e=="object"&&typeof e.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}const KC=M.tr`
   background-color: var(--color-content-neutral-primary-reversed);
 
-  &[data-depth="1"] {
+  &[data-sub-row-expanded="true"] {
     background-color: var(--color-content-message-informative-lighter);
   }
-
-  &[data-depth="2"] {
-    background-color: var(--color-content-action-action-lighter);
-  }
 `;function L7({children:e,depth:t=0,...n}){return h.jsx(KC,{...n,"data-depth":t,children:e})}const OC=M(w7)`
   &[data-fullwidth="true"] {
     width: 100%;
@@ -1232,6 +1228,10 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ja]+=1);const D8=l.createCont
 
     tr {
       border-bottom: 1px solid var(--color-content-neutral-stroke);
+
+      &[data-is-sub-row="true"]:has(~ [data-is-sub-row="true"]) {
+        border-bottom: none;
+      }
     }
   }
 `;function H7({children:e,...t}){return h.jsx(QC,{...t,children:e})}const eD=M.div`
@@ -1244,7 +1244,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Ja]+=1);const D8=l.createCont
   width: 100%;
 `,aD=M.td`
   padding: var(--spacing-sm);
-`;function uD({table:e,pagination:t,renderSubComponent:n,...r}){var u;const a=e.getState().columnFilters.length>0||((u=e.getState().globalFilter)==null?void 0:u.length)>0;return h.jsxs("div",{...r,children:[h.jsx(rD,{children:h.jsxs(H7,{children:[h.jsx("thead",{children:e.getHeaderGroups().map(o=>h.jsx("tr",{children:o.headers.map(i=>h.jsx(l.Fragment,{children:l4(i.column.columnDef.header,i.getContext())},i.id))},o.id))}),h.jsx("tbody",{children:e.getRowModel().rows.map(o=>h.jsxs(l.Fragment,{children:[h.jsx(L7,{depth:o.depth,children:o.getVisibleCells().map(i=>h.jsx(l.Fragment,{children:l4(i.column.columnDef.cell,i.getContext())},i.id))}),o.getIsExpanded()&&!!n&&h.jsx("tr",{children:h.jsx(aD,{colSpan:o.getVisibleCells().length,children:n({row:o})})})]},o.id))})]})}),e.getRowCount()===0&&h.jsx(tD,{withFilters:a}),!!t&&h.jsx(N7,{count:e.getRowCount(),onPageChange:e.setPageIndex,pageIndex:t.pageIndex,onItemsPerPageChange:e.setPageSize,itemsPerPage:t.pageSize,style:{marginTop:"16px"}})]})}const oD=M.td`
+`;function uD({table:e,pagination:t,renderSubComponent:n,...r}){var u;const a=e.getState().columnFilters.length>0||((u=e.getState().globalFilter)==null?void 0:u.length)>0;return h.jsxs("div",{...r,children:[h.jsx(rD,{children:h.jsxs(H7,{children:[h.jsx("thead",{children:e.getHeaderGroups().map(o=>h.jsx("tr",{children:o.headers.map(i=>h.jsx(l.Fragment,{children:l4(i.column.columnDef.header,i.getContext())},i.id))},o.id))}),h.jsx("tbody",{children:e.getRowModel().rows.map(o=>h.jsxs(l.Fragment,{children:[h.jsx(L7,{depth:o.depth,"data-sub-row-expanded":o.getIsExpanded(),"data-is-sub-row":!!o.getParentRow(),children:o.getVisibleCells().map(i=>h.jsx(l.Fragment,{children:l4(i.column.columnDef.cell,i.getContext())},i.id))}),o.getIsExpanded()&&!!n&&h.jsx("tr",{children:h.jsx(aD,{colSpan:o.getVisibleCells().length,children:n({row:o})})})]},o.id))})]})}),e.getRowCount()===0&&h.jsx(tD,{withFilters:a}),!!t&&h.jsx(N7,{count:e.getRowCount(),onPageChange:e.setPageIndex,pageIndex:t.pageIndex,onItemsPerPageChange:e.setPageSize,itemsPerPage:t.pageSize,style:{marginTop:"16px"}})]})}const oD=M.td`
   padding: 0;
 
   &[data-border="left"],

package/dist/design-system.js

@@ -24045,13 +24045,9 @@ function jx(e) {
 const _x = M.tr`
   background-color: var(--color-content-neutral-primary-reversed);
 
-  &[data-depth="1"] {
+  &[data-sub-row-expanded="true"] {
     background-color: var(--color-content-message-informative-lighter);
   }
-
-  &[data-depth="2"] {
-    background-color: var(--color-content-action-action-lighter);
-  }
 `;
 function Zx({
   children: e,
@@ -24510,6 +24506,10 @@ const Xx = M.div`
 
     tr {
       border-bottom: 1px solid var(--color-content-neutral-stroke);
+
+      &[data-is-sub-row="true"]:has(~ [data-is-sub-row="true"]) {
+        border-bottom: none;
+      }
     }
   }
 `;
@@ -24566,10 +24566,18 @@ function yP({
         i.getContext()
       ) }, i.id)) }, o.id)) }),
       /* @__PURE__ */ h("tbody", { children: e.getRowModel().rows.map((o) => /* @__PURE__ */ J(D9, { children: [
-        /* @__PURE__ */ h(Zx, { depth: o.depth, children: o.getVisibleCells().map((i) => /* @__PURE__ */ h($.Fragment, { children: b4(
-          i.column.columnDef.cell,
-          i.getContext()
-        ) }, i.id)) }),
+        /* @__PURE__ */ h(
+          Zx,
+          {
+            depth: o.depth,
+            "data-sub-row-expanded": o.getIsExpanded(),
+            "data-is-sub-row": !!o.getParentRow(),
+            children: o.getVisibleCells().map((i) => /* @__PURE__ */ h($.Fragment, { children: b4(
+              i.column.columnDef.cell,
+              i.getContext()
+            ) }, i.id))
+          }
+        ),
         o.getIsExpanded() && !!n && /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h(
           pD,
           {

package/dist/packages/components/DataTable/DataTableRow/index.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 type Props = {
     /**
      * The level of the row, mainly to change its background color. Defaults to "root".
+     * @deprecated sub rows styling are now handled internally
      */
     depth?: number;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.53.0",
+  "version": "1.54.0",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",