@semcore/data-table 16.0.1 → 16.0.2-prerelease.2

package/lib/esm/components/Body/style.shadow.css

@@ -1,4 +1,4 @@
-SBody, SRow, SRowGroup {
+SBody, SRow, SRowGroup, SAccordionRows {
   display: contents;
 }
 
@@ -12,87 +12,96 @@ SBody[compact] {
   }
 }
 
-SRow[gridArea], SCell[gridArea], SCollapseRow[gridArea] {
+SRow[gridArea], SCellWrapper[gridArea], SCollapseRow[gridArea] {
   grid-area: var(--gridArea);
 }
 
+SCellWrapper {
+  height: 100%;
+}
+
+SCollapseRow[gridArea] > SCellWrapper > SCell,
+SAccordionRows > SRow[isAccordionRow]:last-child > SCellWrapper > SCell {
+  border-bottom: 1px solid var(--intergalactic-border-table-accent, #a9abb6);
+}
+
 SCollapseRow SCell {
   display: block;
 }
 
 /* DEFAULT THEME */
-SRow[active] > SCell:not([theme]) {
+SRow[active] > SCellWrapper > SCell:not([theme]) {
   /* The color is hardcoded because need hex(in figma rgba) */
   /* disable-tokens-validator */
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SRow[accordionType='row'][expanded] > SCell:not([theme]),
+SRow[accordionType='row'][expanded] > SCellWrapper > SCell:not([theme]),
 SCell:not([theme])[expanded][withAccordion] {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SCollapseRow > SCell:not([theme]), SRow[isAccordionRow] > SCell:not([theme]) {
+SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWrapper > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-accordion, #f4f5f9);
 }
 
 /* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
 @media (hover: hover) {
-  SRow:not([accordionType='row'][expanded]):hover > SCell:not([theme]):not([expanded][withAccordion]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell:not([theme]):not([expanded][withAccordion]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
+  SRow:not([accordionType='row'][expanded]):hover > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
+  SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
   /* MUTED THEME */
-  SRow:hover > SCell[theme='muted'],
-  SRow[theme='muted']:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='muted'],
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted'] > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='muted'],
-  SRowGroup:has(SCell:hover) > SRow[theme='muted'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRow:hover > SCellWrapper > SCell[theme='muted'],
+  SRow[theme='muted']:hover > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='muted'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted'] > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='muted'],
+  SRowGroup:has(SCell:hover) > SRow[theme='muted'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
     /* The color is hardcoded because need hex(in figma rgba) */
     /* disable-tokens-validator */
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
   /* INFO THEME */
-  SRow:hover > SCell[theme='info'],
-  SRow[theme='info']:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='info'],
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info'] > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='info'],
-  SRowGroup:has(SCell:hover) > SRow[theme='info'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRow:hover > SCellWrapper > SCell[theme='info'],
+  SRow[theme='info']:hover > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='info'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info'] > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info'],
+  SRowGroup:has(SCell:hover) > SRow[theme='info'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
     background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
   }
 
   /* SUCCESS THEME */
-  SRow:hover > SCell[theme='success'],
-  SRow[theme='success']:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='success'],
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success'] > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='success'],
-  SRowGroup:has(SCell:hover) > SRow[theme='success'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRow:hover > SCellWrapper > SCell[theme='success'],
+  SRow[theme='success']:hover > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='success'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success'] > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='success'],
+  SRowGroup:has(SCell:hover) > SRow[theme='success'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
     background-color: var(--intergalactic-table-td-cell-new-hover, #9ef2c9);
   }
 
   /* WARNING THEME */
-  SRow:hover > SCell[theme='warning'],
-  SRow[theme='warning']:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='warning'],
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning'] > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='warning'],
-  SRowGroup:has(SCell:hover) > SRow[theme='warning'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRow:hover > SCellWrapper > SCell[theme='warning'],
+  SRow[theme='warning']:hover > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='warning'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning'] > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='warning'],
+  SRowGroup:has(SCell:hover) > SRow[theme='warning'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
     background-color: var(--intergalactic-table-td-cell-warning-hover, #ffdca2);
   }
 
   /* DANGER THEME */
-  SRow:hover > SCell[theme='danger'],
-  SRow[theme='danger']:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='danger'],
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger'] > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='danger'],
-  SRowGroup:has(SCell:hover) > SRow[theme='danger'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRow:hover > SCellWrapper > SCell[theme='danger'],
+  SRow[theme='danger']:hover > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='danger'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger'] > SCellWrapper > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='danger'],
+  SRowGroup:has(SCell:hover) > SRow[theme='danger'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
     background-color: var(--intergalactic-table-td-cell-critical-hover, #ffd7df);
   }
 }
@@ -102,7 +111,7 @@ SRow[theme='muted'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
 }
 
-SRow[theme='muted'][active] > SCell:not([theme]) {
+SRow[theme='muted'][active] > SCellWrapper > SCell:not([theme]) {
   /* The color is hardcoded because need hex(in figma rgba) */
   /* disable-tokens-validator */
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
@@ -113,7 +122,7 @@ SRow[theme='info'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
 }
 
-SRow[theme='info'][active] > SCell:not([theme]) {
+SRow[theme='info'][active] > SCellWrapper > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
 }
 
@@ -122,7 +131,7 @@ SRow[theme='success'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
 }
 
-SRow[theme='success'][active] > SCell:not([theme]) {
+SRow[theme='success'][active] > SCellWrapper > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
 }
 
@@ -131,7 +140,7 @@ SRow[theme='warning'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
 }
 
-SRow[theme='warning'][active] > SCell:not([theme]) {
+SRow[theme='warning'][active] > SCellWrapper > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
 }
 
@@ -140,7 +149,7 @@ SRow[theme='danger'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
 }
 
-SRow[theme='danger'][active] > SCell:not([theme]) {
+SRow[theme='danger'][active] > SCellWrapper > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
 }
 
@@ -174,7 +183,7 @@ SCell {
   }
 }
 
-SRow[accordionType='row'] > SCell, SCell[withAccordion], SCheckboxCell {
+SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCheckboxCell {
   cursor: pointer;
 }
 
@@ -206,7 +215,7 @@ SCell[borders='both'], SCell[borders='right'] {
   border-right: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
 }
 
-SCell[fixed] {
+SCellWrapper[fixed] {
   position: sticky;
   z-index: 2;
 }
@@ -251,10 +260,10 @@ SEmptyData {
 }
 
 SRow[sideIndents='wide'] {
-  SCell:first-child {
+  SCellWrapper:first-child SCell {
     padding-left: var(--intergalactic-spacing-5x, 20px);
   }
-  SCell:last-child {
+  SCellWrapper:last-child SCell {
     padding-right: var(--intergalactic-spacing-5x, 20px);
   }
 }

package/lib/esm/components/DataTable/DataTable.mjs

@@ -27,18 +27,18 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDataTable_133z6_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_133z6_gg_.__gridTemplateColumns_133z6_gg_{grid-template-columns:var(--gridTemplateColumns_133z6)}.___SDataTable_133z6_gg_.__gridTemplateAreas_133z6_gg_{grid-template-areas:var(--gridTemplateAreas_133z6)}.___SDataTable_133z6_gg_.__gridTemplateRows_133z6_gg_{grid-template-rows:var(--gridTemplateRows_133z6)}",
+    ".___SDataTable_x73f6_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_x73f6_gg_.__gridTemplateColumns_x73f6_gg_{grid-template-columns:var(--gridTemplateColumns_x73f6)}.___SDataTable_x73f6_gg_.__gridTemplateAreas_x73f6_gg_{grid-template-areas:var(--gridTemplateAreas_x73f6)}.___SDataTable_x73f6_gg_.__gridTemplateRows_x73f6_gg_{grid-template-rows:var(--gridTemplateRows_x73f6)}",
     /*__inner_css_end__*/
-    "133z6_gg_"
+    "x73f6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDataTable": "___SDataTable_133z6_gg_",
-    "_gridTemplateColumns": "__gridTemplateColumns_133z6_gg_",
-    "--gridTemplateColumns": "--gridTemplateColumns_133z6",
-    "_gridTemplateAreas": "__gridTemplateAreas_133z6_gg_",
-    "--gridTemplateAreas": "--gridTemplateAreas_133z6",
-    "_gridTemplateRows": "__gridTemplateRows_133z6_gg_",
-    "--gridTemplateRows": "--gridTemplateRows_133z6"
+    "__SDataTable": "___SDataTable_x73f6_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_x73f6_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_x73f6",
+    "_gridTemplateAreas": "__gridTemplateAreas_x73f6_gg_",
+    "--gridTemplateAreas": "--gridTemplateAreas_x73f6",
+    "_gridTemplateRows": "__gridTemplateRows_x73f6_gg_",
+    "--gridTemplateRows": "--gridTemplateRows_x73f6"
   })
 );
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
@@ -46,25 +46,25 @@ var scrollStyles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScrollArea_1p4fc_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_{overflow:visible;overflow:initial}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_._scrollDirection_both_1p4fc_gg_{overflow:auto}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_._scrollDirection_horizontal_1p4fc_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_._scrollDirection_vertical_1p4fc_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_.__loading_1p4fc_gg_{overflow:hidden}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_.__headerHeight_1p4fc_gg_{scroll-padding-top:var(--headerHeight_1p4fc)}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_.__leftScrollPadding_1p4fc_gg_{scroll-padding-left:var(--leftScrollPadding_1p4fc)}.___SScrollArea_1p4fc_gg_ .___SContainer_1p4fc_gg_.__rightScrollPadding_1p4fc_gg_{scroll-padding-right:var(--rightScrollPadding_1p4fc)}.___SScrollArea_1p4fc_gg_ .___SShadowVertical_1p4fc_gg_:before{display:none}.___SScrollArea_1p4fc_gg_ .___SShadowHorizontal_1p4fc_gg_:after,.___SScrollArea_1p4fc_gg_ .___SShadowHorizontal_1p4fc_gg_:before,.___SScrollArea_1p4fc_gg_ .___SShadowVertical_1p4fc_gg_:after{z-index:2}",
+    ".___SScrollArea_fq5cd_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_{overflow:visible;overflow:initial}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_both_fq5cd_gg_{overflow:auto}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_horizontal_fq5cd_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_vertical_fq5cd_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__loading_fq5cd_gg_{overflow:hidden}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__headerHeight_fq5cd_gg_{scroll-padding-top:var(--headerHeight_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__leftScrollPadding_fq5cd_gg_{scroll-padding-left:var(--leftScrollPadding_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__rightScrollPadding_fq5cd_gg_{scroll-padding-right:var(--rightScrollPadding_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SShadowVertical_fq5cd_gg_:before{display:none}.___SScrollArea_fq5cd_gg_ .___SShadowHorizontal_fq5cd_gg_:after,.___SScrollArea_fq5cd_gg_ .___SShadowHorizontal_fq5cd_gg_:before,.___SScrollArea_fq5cd_gg_ .___SShadowVertical_fq5cd_gg_:after{z-index:2}",
     /*__inner_css_end__*/
-    "1p4fc_gg_"
+    "fq5cd_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScrollArea": "___SScrollArea_1p4fc_gg_",
-    "__SContainer": "___SContainer_1p4fc_gg_",
-    "_scrollDirection_both": "_scrollDirection_both_1p4fc_gg_",
-    "_scrollDirection_horizontal": "_scrollDirection_horizontal_1p4fc_gg_",
-    "_scrollDirection_vertical": "_scrollDirection_vertical_1p4fc_gg_",
-    "_loading": "__loading_1p4fc_gg_",
-    "_headerHeight": "__headerHeight_1p4fc_gg_",
-    "--headerHeight": "--headerHeight_1p4fc",
-    "_leftScrollPadding": "__leftScrollPadding_1p4fc_gg_",
-    "--leftScrollPadding": "--leftScrollPadding_1p4fc",
-    "_rightScrollPadding": "__rightScrollPadding_1p4fc_gg_",
-    "--rightScrollPadding": "--rightScrollPadding_1p4fc",
-    "__SShadowVertical": "___SShadowVertical_1p4fc_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_1p4fc_gg_"
+    "__SScrollArea": "___SScrollArea_fq5cd_gg_",
+    "__SContainer": "___SContainer_fq5cd_gg_",
+    "_scrollDirection_both": "_scrollDirection_both_fq5cd_gg_",
+    "_scrollDirection_horizontal": "_scrollDirection_horizontal_fq5cd_gg_",
+    "_scrollDirection_vertical": "_scrollDirection_vertical_fq5cd_gg_",
+    "_loading": "__loading_fq5cd_gg_",
+    "_headerHeight": "__headerHeight_fq5cd_gg_",
+    "--headerHeight": "--headerHeight_fq5cd",
+    "_leftScrollPadding": "__leftScrollPadding_fq5cd_gg_",
+    "--leftScrollPadding": "--leftScrollPadding_fq5cd",
+    "_rightScrollPadding": "__rightScrollPadding_fq5cd_gg_",
+    "--rightScrollPadding": "--rightScrollPadding_fq5cd",
+    "__SShadowVertical": "___SShadowVertical_fq5cd_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_fq5cd_gg_"
   })
 );
 var ACCORDION = Symbol("accordion");
@@ -134,7 +134,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "getRow", function(index) {
       var _this$tableRef$curren;
-      return (_this$tableRef$curren = _this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelector('[aria-rowindex="'.concat(index + 1, '"]'));
+      return (_this$tableRef$curren = _this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelector('[aria-rowindex="'.concat(index + 1, '"]:not([aria-hidden="true"])'));
     });
     _defineProperty(_assertThisInitialized(_this), "hasFocusableInHeader", function() {
       return _this.headerRef.current && hasFocusableIn(_this.headerRef.current);
@@ -171,7 +171,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       }
       if (!changed) return;
       var row = _this.getRow(newRow);
-      var cell = row === null || row === void 0 ? void 0 : row.querySelector(':scope > [role=gridcell][aria-colindex="'.concat(newCol + 1, '"], :scope > [role=columnheader][aria-colindex="').concat(newCol + 1, '"], :scope > div > [role=columnheader][aria-colindex="').concat(newCol + 1, '"]'));
+      var cell = row === null || row === void 0 ? void 0 : row.querySelector(':scope > div > [role=gridcell][aria-colindex="'.concat(newCol + 1, '"], :scope > [role=columnheader][aria-colindex="').concat(newCol + 1, '"], :scope > div > [role=columnheader][aria-colindex="').concat(newCol + 1, '"]'));
       if (cell instanceof HTMLElement && currentCell !== cell) {
         _this.focusedCell = [newRow, newCol];
         currentCell === null || currentCell === void 0 ? void 0 : currentCell.setAttribute("inert", "");
@@ -194,11 +194,11 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         var rowI = rowIndex;
         var colI = colIndex;
         if (direction === "left" || direction === "right") {
-          var _currentCell$parentEl, _currentCell$parentEl2, _row$children;
+          var _currentCell$parentEl, _currentCell$parentEl2, _currentCell$parentEl3, _row$children;
           if (((_currentCell$parentEl = currentCell.parentElement) === null || _currentCell$parentEl === void 0 ? void 0 : _currentCell$parentEl.dataset.uiName) === "Collapse") {
             return;
           }
-          if (currentCell.dataset.groupedBy === "colgroup" || Number((_currentCell$parentEl2 = currentCell.parentElement) === null || _currentCell$parentEl2 === void 0 ? void 0 : _currentCell$parentEl2.getAttribute("aria-rowindex")) === 2 || Array.from((_row$children = row === null || row === void 0 ? void 0 : row.children) !== null && _row$children !== void 0 ? _row$children : []).indexOf(currentCell) > 0) {
+          if (currentCell.dataset.groupedBy === "colgroup" || Number((_currentCell$parentEl2 = currentCell.parentElement) === null || _currentCell$parentEl2 === void 0 ? void 0 : (_currentCell$parentEl3 = _currentCell$parentEl2.parentElement) === null || _currentCell$parentEl3 === void 0 ? void 0 : _currentCell$parentEl3.getAttribute("aria-rowindex")) === 2 || currentCell.parentElement && Array.from((_row$children = row === null || row === void 0 ? void 0 : row.children) !== null && _row$children !== void 0 ? _row$children : []).indexOf(currentCell.parentElement) > 0) {
             colI = direction === "left" ? colI - 1 : colI + 1;
           } else {
             rowI = rowI - 1;
@@ -517,9 +517,10 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
   }, {
     key: "getBodyProps",
     value: function getBodyProps() {
-      var _this$asProps6 = this.asProps, use = _this$asProps6.use, compact = _this$asProps6.compact, loading = _this$asProps6.loading, getI18nText = _this$asProps6.getI18nText, expandedRows = _this$asProps6.expandedRows, virtualScroll = _this$asProps6.virtualScroll, uid = _this$asProps6.uid, rowProps = _this$asProps6.rowProps, renderCell = _this$asProps6.renderCell, headerProps = _this$asProps6.headerProps, renderEmptyData2 = _this$asProps6.renderEmptyData, sideIndents = _this$asProps6.sideIndents, selectedRows = _this$asProps6.selectedRows;
+      var _this$asProps6 = this.asProps, use = _this$asProps6.use, compact = _this$asProps6.compact, loading = _this$asProps6.loading, getI18nText = _this$asProps6.getI18nText, expandedRows = _this$asProps6.expandedRows, virtualScroll = _this$asProps6.virtualScroll, uid = _this$asProps6.uid, rowProps = _this$asProps6.rowProps, renderCell = _this$asProps6.renderCell, headerProps = _this$asProps6.headerProps, renderEmptyData2 = _this$asProps6.renderEmptyData, sideIndents = _this$asProps6.sideIndents, selectedRows = _this$asProps6.selectedRows, accordionDuration = _this$asProps6.accordionDuration;
       var _this$gridSettings2 = this.gridSettings, gridTemplateColumns = _this$gridSettings2.gridTemplateColumns, gridTemplateAreas = _this$gridSettings2.gridTemplateAreas;
       return {
+        accordionDuration,
         columns: this.columns,
         rows: this.rows,
         flatRows: this.flatRows,

package/lib/esm/components/Head/Column.mjs

@@ -19,32 +19,32 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_1311w_gg_,.___SHead_1311w_gg_{display:contents}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SColumn_1311w_gg_{position:sticky;top:0;z-index:2}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroup_1311w_gg_{top:0}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroupContainer_1311w_gg_>.___SColumn_1311w_gg_{position:sticky;z-index:2}.___SHead_1311w_gg_.__compact_1311w_gg_ .___SColumn_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1311w_gg_,.___SGroup_1311w_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1311w_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1311w_gg_._use_primary_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1311w_gg_._use_primary_1311w_gg_:has(~.___SColumn_1311w_gg_.__visibleSort_1311w_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1311w_gg_._use_secondary_1311w_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1311w_gg_._borders_both_1311w_gg_,.___SColumn_1311w_gg_._borders_left_1311w_gg_,.___SGroup_1311w_gg_._borders_both_1311w_gg_,.___SGroup_1311w_gg_._borders_left_1311w_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1311w_gg_._borders_both_1311w_gg_,.___SColumn_1311w_gg_._borders_right_1311w_gg_,.___SGroup_1311w_gg_._borders_both_1311w_gg_,.___SGroup_1311w_gg_._borders_right_1311w_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_ .___SSortWrapper_1311w_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortButton_1311w_gg_,.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_::before,.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_::before{display:flex;opacity:1}.___SColumn_1311w_gg_._use_secondary_1311w_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1311w_gg_._use_secondary_1311w_gg_ .___SSortWrapper_1311w_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortButton_1311w_gg_{display:flex;opacity:1}.___SColumn_1311w_gg_.__gridArea_1311w_gg_,.___SGroupTitle_1311w_gg_.__gridArea_1311w_gg_,.___SGroup_1311w_gg_.__gridArea_1311w_gg_{grid-area:var(--gridArea_1311w)}.___SHead_1311w_gg_ .___SColumn_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_ .___SGroup_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SColumn_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroup_1311w_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1311w_gg_.__sortable_1311w_gg_:hover{cursor:pointer}}.___SSortWrapper_1311w_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1311w_gg_,.___SSortWrapper_1311w_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1311w_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1311w_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1311w_gg_._sideIndents_wide_1311w_gg_ .___SColumn_1311w_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1311w_gg_._sideIndents_wide_1311w_gg_ .___SColumn_1311w_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1311w_gg_{cursor:pointer}',
+    '.___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_8ae7k_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}',
     /*__inner_css_end__*/
-    "1311w_gg_"
+    "8ae7k_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_1311w_gg_",
-    "__SGroupContainer": "___SGroupContainer_1311w_gg_",
-    "_sticky": "__sticky_1311w_gg_",
-    "__SColumn": "___SColumn_1311w_gg_",
-    "__SGroup": "___SGroup_1311w_gg_",
-    "_compact": "__compact_1311w_gg_",
-    "_use_secondary": "_use_secondary_1311w_gg_",
-    "_borders_both": "_borders_both_1311w_gg_",
-    "_borders_left": "_borders_left_1311w_gg_",
-    "_borders_right": "_borders_right_1311w_gg_",
-    "_gridArea": "__gridArea_1311w_gg_",
-    "__SGroupTitle": "___SGroupTitle_1311w_gg_",
-    "--gridArea": "--gridArea_1311w",
-    "_fixed": "__fixed_1311w_gg_",
-    "_sortable": "__sortable_1311w_gg_",
-    "__SSortWrapper": "___SSortWrapper_1311w_gg_",
-    "__SSortButton": "___SSortButton_1311w_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1311w_gg_",
-    "_use_primary": "_use_primary_1311w_gg_",
-    "_visibleSort": "__visibleSort_1311w_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_1311w_gg_"
+    "__SHead": "___SHead_8ae7k_gg_",
+    "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
+    "_sticky": "__sticky_8ae7k_gg_",
+    "__SColumn": "___SColumn_8ae7k_gg_",
+    "__SGroup": "___SGroup_8ae7k_gg_",
+    "_compact": "__compact_8ae7k_gg_",
+    "_use_secondary": "_use_secondary_8ae7k_gg_",
+    "_borders_both": "_borders_both_8ae7k_gg_",
+    "_borders_left": "_borders_left_8ae7k_gg_",
+    "_borders_right": "_borders_right_8ae7k_gg_",
+    "_gridArea": "__gridArea_8ae7k_gg_",
+    "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
+    "--gridArea": "--gridArea_8ae7k",
+    "_fixed": "__fixed_8ae7k_gg_",
+    "_sortable": "__sortable_8ae7k_gg_",
+    "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
+    "__SSortButton": "___SSortButton_8ae7k_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
+    "_use_primary": "_use_primary_8ae7k_gg_",
+    "_visibleSort": "__visibleSort_8ae7k_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
   })
 );
 var SORTING_ICON = {

package/lib/esm/components/Head/Group.mjs

@@ -16,32 +16,32 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_1311w_gg_,.___SHead_1311w_gg_{display:contents}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SColumn_1311w_gg_{position:sticky;top:0;z-index:2}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroup_1311w_gg_{top:0}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroupContainer_1311w_gg_>.___SColumn_1311w_gg_{position:sticky;z-index:2}.___SHead_1311w_gg_.__compact_1311w_gg_ .___SColumn_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1311w_gg_,.___SGroup_1311w_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1311w_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1311w_gg_._use_primary_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1311w_gg_._use_primary_1311w_gg_:has(~.___SColumn_1311w_gg_.__visibleSort_1311w_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1311w_gg_._use_secondary_1311w_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1311w_gg_._borders_both_1311w_gg_,.___SColumn_1311w_gg_._borders_left_1311w_gg_,.___SGroup_1311w_gg_._borders_both_1311w_gg_,.___SGroup_1311w_gg_._borders_left_1311w_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1311w_gg_._borders_both_1311w_gg_,.___SColumn_1311w_gg_._borders_right_1311w_gg_,.___SGroup_1311w_gg_._borders_both_1311w_gg_,.___SGroup_1311w_gg_._borders_right_1311w_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_ .___SSortWrapper_1311w_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortButton_1311w_gg_,.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_::before,.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_::before{display:flex;opacity:1}.___SColumn_1311w_gg_._use_secondary_1311w_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1311w_gg_._use_secondary_1311w_gg_ .___SSortWrapper_1311w_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortButton_1311w_gg_{display:flex;opacity:1}.___SColumn_1311w_gg_.__gridArea_1311w_gg_,.___SGroupTitle_1311w_gg_.__gridArea_1311w_gg_,.___SGroup_1311w_gg_.__gridArea_1311w_gg_{grid-area:var(--gridArea_1311w)}.___SHead_1311w_gg_ .___SColumn_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_ .___SGroup_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SColumn_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroup_1311w_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1311w_gg_.__sortable_1311w_gg_:hover{cursor:pointer}}.___SSortWrapper_1311w_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1311w_gg_,.___SSortWrapper_1311w_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1311w_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1311w_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1311w_gg_._sideIndents_wide_1311w_gg_ .___SColumn_1311w_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1311w_gg_._sideIndents_wide_1311w_gg_ .___SColumn_1311w_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1311w_gg_{cursor:pointer}',
+    '.___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_8ae7k_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}',
     /*__inner_css_end__*/
-    "1311w_gg_"
+    "8ae7k_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_1311w_gg_",
-    "__SGroupContainer": "___SGroupContainer_1311w_gg_",
-    "_sticky": "__sticky_1311w_gg_",
-    "__SColumn": "___SColumn_1311w_gg_",
-    "__SGroup": "___SGroup_1311w_gg_",
-    "_compact": "__compact_1311w_gg_",
-    "_use_secondary": "_use_secondary_1311w_gg_",
-    "_borders_both": "_borders_both_1311w_gg_",
-    "_borders_left": "_borders_left_1311w_gg_",
-    "_borders_right": "_borders_right_1311w_gg_",
-    "_gridArea": "__gridArea_1311w_gg_",
-    "__SGroupTitle": "___SGroupTitle_1311w_gg_",
-    "--gridArea": "--gridArea_1311w",
-    "_fixed": "__fixed_1311w_gg_",
-    "_sortable": "__sortable_1311w_gg_",
-    "__SSortWrapper": "___SSortWrapper_1311w_gg_",
-    "__SSortButton": "___SSortButton_1311w_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1311w_gg_",
-    "_use_primary": "_use_primary_1311w_gg_",
-    "_visibleSort": "__visibleSort_1311w_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_1311w_gg_"
+    "__SHead": "___SHead_8ae7k_gg_",
+    "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
+    "_sticky": "__sticky_8ae7k_gg_",
+    "__SColumn": "___SColumn_8ae7k_gg_",
+    "__SGroup": "___SGroup_8ae7k_gg_",
+    "_compact": "__compact_8ae7k_gg_",
+    "_use_secondary": "_use_secondary_8ae7k_gg_",
+    "_borders_both": "_borders_both_8ae7k_gg_",
+    "_borders_left": "_borders_left_8ae7k_gg_",
+    "_borders_right": "_borders_right_8ae7k_gg_",
+    "_gridArea": "__gridArea_8ae7k_gg_",
+    "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
+    "--gridArea": "--gridArea_8ae7k",
+    "_fixed": "__fixed_8ae7k_gg_",
+    "_sortable": "__sortable_8ae7k_gg_",
+    "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
+    "__SSortButton": "___SSortButton_8ae7k_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
+    "_use_primary": "_use_primary_8ae7k_gg_",
+    "_visibleSort": "__visibleSort_8ae7k_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
   })
 );
 var Group = /* @__PURE__ */ function(_Component) {

package/lib/esm/components/Head/Head.mjs

@@ -19,32 +19,32 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_1311w_gg_,.___SHead_1311w_gg_{display:contents}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SColumn_1311w_gg_{position:sticky;top:0;z-index:2}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroup_1311w_gg_{top:0}.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroupContainer_1311w_gg_>.___SColumn_1311w_gg_{position:sticky;z-index:2}.___SHead_1311w_gg_.__compact_1311w_gg_ .___SColumn_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1311w_gg_,.___SGroup_1311w_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1311w_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1311w_gg_._use_primary_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1311w_gg_._use_primary_1311w_gg_:has(~.___SColumn_1311w_gg_.__visibleSort_1311w_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1311w_gg_._use_secondary_1311w_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1311w_gg_._borders_both_1311w_gg_,.___SColumn_1311w_gg_._borders_left_1311w_gg_,.___SGroup_1311w_gg_._borders_both_1311w_gg_,.___SGroup_1311w_gg_._borders_left_1311w_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1311w_gg_._borders_both_1311w_gg_,.___SColumn_1311w_gg_._borders_right_1311w_gg_,.___SGroup_1311w_gg_._borders_both_1311w_gg_,.___SGroup_1311w_gg_._borders_right_1311w_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_ .___SSortWrapper_1311w_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortButton_1311w_gg_,.___SColumn_1311w_gg_._use_primary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_::before,.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_::before{display:flex;opacity:1}.___SColumn_1311w_gg_._use_secondary_1311w_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1311w_gg_._use_secondary_1311w_gg_ .___SSortWrapper_1311w_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortWrapper_1311w_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1311w_gg_._use_secondary_1311w_gg_.__visibleSort_1311w_gg_ .___SSortButton_1311w_gg_{display:flex;opacity:1}.___SColumn_1311w_gg_.__gridArea_1311w_gg_,.___SGroupTitle_1311w_gg_.__gridArea_1311w_gg_,.___SGroup_1311w_gg_.__gridArea_1311w_gg_{grid-area:var(--gridArea_1311w)}.___SHead_1311w_gg_ .___SColumn_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_ .___SGroup_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SColumn_1311w_gg_.__fixed_1311w_gg_,.___SHead_1311w_gg_.__sticky_1311w_gg_ .___SGroup_1311w_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1311w_gg_.__sortable_1311w_gg_:hover{cursor:pointer}}.___SSortWrapper_1311w_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1311w_gg_,.___SSortWrapper_1311w_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1311w_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1311w_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1311w_gg_._sideIndents_wide_1311w_gg_ .___SColumn_1311w_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1311w_gg_._sideIndents_wide_1311w_gg_ .___SColumn_1311w_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1311w_gg_{cursor:pointer}',
+    '.___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_8ae7k_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}',
     /*__inner_css_end__*/
-    "1311w_gg_"
+    "8ae7k_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_1311w_gg_",
-    "__SGroupContainer": "___SGroupContainer_1311w_gg_",
-    "_sticky": "__sticky_1311w_gg_",
-    "__SColumn": "___SColumn_1311w_gg_",
-    "__SGroup": "___SGroup_1311w_gg_",
-    "_compact": "__compact_1311w_gg_",
-    "_use_secondary": "_use_secondary_1311w_gg_",
-    "_borders_both": "_borders_both_1311w_gg_",
-    "_borders_left": "_borders_left_1311w_gg_",
-    "_borders_right": "_borders_right_1311w_gg_",
-    "_gridArea": "__gridArea_1311w_gg_",
-    "__SGroupTitle": "___SGroupTitle_1311w_gg_",
-    "--gridArea": "--gridArea_1311w",
-    "_fixed": "__fixed_1311w_gg_",
-    "_sortable": "__sortable_1311w_gg_",
-    "__SSortWrapper": "___SSortWrapper_1311w_gg_",
-    "__SSortButton": "___SSortButton_1311w_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1311w_gg_",
-    "_use_primary": "_use_primary_1311w_gg_",
-    "_visibleSort": "__visibleSort_1311w_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_1311w_gg_"
+    "__SHead": "___SHead_8ae7k_gg_",
+    "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
+    "_sticky": "__sticky_8ae7k_gg_",
+    "__SColumn": "___SColumn_8ae7k_gg_",
+    "__SGroup": "___SGroup_8ae7k_gg_",
+    "_compact": "__compact_8ae7k_gg_",
+    "_use_secondary": "_use_secondary_8ae7k_gg_",
+    "_borders_both": "_borders_both_8ae7k_gg_",
+    "_borders_left": "_borders_left_8ae7k_gg_",
+    "_borders_right": "_borders_right_8ae7k_gg_",
+    "_gridArea": "__gridArea_8ae7k_gg_",
+    "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
+    "--gridArea": "--gridArea_8ae7k",
+    "_fixed": "__fixed_8ae7k_gg_",
+    "_sortable": "__sortable_8ae7k_gg_",
+    "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
+    "__SSortButton": "___SSortButton_8ae7k_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
+    "_use_primary": "_use_primary_8ae7k_gg_",
+    "_visibleSort": "__visibleSort_8ae7k_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
   })
 );
 var HeadRoot = /* @__PURE__ */ function(_Component) {

package/lib/types/components/Body/Body.types.d.ts

@@ -54,4 +54,5 @@ export type BodyPropsInner = DataTableBodyProps & {
     renderEmptyData: () => React.ReactNode;
     sideIndents?: 'wide';
     getFixedStyle: (cell: Pick<DTColumn, 'name' | 'fixed'>) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];
+    accordionDuration?: number | [number, number];
 };

package/lib/types/components/Body/Cell.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DTRow } from './Row.types';
+import { DTRow, DTRows } from './Row.types';
 import { DTUse } from '../DataTable/DataTable.types';
 import { DTColumn } from '../Head/Column.types';
 export type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';
@@ -14,9 +14,14 @@ export type DataTableCellProps = {
     children?: React.ReactNode;
     expanded?: boolean;
     withAccordion?: boolean;
+    isAccordionRow?: boolean;
+    animationExpand?: boolean;
+    accordionRowIndex?: number;
+    rows: DTRows;
 };
 export type CellPropsInner = {
     use: DTUse;
     virtualScroll: boolean;
     tableRef: React.RefObject<HTMLDivElement>;
+    accordionDuration?: number | [number, number];
 };