@semcore/data-table 17.0.0-prerelease.30 → 17.0.0-prerelease.34

package/lib/es6/components/Body/RowGroup.js

@@ -0,0 +1,125 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { sstyled as _sstyled } from "@semcore/core";
+import { Box } from '@semcore/base-components';
+import { sstyled } from '@semcore/core';
+import * as React from 'react';
+/*!__reshadow-styles__:"./style.shadow.css"*/
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBody_nspw1_gg_,.___SRowGroup_nspw1_gg_,.___SRow_nspw1_gg_{display:contents}.___SAccordionRows_nspw1_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_nspw1);overflow:clip;transition-property:max-height;transition-duration:var(--duration_nspw1);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SRow_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level],.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_nspw1_gg_.__gridArea_nspw1_gg_,.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_,.___SRow_nspw1_gg_.__gridArea_nspw1_gg_{grid-area:var(--gridArea_nspw1)}.___SCellWrapper_nspw1_gg_{height:100%;overflow:hidden}.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_>.___SCellWrapper_nspw1_gg_,.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_{height:auto;overflow:auto}.___SAccordionRows_nspw1_gg_>.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_:last-child>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__withoutBorder_nspw1_gg_),.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__withoutBorder_nspw1_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{display:block}.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_).__expanded_nspw1_gg_.__withAccordion_nspw1_gg_,.___SRow_nspw1_gg_._accordionType_row_nspw1_gg_.__expanded_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_),.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),:not(.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(._accordionType_row_nspw1_gg_.__expanded_nspw1_gg_):hover:not(.__isNonInteractive_nspw1_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_muted_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_muted_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_muted_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_info_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_info_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_info_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_info_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_info_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_info_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_success_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_success_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_success_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_success_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_success_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_success_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_warning_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_warning_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_warning_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_danger_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_danger_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_danger_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_,.___SRow_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_,.___SRow_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_nspw1_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);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;overflow:hidden}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_.__expanded_nspw1_gg_ svg{transform:rotate(90deg)}.___SCell_nspw1_gg_.__withoutBorder_nspw1_gg_{border-bottom:none}.___SCell_nspw1_gg_._use_primary_nspw1_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_nspw1_gg_._use_primary_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SCell_nspw1_gg_._use_secondary_nspw1_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_nspw1_gg_._use_secondary_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SCell_nspw1_gg_._theme_muted_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_nspw1_gg_._theme_muted_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_nspw1_gg_._theme_info_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_nspw1_gg_._theme_info_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_nspw1_gg_._theme_success_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_nspw1_gg_._theme_success_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SCell_nspw1_gg_._theme_warning_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_nspw1_gg_._theme_warning_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SCell_nspw1_gg_._theme_danger_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_nspw1_gg_._theme_danger_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_nspw1_gg_._borders_both_nspw1_gg_,.___SCell_nspw1_gg_._borders_left_nspw1_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_nspw1_gg_._borders_both_nspw1_gg_,.___SCell_nspw1_gg_._borders_right_nspw1_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_nspw1_gg_.__innerOutline_nspw1_gg_:focus-visible{transition:none}.___SCell_nspw1_gg_.__withAccordion_nspw1_gg_,.___SCell_nspw1_gg_._name_Symbol\\(SELECT_ALL\\)_nspw1_gg_,.___SRow_nspw1_gg_._accordionType_row_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{cursor:pointer}.___SCheckboxCell_nspw1_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCellWrapper_nspw1_gg_.__fixed_nspw1_gg_{position:sticky;z-index:2}.___SSpinContainer_nspw1_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));z-index:15}.___SSpinContainer_nspw1_gg_:focus-visible{z-index:15}.___SSpinContainer_nspw1_gg_.__headerHeight_nspw1_gg_{top:var(--headerHeight_nspw1)}.___SEmptyData_nspw1_gg_{grid-column:1/-1}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_,.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level],.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:last-child .___SCell_nspw1_gg_,.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:last-child .___SCell_nspw1_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_nspw1_gg_.__fixed_nspw1_gg_.__shadowVertical_nspw1_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_{margin-right:-5px}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_:after,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_ .___SCell_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_ .___SCell_nspw1_gg_{margin-right:5px}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_{margin-left:-5px}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_:after,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_ .___SCell_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_ .___SCell_nspw1_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_nspw1_gg_.__gridArea_nspw1_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_nspw1);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_nspw1_gg_.__left_nspw1_gg_{position:sticky;left:var(---left_nspw1)}", /*__inner_css_end__*/"nspw1_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SBody": "___SBody_nspw1_gg_",
+  "__SRow": "___SRow_nspw1_gg_",
+  "__SRowGroup": "___SRowGroup_nspw1_gg_",
+  "__SAccordionRows": "___SAccordionRows_nspw1_gg_",
+  "--gridRow": "--gridRow_nspw1",
+  "--duration": "--duration_nspw1",
+  "_gridArea": "__gridArea_nspw1_gg_",
+  "__SCellWrapper": "___SCellWrapper_nspw1_gg_",
+  "__SCollapseRow": "___SCollapseRow_nspw1_gg_",
+  "--gridArea": "--gridArea_nspw1",
+  "_isAccordionRow": "__isAccordionRow_nspw1_gg_",
+  "__SCell": "___SCell_nspw1_gg_",
+  "_withoutBorder": "__withoutBorder_nspw1_gg_",
+  "_accordionType_row": "_accordionType_row_nspw1_gg_",
+  "_expanded": "__expanded_nspw1_gg_",
+  "_theme": "__theme_nspw1_gg_",
+  "_withAccordion": "__withAccordion_nspw1_gg_",
+  "_isNonInteractive": "__isNonInteractive_nspw1_gg_",
+  "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_nspw1_gg_",
+  "_theme_muted": "_theme_muted_nspw1_gg_",
+  "_theme_info": "_theme_info_nspw1_gg_",
+  "_theme_success": "_theme_success_nspw1_gg_",
+  "_theme_warning": "_theme_warning_nspw1_gg_",
+  "_theme_danger": "_theme_danger_nspw1_gg_",
+  "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_nspw1_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_nspw1_gg_",
+  "_fixed": "__fixed_nspw1_gg_",
+  "__SEmptyData": "___SEmptyData_nspw1_gg_",
+  "_left": "__left_nspw1_gg_",
+  "---left": "---left_nspw1",
+  "_compact": "__compact_nspw1_gg_",
+  "--data-aria-level": "--data-aria-level_nspw1",
+  "_sideIndents_wide": "_sideIndents_wide_nspw1_gg_",
+  "__SAccordionToggle": "___SAccordionToggle_nspw1_gg_",
+  "_use_primary": "_use_primary_nspw1_gg_",
+  "_use_secondary": "_use_secondary_nspw1_gg_",
+  "_borders_both": "_borders_both_nspw1_gg_",
+  "_borders_left": "_borders_left_nspw1_gg_",
+  "_borders_right": "_borders_right_nspw1_gg_",
+  "_innerOutline": "__innerOutline_nspw1_gg_",
+  "__SSpinContainer": "___SSpinContainer_nspw1_gg_",
+  "_headerHeight": "__headerHeight_nspw1_gg_",
+  "--headerHeight": "--headerHeight_nspw1",
+  "_shadowVertical": "__shadowVertical_nspw1_gg_",
+  "_fixed_left": "_fixed_left_nspw1_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_nspw1_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_nspw1_gg_",
+  "_fixed_right": "_fixed_right_nspw1_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_nspw1_gg_"
+});
+import { Body } from '../Body/Body';
+import { MergedRowsCell } from '../Body/MergedCells';
+import { SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+export class RowGroup extends React.PureComponent {
+  // private unsubscribeToggle: undefined | (() => void) = undefined;
+  //
+  // componentDidMount() {
+  //   const { selectedRows, rows } = this.props;
+  //
+  //   if (selectedRows && !Array.isArray(selectedRows)) {
+  //     this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {
+  //       if (rows[0][UNIQ_ROW_KEY] === key) {
+  //         this.forceUpdate();
+  //       }
+  //     });
+  //   }
+  // }
+  //
+  // componentWillUnmount() {
+  //   this.unsubscribeToggle?.();
+  // }
+
+  render() {
+    var _ref;
+    const SRowGroup = Box;
+    const {
+      rows,
+      selectedRows,
+      columns,
+      startIndex,
+      rowIndex
+    } = this.props;
+    const groupUniqKey = rows[0][UNIQ_ROW_KEY];
+    let isFirstCellAreMergedRows = false;
+    // const theme: 'info' | undefined = undefined;
+
+    if (selectedRows) {
+      const nextColumnName = columns[1].name;
+      const firstCell = rows[0][nextColumnName];
+      if (firstCell instanceof MergedRowsCell) {
+        rows[0][SELECT_ALL.toString()] = new MergedRowsCell('', firstCell.rowsCount);
+        isFirstCellAreMergedRows = true;
+      }
+    }
+    return _ref = sstyled(style), /*#__PURE__*/React.createElement(SRowGroup, _ref.cn("SRowGroup", {
+      "role": 'rowgroup',
+      "key": `gg_${groupUniqKey}`,
+      "ref": this.props.handleRef(startIndex + rowIndex, rows[0])
+    }), rows.map((item, i) => {
+      const rowProps = {
+        row: item,
+        mergedRow: i > 0 ? true : false,
+        componentRef: this.props.handleComponentRef(item)
+      };
+
+      // if (isFirstCellAreMergedRows && (Array.isArray(selectedRows) ? selectedRows.includes(groupUniqKey) : selectedRows?.isChecked(groupUniqKey))) {
+      //   rowProps.theme = 'info';
+      // }
+
+      return /*#__PURE__*/React.createElement(Body.Row, _extends({
+        key: item[UNIQ_ROW_KEY]?.toString() ?? `gg_${groupUniqKey}_row_${i}`
+      }, rowProps));
+    }));
+  }
+}
+//# sourceMappingURL=RowGroup.js.map

package/lib/es6/components/Body/RowGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowGroup.js","names":["Box","sstyled","React","style","_sstyled","insert","Body","MergedRowsCell","SELECT_ALL","UNIQ_ROW_KEY","RowGroup","PureComponent","render","_ref","SRowGroup","rows","selectedRows","columns","startIndex","rowIndex","props","groupUniqKey","isFirstCellAreMergedRows","nextColumnName","name","firstCell","toString","rowsCount","createElement","cn","handleRef","map","item","i","rowProps","row","mergedRow","componentRef","handleComponentRef","Row","_extends","key"],"sources":["../../../../src/components/Body/RowGroup.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { sstyled } from '@semcore/core';\nimport * as React from 'react';\n\nimport style from './style.shadow.css';\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport { Body } from '../Body/Body';\nimport { MergedRowsCell } from '../Body/MergedCells';\nimport type { RowRoot } from '../Body/Row';\nimport type { DTRow, DataTableRowProps } from '../Body/Row.types';\nimport { SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype RowGroupProps<Data extends DataTableData, UniqKeyType> = {\n  rows: DTRow<UniqKeyType>[];\n  selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n  columns: DTColumn[];\n  startIndex: number;\n  rowIndex: number;\n  handleRef: (index: number, row: DTRow<UniqKeyType>) => (node: HTMLElement | null) => void;\n  handleComponentRef: (row: DTRow<UniqKeyType>) => (component: RowRoot<Data, UniqKeyType> | null) => void;\n\n};\n\nexport class RowGroup<Data extends DataTableData, UniqKeyType> extends React.PureComponent<RowGroupProps<Data, UniqKeyType>> {\n  // private unsubscribeToggle: undefined | (() => void) = undefined;\n  //\n  // componentDidMount() {\n  //   const { selectedRows, rows } = this.props;\n  //\n  //   if (selectedRows && !Array.isArray(selectedRows)) {\n  //     this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {\n  //       if (rows[0][UNIQ_ROW_KEY] === key) {\n  //         this.forceUpdate();\n  //       }\n  //     });\n  //   }\n  // }\n  //\n  // componentWillUnmount() {\n  //   this.unsubscribeToggle?.();\n  // }\n\n  render() {\n    const SRowGroup = Box;\n    const { rows, selectedRows, columns, startIndex, rowIndex } = this.props;\n\n    const groupUniqKey = rows[0][UNIQ_ROW_KEY];\n\n    let isFirstCellAreMergedRows = false;\n    // const theme: 'info' | undefined = undefined;\n\n    if (selectedRows) {\n      const nextColumnName = columns[1].name;\n      const firstCell = rows[0][nextColumnName];\n\n      if (firstCell instanceof MergedRowsCell) {\n        rows[0][SELECT_ALL.toString()] = new MergedRowsCell('', firstCell.rowsCount);\n\n        isFirstCellAreMergedRows = true;\n      }\n    }\n\n    return sstyled(style)(\n      <SRowGroup\n        role='rowgroup'\n        key={`gg_${groupUniqKey}`}\n        ref={this.props.handleRef(startIndex + rowIndex, rows[0])}\n      >\n        {rows.map((item, i) => {\n          const rowProps: DataTableRowProps<any, any> = {\n            row: item,\n            mergedRow: i > 0 ? true : false,\n            componentRef: this.props.handleComponentRef(item),\n          };\n\n          // if (isFirstCellAreMergedRows && (Array.isArray(selectedRows) ? selectedRows.includes(groupUniqKey) : selectedRows?.isChecked(groupUniqKey))) {\n          //   rowProps.theme = 'info';\n          // }\n\n          return (\n            <Body.Row\n              key={item[UNIQ_ROW_KEY]?.toString() ?? `gg_${groupUniqKey}_row_${i}`}\n              {...rowProps}\n            />\n          );\n        })}\n      </SRowGroup>,\n    );\n  }\n}\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,OAAO,QAAQ,eAAe;AACvC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK/B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,qBAAqB;AAGpD,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAejE,OAAO,MAAMC,QAAQ,SAAkDR,KAAK,CAACS,aAAa,CAAmC;EAC3H;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA;IACP,MAAMC,SAAS,GAAGd,GAAG;IACrB,MAAM;MAAEe,IAAI;MAAEC,YAAY;MAAEC,OAAO;MAAEC,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAExE,MAAMC,YAAY,GAAGN,IAAI,CAAC,CAAC,CAAC,CAACN,YAAY,CAAC;IAE1C,IAAIa,wBAAwB,GAAG,KAAK;IACpC;;IAEA,IAAIN,YAAY,EAAE;MAChB,MAAMO,cAAc,GAAGN,OAAO,CAAC,CAAC,CAAC,CAACO,IAAI;MACtC,MAAMC,SAAS,GAAGV,IAAI,CAAC,CAAC,CAAC,CAACQ,cAAc,CAAC;MAEzC,IAAIE,SAAS,YAAYlB,cAAc,EAAE;QACvCQ,IAAI,CAAC,CAAC,CAAC,CAACP,UAAU,CAACkB,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAInB,cAAc,CAAC,EAAE,EAAEkB,SAAS,CAACE,SAAS,CAAC;QAE5EL,wBAAwB,GAAG,IAAI;MACjC;IACF;IAEA,OAAAT,IAAA,GAAOZ,OAAO,CAACE,KAAK,CAAC,eACnBD,KAAA,CAAA0B,aAAA,CAACd,SAAS,EAAAD,IAAA,CAAAgB,EAAA;MAAA,QACH,UAAU;MAAA,OACV,MAAMR,YAAY,EAAE;MAAA,OACpB,IAAI,CAACD,KAAK,CAACU,SAAS,CAACZ,UAAU,GAAGC,QAAQ,EAAEJ,IAAI,CAAC,CAAC,CAAC;IAAC,IAExDA,IAAI,CAACgB,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAK;MACrB,MAAMC,QAAqC,GAAG;QAC5CC,GAAG,EAAEH,IAAI;QACTI,SAAS,EAAEH,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,KAAK;QAC/BI,YAAY,EAAE,IAAI,CAACjB,KAAK,CAACkB,kBAAkB,CAACN,IAAI;MAClD,CAAC;;MAED;MACA;MACA;;MAEA,oBACE9B,KAAA,CAAA0B,aAAA,CAACtB,IAAI,CAACiC,GAAG,EAAAC,QAAA;QACPC,GAAG,EAAET,IAAI,CAACvB,YAAY,CAAC,EAAEiB,QAAQ,CAAC,CAAC,IAAI,MAAML,YAAY,QAAQY,CAAC;MAAG,GACjEC,QAAQ,CACb,CAAC;IAEN,CAAC,CACQ,CAAC;EAEhB;AACF","ignoreList":[]}

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

@@ -66,46 +66,20 @@ SCollapseRow > SCellWrapper > SCell {
   display: block;
 }
 
-/* DEFAULT THEME */
-
-SRow[active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
 SRow[accordionType='row'][expanded] > SCellWrapper > SCell:not([theme]),
 SCell:not([theme])[expanded][withAccordion] {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SCell[theme='muted'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
-SCell[theme='info'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
-}
-
-SCell[theme='success'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-new-hover, #9ef2c9);
-}
-
-SCell[theme='warning'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-warning-hover, #ffdca2);
-}
-
-SCell[theme='danger'][expanded][withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-critical-hover, #ffd7df);
-}
-
 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:not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
-  SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]):not([aria-hidden]) {
+  :not(SRowGroup:has([data-row-selector="true"] input:checked)) > SRow:not([accordionType='row'][expanded]):hover:not([isNonInteractive]):not(:has([data-row-selector="true"] input:checked)):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover):not(:has([data-row-selector="true"] input:checked)) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
+  SRowGroup:has(SCell:hover):not(:has([data-row-selector="true"] input:checked)) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]):not([aria-hidden]) {
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
@@ -121,9 +95,13 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 
   /* INFO THEME */
   SRow:hover:not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell[theme='info']:not([aria-hidden]),
+  SRow:hover:has([data-row-selector="true"] input:checked):not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([aria-hidden]),
   SRow[theme='info']:hover:not([expanded][isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[theme='info']:not([aria-hidden]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover):has([data-row-selector="true"] input:checked) SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([aria-hidden]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info']:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([aria-hidden]),
+  SRowGroup:has(SCell:hover):has([data-row-selector="true"] input:checked) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([aria-hidden]),
+  SRowGroup:has([data-row-selector="true"] input:checked) > SRow:hover:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([aria-hidden]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info']:not([aria-hidden]),
   SRowGroup:has(SCell:hover) > SRow[theme='info']:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([aria-hidden]) {
     background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
@@ -160,81 +138,15 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
   }
 }
 
-/* MUTED THEME */
-
-SRow[theme='muted'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-  }
-}
-
-SRow[theme='muted'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
-/* INFO THEME */
+SRowGroup:has([data-row-selector="true"] input:checked) > SRow > SCellWrapper > SCell,
+SRow:has([data-row-selector="true"] input:checked) > SCellWrapper > SCell {
+  background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
 
-SRow[theme='info'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
-  }
   &[expanded][withAccordion] {
     background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
   }
 }
 
-SRow[theme='info'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
-}
-
-/* SUCCESS THEME */
-
-SRow[theme='success'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
-  }
-}
-
-SRow[theme='success'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
-}
-
-/* WARNING THEME */
-
-SRow[theme='warning'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
-  }
-}
-
-SRow[theme='warning'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
-}
-
-/* DANGER THEME */
-
-SRow[theme='danger'] SCell:not([theme]) {
-  &:not([expanded][withAccordion]) {
-    background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
-  }
-  &[expanded][withAccordion] {
-    background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
-  }
-}
-
-SRow[theme='danger'][active] > SCellWrapper > SCell:not([theme]) {
-  background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
-}
-
 SCell {
   display: flex;
   height: 100%;
@@ -251,7 +163,6 @@ SCell {
   overflow: hidden;
 
   SAccordionToggle {
-    margin-top: var(--intergalactic-spacing-05x, 2px);
     margin-right: var(--intergalactic-spacing-3x, 12px);
     margin-left: calc(var(--intergalactic-spacing-05x, 2px) * -1);
     height: fit-content;
@@ -268,68 +179,94 @@ SCell {
   &[withoutBorder] {
     border-bottom: none;
   }
-}
 
-SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='Symbol(SELECT_ALL)'] {
-  cursor: pointer;
-}
+  &[use='primary'] {
+    padding: var(--intergalactic-spacing-3x, 12px);
+    min-height: 45px;
+    background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
 
-SCheckboxCell[aria-hidden] {
-  filter: blur(3px);
-  pointer-events: none;
-}
+    &[data-aria-level] {
+      padding-left: calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    }
+  }
 
-SCell[use='primary'] {
-  padding: var(--intergalactic-spacing-3x, 12px);
-  min-height: 45px;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  &[use='secondary'] {
+    padding: var(--intergalactic-spacing-2x, 8px);
+    min-height: 37px;
+    background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
 
-  &[data-aria-level] {
-    padding-left: calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    &[data-aria-level] {
+      padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    }
   }
-}
 
-SCell[use='secondary'] {
-  padding: var(--intergalactic-spacing-2x, 8px);
-  min-height: 37px;
-  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  &[theme='muted'] {
+    background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
 
-  &[data-aria-level] {
-    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
+    }
   }
-}
 
-SCell[borders='both'], SCell[borders='left'] {
-  border-left: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
-}
+  &[theme='info'] {
+    background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
 
-SCell[borders='both'], SCell[borders='right'] {
-  border-right: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
-}
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
+    }
+  }
 
-SCellWrapper[fixed] {
-  position: sticky;
-  z-index: 2;
-}
+  &[theme='success'] {
+    background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
 
-SCell[theme='muted'] {
-  background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
-}
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
+    }
+  }
 
-SCell[theme='info'] {
-  background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
+  &[theme='warning'] {
+    background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
+
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
+    }
+  }
+
+  &[theme='danger'] {
+    background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
+
+    &[expanded][withAccordion] {
+      background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
+    }
+  }
+
+  &[borders='both'],
+  &[borders='left'] {
+    border-left: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+  }
+
+  &[borders='both'],
+  &[borders='right'] {
+    border-right: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+  }
+
+  &[innerOutline]:focus-visible {
+    transition: none;
+  }
 }
 
-SCell[theme='success'] {
-  background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
+SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='Symbol(SELECT_ALL)'] {
+  cursor: pointer;
 }
 
-SCell[theme='warning'] {
-  background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
+SCheckboxCell[aria-hidden] {
+  filter: blur(3px);
+  pointer-events: none;
 }
 
-SCell[theme='danger'] {
-  background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
+SCellWrapper[fixed] {
+  position: sticky;
+  z-index: 2;
 }
 
 SSpinContainer {
@@ -343,13 +280,14 @@ SSpinContainer {
   justify-content: center;
   background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
   z-index: 15;
-}
-SSpinContainer:focus-visible {
-  z-index: 15;
-}
 
-SSpinContainer[headerHeight] {
-  top: var(--headerHeight);
+  &:focus-visible {
+    z-index: 15;
+  }
+
+  &[headerHeight] {
+    top: var(--headerHeight);
+  }
 }
 
 SEmptyData {
@@ -427,7 +365,3 @@ SLimitOverlayCellWrapper[left] {
   position: sticky;
   left: var(---left);
 }
-
-SCell[innerOutline]:focus-visible {
-  transition: none;
-}