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

package/lib/esm/components/Body/Row.mjs

@@ -10,7 +10,6 @@ import { sstyled, createComponent, assignProps, Component } from "@semcore/core"
 import * as React from "react";
 import { Box, Collapse } from "@semcore/base-components";
 import { Body } from "./Body.mjs";
-import { getFixedStyle } from "../../utils.mjs";
 import { ACCORDION, SELECT_ALL } from "../DataTable/DataTable.mjs";
 import { MergedRowsCell, MergedColumnsCell } from "./MergedCells.mjs";
 import Checkbox from "@semcore/checkbox";
@@ -19,43 +18,44 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBody_49gvg_gg_,.___SRowGroup_49gvg_gg_,.___SRow_49gvg_gg_{display:contents}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_49gvg_gg_.__compact_49gvg_gg_ .___SCell_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_.__gridArea_49gvg_gg_,.___SCollapseRow_49gvg_gg_.__gridArea_49gvg_gg_,.___SRow_49gvg_gg_.__gridArea_49gvg_gg_{grid-area:var(--gridArea_49gvg)}.___SCollapseRow_49gvg_gg_ .___SCell_49gvg_gg_{display:block}.___SRow_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_cell_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_).__withAccordion_49gvg_gg_,.___SRow_49gvg_gg_.__expanded_49gvg_gg_._accordionType_row_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_.__expanded_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_muted_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_._theme_muted_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_muted_49gvg_gg_,.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_info_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_info_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_info_49gvg_gg_,.___SRow_49gvg_gg_._theme_info_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_success_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_success_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_success_49gvg_gg_,.___SRow_49gvg_gg_._theme_success_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_warning_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_warning_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_,.___SRow_49gvg_gg_._theme_warning_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_[data-grouped-by=rowgroup]._theme_danger_49gvg_gg_,.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_._theme_danger_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRowGroup_49gvg_gg_:has(.___SCell_49gvg_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_49gvg_gg_>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_,.___SRow_49gvg_gg_._theme_danger_49gvg_gg_:hover>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_),.___SRow_49gvg_gg_:hover>.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_49gvg_gg_._theme_muted_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_49gvg_gg_._theme_info_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_49gvg_gg_._theme_success_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_49gvg_gg_._theme_warning_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_ .___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_49gvg_gg_._theme_danger_49gvg_gg_.__active_49gvg_gg_>.___SCell_49gvg_gg_:not(.__theme_49gvg_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_49gvg_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_49gvg_gg_ .___SAccordionToggle_49gvg_gg_.__expanded_49gvg_gg_ svg{transform:rotate(90deg)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_primary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_49gvg_gg_._use_secondary_49gvg_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_49gvg) - 1)))}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_left_49gvg_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_._borders_both_49gvg_gg_,.___SCell_49gvg_gg_._borders_right_49gvg_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_49gvg_gg_.__fixed_49gvg_gg_{position:sticky;z-index:2}.___SCell_49gvg_gg_._theme_muted_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_49gvg_gg_._theme_info_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_49gvg_gg_._theme_success_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_49gvg_gg_._theme_warning_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_49gvg_gg_._theme_danger_49gvg_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_49gvg_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_49gvg_gg_.__headerHeight_49gvg_gg_{top:var(--headerHeight_49gvg)}.___SEmptyData_49gvg_gg_{grid-column:1/-1}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_49gvg_gg_._sideIndents_l_49gvg_gg_ .___SCell_49gvg_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
+    '.___SBody_yrn54_gg_,.___SRowGroup_yrn54_gg_,.___SRow_yrn54_gg_{display:contents}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_.__gridArea_yrn54_gg_,.___SCollapseRow_yrn54_gg_.__gridArea_yrn54_gg_,.___SRow_yrn54_gg_.__gridArea_yrn54_gg_{grid-area:var(--gridArea_yrn54)}.___SCollapseRow_yrn54_gg_ .___SCell_yrn54_gg_{display:block}.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_).__expanded_yrn54_gg_.__withAccordion_yrn54_gg_,.___SRow_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_.__isAccordionRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRow_yrn54_gg_._theme_muted_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRow_yrn54_gg_:not(._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_):hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_info_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_info_yrn54_gg_,.___SRow_yrn54_gg_._theme_info_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_success_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_success_yrn54_gg_,.___SRow_yrn54_gg_._theme_success_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_warning_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_,.___SRow_yrn54_gg_._theme_warning_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_danger_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_,.___SRow_yrn54_gg_._theme_danger_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_yrn54_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_.__expanded_yrn54_gg_ svg{transform:rotate(90deg)}.___SCell_yrn54_gg_.__withAccordion_yrn54_gg_,.___SCheckboxCell_yrn54_gg_,.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_>.___SCell_yrn54_gg_{cursor:pointer}.___SCell_yrn54_gg_._use_primary_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_primary_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_left_yrn54_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_right_yrn54_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_.__fixed_yrn54_gg_{position:sticky;z-index:2}.___SCell_yrn54_gg_._theme_muted_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_yrn54_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_yrn54_gg_.__headerHeight_yrn54_gg_{top:var(--headerHeight_yrn54)}.___SEmptyData_yrn54_gg_{grid-column:1/-1}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
     /*__inner_css_end__*/
-    "49gvg_gg_"
+    "yrn54_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBody": "___SBody_49gvg_gg_",
-    "__SRow": "___SRow_49gvg_gg_",
-    "__SRowGroup": "___SRowGroup_49gvg_gg_",
-    "_gridArea": "__gridArea_49gvg_gg_",
-    "__SCell": "___SCell_49gvg_gg_",
-    "__SCollapseRow": "___SCollapseRow_49gvg_gg_",
-    "--gridArea": "--gridArea_49gvg",
-    "_active": "__active_49gvg_gg_",
-    "_theme": "__theme_49gvg_gg_",
-    "_expanded": "__expanded_49gvg_gg_",
-    "_accordionType_row": "_accordionType_row_49gvg_gg_",
-    "_accordionType_cell": "_accordionType_cell_49gvg_gg_",
-    "_withAccordion": "__withAccordion_49gvg_gg_",
-    "_theme_muted": "_theme_muted_49gvg_gg_",
-    "_theme_info": "_theme_info_49gvg_gg_",
-    "_theme_success": "_theme_success_49gvg_gg_",
-    "_theme_warning": "_theme_warning_49gvg_gg_",
-    "_theme_danger": "_theme_danger_49gvg_gg_",
-    "_borders_both": "_borders_both_49gvg_gg_",
-    "_borders_left": "_borders_left_49gvg_gg_",
-    "_borders_right": "_borders_right_49gvg_gg_",
-    "_fixed": "__fixed_49gvg_gg_",
-    "__SSpinContainer": "___SSpinContainer_49gvg_gg_",
-    "_headerHeight": "__headerHeight_49gvg_gg_",
-    "--headerHeight": "--headerHeight_49gvg",
-    "__SEmptyData": "___SEmptyData_49gvg_gg_",
-    "_compact": "__compact_49gvg_gg_",
-    "--data-aria-level": "--data-aria-level_49gvg",
-    "__SAccordionToggle": "___SAccordionToggle_49gvg_gg_",
-    "_use_primary": "_use_primary_49gvg_gg_",
-    "_use_secondary": "_use_secondary_49gvg_gg_",
-    "_sideIndents_l": "_sideIndents_l_49gvg_gg_"
+    "__SBody": "___SBody_yrn54_gg_",
+    "__SRow": "___SRow_yrn54_gg_",
+    "__SRowGroup": "___SRowGroup_yrn54_gg_",
+    "_gridArea": "__gridArea_yrn54_gg_",
+    "__SCell": "___SCell_yrn54_gg_",
+    "__SCollapseRow": "___SCollapseRow_yrn54_gg_",
+    "--gridArea": "--gridArea_yrn54",
+    "_active": "__active_yrn54_gg_",
+    "_theme": "__theme_yrn54_gg_",
+    "_accordionType_row": "_accordionType_row_yrn54_gg_",
+    "_expanded": "__expanded_yrn54_gg_",
+    "_withAccordion": "__withAccordion_yrn54_gg_",
+    "_isAccordionRow": "__isAccordionRow_yrn54_gg_",
+    "_theme_muted": "_theme_muted_yrn54_gg_",
+    "_theme_info": "_theme_info_yrn54_gg_",
+    "_theme_success": "_theme_success_yrn54_gg_",
+    "_theme_warning": "_theme_warning_yrn54_gg_",
+    "_theme_danger": "_theme_danger_yrn54_gg_",
+    "__SCheckboxCell": "___SCheckboxCell_yrn54_gg_",
+    "_borders_both": "_borders_both_yrn54_gg_",
+    "_borders_left": "_borders_left_yrn54_gg_",
+    "_borders_right": "_borders_right_yrn54_gg_",
+    "_fixed": "__fixed_yrn54_gg_",
+    "__SSpinContainer": "___SSpinContainer_yrn54_gg_",
+    "_headerHeight": "__headerHeight_yrn54_gg_",
+    "--headerHeight": "--headerHeight_yrn54",
+    "__SEmptyData": "___SEmptyData_yrn54_gg_",
+    "_compact": "__compact_yrn54_gg_",
+    "--data-aria-level": "--data-aria-level_yrn54",
+    "__SAccordionToggle": "___SAccordionToggle_yrn54_gg_",
+    "_use_primary": "_use_primary_yrn54_gg_",
+    "_use_secondary": "_use_secondary_yrn54_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_yrn54_gg_"
   })
 );
 var RowRoot = /* @__PURE__ */ function(_Component) {
@@ -69,10 +69,15 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "cellIndex", -1);
-    _defineProperty(_assertThisInitialized(_this), "handleSelectRow", function(value) {
+    _defineProperty(_assertThisInitialized(_this), "handleSelectRow", function(value, event) {
+      var _this$asProps = _this.asProps, row = _this$asProps.row, rowIndex = _this$asProps.rowIndex, onSelectRow = _this$asProps.onSelectRow;
+      onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(value, rowIndex, row, event);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClickCheckbox", function(value) {
       return function(event) {
         event === null || event === void 0 ? void 0 : event.preventDefault();
-        var _this$asProps = _this.asProps, row = _this$asProps.row, rowIndex = _this$asProps.rowIndex, onSelectRow = _this$asProps.onSelectRow;
+        event === null || event === void 0 ? void 0 : event.stopPropagation();
+        var _this$asProps2 = _this.asProps, row = _this$asProps2.row, rowIndex = _this$asProps2.rowIndex, onSelectRow = _this$asProps2.onSelectRow;
         onSelectRow === null || onSelectRow === void 0 ? void 0 : onSelectRow(value, rowIndex, row, event);
       };
     });
@@ -95,12 +100,13 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
       var SRow = Box;
       var SCollapseRow = Collapse;
       var SCell = Body.Cell;
-      var _this$asProps2 = this.asProps, columns = _this$asProps2.columns, row = _this$asProps2.row, styles = _this$asProps2.styles, rowIndex = _this$asProps2.rowIndex, ariaRowIndex = _this$asProps2.ariaRowIndex, gridRowIndex = _this$asProps2.gridRowIndex, expanded = _this$asProps2.expanded, accordionDataGridArea = _this$asProps2.accordionDataGridArea;
-      _this$asProps2.expandedRows;
-      _this$asProps2.onExpandRow;
-      var _this$asProps2$ariaL = _this$asProps2["aria-level"], ariaLevel = _this$asProps2$ariaL === void 0 ? 1 : _this$asProps2$ariaL, scrollAreaRef = _this$asProps2.scrollAreaRef, selectedRows = _this$asProps2.selectedRows, uid = _this$asProps2.uid;
+      var SCheckboxCell = Body.Cell;
+      var _this$asProps3 = this.asProps, columns = _this$asProps3.columns, row = _this$asProps3.row, styles = _this$asProps3.styles, rowIndex = _this$asProps3.rowIndex, ariaRowIndex = _this$asProps3.ariaRowIndex, gridRowIndex = _this$asProps3.gridRowIndex, expanded = _this$asProps3.expanded, accordionDataGridArea = _this$asProps3.accordionDataGridArea;
+      _this$asProps3.expandedRows;
+      _this$asProps3.onExpandRow;
+      var _this$asProps3$ariaL = _this$asProps3["aria-level"], ariaLevel = _this$asProps3$ariaL === void 0 ? 1 : _this$asProps3$ariaL, scrollAreaRef = _this$asProps3.scrollAreaRef, selectedRows = _this$asProps3.selectedRows, uid = _this$asProps3.uid, getFixedStyle = _this$asProps3.getFixedStyle, mergedRow = _this$asProps3.mergedRow;
       var accordion = row[ACCORDION];
-      var accordionType = accordion ? "row" : void 0;
+      var accordionType = accordion && !mergedRow ? "row" : void 0;
       if (!accordion) {
         var cells = Object.values(row);
         var cellWithAccordionIndex = cells.findIndex(function(value) {
@@ -109,33 +115,32 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
         this.cellIndex = cellWithAccordionIndex;
         var cellWithAccordion = cells[cellWithAccordionIndex];
         accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[ACCORDION];
-        accordionType = "cell";
       }
       return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SRow, _ref2.cn("SRow", _objectSpread({}, assignProps({
         "role": "row",
         "aria-rowindex": ariaRowIndex,
         "accordionType": accordionType,
-        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? "info" : void 0
+        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? "info" : void 0,
+        "use:expanded": expanded && !mergedRow
       }, _ref))), columns.map(function(column, i) {
         if (selectedRows && i === 0) {
+          var _ref3;
           var checked = selectedRows.includes(rowIndex);
-          return /* @__PURE__ */ React.createElement(Body.Cell, {
-            key: i,
-            row,
-            rowIndex,
-            column: {
+          return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SCheckboxCell, _ref3.cn("SCheckboxCell", {
+            "key": i,
+            "row": row,
+            "rowIndex": rowIndex,
+            "column": {
               name: SELECT_ALL.toString()
             },
-            columnIndex: 0,
-            gridRowIndex,
-            onClick: _this2.handleSelectRow(!checked)
-          }, /* @__PURE__ */ React.createElement(Checkbox, {
-            checked,
+            "columnIndex": 0,
+            "gridRowIndex": gridRowIndex,
+            "onClick": _this2.handleClickCheckbox(!checked)
+          }), /* @__PURE__ */ React.createElement(Checkbox, _ref3.cn("Checkbox", {
+            "checked": checked,
             "aria-labelledby": "".concat(uid, "_").concat(ariaRowIndex, "_1"),
-            onChange: function onChange(value2, e) {
-              return _this2.handleSelectRow(value2)(e);
-            }
-          }));
+            "onChange": _this2.handleSelectRow
+          })));
         }
         var index = i;
         var cellValue = row[column.name];
@@ -144,7 +149,7 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
         }
         var style2 = {};
         if (column.fixed) {
-          var _getFixedStyle = getFixedStyle(column, columns), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
+          var _getFixedStyle = getFixedStyle(column), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
           if (name !== void 0 && value !== void 0) {
             style2[name] = value;
           }
@@ -160,7 +165,7 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
           columnIndex: index,
           style: style2,
           column,
-          withAccordion: _this2.cellHasAccordion(cellValue)
+          withAccordion: Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) || _this2.cellHasAccordion(cellValue)
         });
       })), /* @__PURE__ */ React.isValidElement(accordion) && /* @__PURE__ */ React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
         "key": rowIndex,
@@ -198,7 +203,8 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
           "aria-level": ariaLevel + 1,
           ariaRowIndex: ariaRowIndex + 1 + i,
           gridRowIndex: gridRowIndex + 1 + i,
-          expanded: true
+          isAccordionRow: true,
+          getFixedStyle
         });
       })));
     }

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

@@ -27,23 +27,20 @@ SRow[active] > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SRow[expanded][accordionType='row'] > SCell:not([theme]) {
+SRow[accordionType='row'][expanded] > SCell:not([theme]),
+SCell:not([theme])[expanded][withAccordion] {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SRow[expanded][accordionType='cell'] > SCell:not([theme])[withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
-SCollapseRow > SCell:not([theme]), SRow[expanded] > SCell:not([theme]) {
+SCollapseRow > SCell:not([theme]), SRow[isAccordionRow] > 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:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  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]) {
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
@@ -164,6 +161,8 @@ SCell {
 
   SAccordionToggle {
     margin-right: var(--intergalactic-spacing-3x, 12px);
+    margin-top: var(--intergalactic-spacing-05x, 2px);
+    height: fit-content;
 
     svg {
       transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
@@ -175,6 +174,10 @@ SCell {
   }
 }
 
+SRow[accordionType='row'] > SCell, SCell[withAccordion], SCheckboxCell {
+  cursor: pointer;
+}
+
 SCell[use='primary'] {
   padding: var(--intergalactic-spacing-3x, 12px);
   min-height: 45px;
@@ -247,7 +250,7 @@ SEmptyData {
   grid-column: 1 / -1;
 }
 
-SRow[sideIndents='l'] {
+SRow[sideIndents='wide'] {
   SCell:first-child {
     padding-left: var(--intergalactic-spacing-5x, 20px);
   }