@semcore/data-table 4.18.0 → 4.19.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/lib/cjs/Body.js +4 -4
  3. package/lib/cjs/DataTable.js +40 -40
  4. package/lib/cjs/Head.js +4 -4
  5. package/lib/cjs/style/data-table.shadow.css +4 -4
  6. package/lib/es6/Body.js +4 -4
  7. package/lib/es6/DataTable.js +40 -40
  8. package/lib/es6/Head.js +4 -4
  9. package/lib/es6/style/data-table.shadow.css +4 -4
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.18.0-prerelease.1] - 2023-11-24
5
+ ## [4.19.0-prerelease.1] - 2023-11-30
6
+
7
+ ### Added
8
+
9
+ - Sort icon is visible when column is focused by keyboard.
10
+
11
+ ## [4.18.0] - 2023-11-24
6
12
 
7
13
  ### Changed
8
14
 
package/lib/cjs/Body.js CHANGED
@@ -29,10 +29,10 @@ var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"))
29
29
  var _excluded = ["childrenPropsGetter"],
30
30
  _excluded2 = ["childrenPropsGetter"];
31
31
  /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
32
- var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_k682d_gg_:before{left:var(--left-offset_k682d)!important}.___SShadowHorizontal_k682d_gg_:after{right:var(--right-offset_k682d)!important}" /*__inner_css_end__*/, "k682d_gg_") /*__reshadow_css_end__*/, {
33
- "__SShadowHorizontal": "___SShadowHorizontal_k682d_gg_",
34
- "--left-offset": "--left-offset_k682d",
35
- "--right-offset": "--right-offset_k682d"
32
+ var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_9njzm_gg_:before{left:var(--left-offset_9njzm)!important}.___SShadowHorizontal_9njzm_gg_:after{right:var(--right-offset_9njzm)!important}" /*__inner_css_end__*/, "9njzm_gg_") /*__reshadow_css_end__*/, {
33
+ "__SShadowHorizontal": "___SShadowHorizontal_9njzm_gg_",
34
+ "--left-offset": "--left-offset_9njzm",
35
+ "--right-offset": "--right-offset_9njzm"
36
36
  });
37
37
  var testEnv = process.env.NODE_ENV === 'test';
38
38
  var getCellsByColumn = function getCellsByColumn(cells) {
package/lib/cjs/DataTable.js CHANGED
@@ -28,46 +28,46 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
28
28
  var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"],
29
29
  _excluded2 = ["name", "children"];
30
30
  /*__reshadow-styles__:"./style/data-table.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_c7o7c_gg_,.___SHeadWrapper_c7o7c_gg_{position:relative}.___SDataTable_c7o7c_gg_.__compact_c7o7c_gg_ .___SCell_c7o7c_gg_,.___SDataTable_c7o7c_gg_.__compact_c7o7c_gg_ .___SColumn_c7o7c_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_c7o7c_gg_.__sticky_c7o7c_gg_{position:sticky;top:0;z-index:2}.___SHead_c7o7c_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_c7o7c_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_c7o7c_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_c7o7c_gg_.__hidden_c7o7c_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_c7o7c_gg_._use_primary_c7o7c_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_c7o7c_gg_._use_secondary_c7o7c_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_c7o7c_gg_.__group_c7o7c_gg_.__use_c7o7c_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_c7o7c_gg_.__groupHead_c7o7c_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_{cursor:pointer}@media (hover:hover){.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_._use_primary_c7o7c_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_:hover .___SSortWrapper_c7o7c_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_:hover .___SSortIcon_c7o7c_gg_,.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_:hover .___SSortWrapper_c7o7c_gg_:before{display:block;opacity:1}}.___SColumn_c7o7c_gg_._use_primary_c7o7c_gg_.__active_c7o7c_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_c7o7c_gg_.__active_c7o7c_gg_ .___SSortWrapper_c7o7c_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c7o7c_gg_.__active_c7o7c_gg_ .___SSortIcon_c7o7c_gg_{display:block;position:relative;opacity:1}.___SColumn_c7o7c_gg_.__resizable_c7o7c_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_c7o7c_gg_.__resizable_c7o7c_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_c7o7c_gg_.__resizable_c7o7c_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_c7o7c_gg_.__fixed_c7o7c_gg_{position:sticky;z-index:2}.___SCell_c7o7c_gg_.__borderLeft_c7o7c_gg_,.___SColumn_c7o7c_gg_.__borderLeft_c7o7c_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_c7o7c_gg_.__borderRight_c7o7c_gg_,.___SColumn_c7o7c_gg_.__borderRight_c7o7c_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_c7o7c_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0}.___SSortIcon_c7o7c_gg_,.___SSortWrapper_c7o7c_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_c7o7c_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_c7o7c_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_c7o7c_gg_._use_primary_c7o7c_gg_ .___SSortWrapper_c7o7c_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_c7o7c_gg_._use_secondary_c7o7c_gg_ .___SSortWrapper_c7o7c_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_c7o7c_gg_{position:relative}.___SBody_c7o7c_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_c7o7c_gg_{display:flex;flex-direction:row;position:relative}.___SRow_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_muted_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_info_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_success_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_warning_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_danger_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_c7o7c_gg_.__positioned_c7o7c_gg_{position:absolute}.___SCell_c7o7c_gg_{display:flex;flex:1;flex-basis:auto;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:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_c7o7c_gg_._use_primary_c7o7c_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_c7o7c_gg_._use_secondary_c7o7c_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_c7o7c_gg_.__fixed_c7o7c_gg_{position:sticky;z-index:1}.___SCell_c7o7c_gg_._theme_muted_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_c7o7c_gg_._theme_info_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_c7o7c_gg_._theme_success_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_c7o7c_gg_._theme_warning_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_c7o7c_gg_._theme_danger_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_c7o7c_gg_._orientation_horizontal_c7o7c_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_c7o7c) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_c7o7c) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_c7o7c) - 8px)}.___SScrollAreaBar_c7o7c_gg_._orientation_vertical_c7o7c_gg_{width:12px}.___SHeightHold_c7o7c_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "c7o7c_gg_") /*__reshadow_css_end__*/, {
32
- "__SDataTable": "___SDataTable_c7o7c_gg_",
33
- "__SHeadWrapper": "___SHeadWrapper_c7o7c_gg_",
34
- "_sticky": "__sticky_c7o7c_gg_",
35
- "__SHead": "___SHead_c7o7c_gg_",
36
- "__SColumn": "___SColumn_c7o7c_gg_",
37
- "_hidden": "__hidden_c7o7c_gg_",
38
- "_use_primary": "_use_primary_c7o7c_gg_",
39
- "_use_secondary": "_use_secondary_c7o7c_gg_",
40
- "_group": "__group_c7o7c_gg_",
41
- "_use": "__use_c7o7c_gg_",
42
- "_groupHead": "__groupHead_c7o7c_gg_",
43
- "_active": "__active_c7o7c_gg_",
44
- "__SSortWrapper": "___SSortWrapper_c7o7c_gg_",
45
- "__SSortIcon": "___SSortIcon_c7o7c_gg_",
46
- "_fixed": "__fixed_c7o7c_gg_",
47
- "_borderLeft": "__borderLeft_c7o7c_gg_",
48
- "__SCell": "___SCell_c7o7c_gg_",
49
- "_borderRight": "__borderRight_c7o7c_gg_",
50
- "__SBodyWrapper": "___SBodyWrapper_c7o7c_gg_",
51
- "__SBody": "___SBody_c7o7c_gg_",
52
- "__SRow": "___SRow_c7o7c_gg_",
53
- "_theme": "__theme_c7o7c_gg_",
54
- "__SGroupCell": "___SGroupCell_c7o7c_gg_",
55
- "_theme_muted": "_theme_muted_c7o7c_gg_",
56
- "_theme_info": "_theme_info_c7o7c_gg_",
57
- "_theme_success": "_theme_success_c7o7c_gg_",
58
- "_theme_warning": "_theme_warning_c7o7c_gg_",
59
- "_theme_danger": "_theme_danger_c7o7c_gg_",
60
- "_positioned": "__positioned_c7o7c_gg_",
61
- "__SScrollAreaBar": "___SScrollAreaBar_c7o7c_gg_",
62
- "_orientation_horizontal": "_orientation_horizontal_c7o7c_gg_",
63
- "--left-offset": "--left-offset_c7o7c",
64
- "--right-offset": "--right-offset_c7o7c",
65
- "--offsetSum": "--offsetSum_c7o7c",
66
- "_orientation_vertical": "_orientation_vertical_c7o7c_gg_",
67
- "__SHeightHold": "___SHeightHold_c7o7c_gg_",
68
- "_compact": "__compact_c7o7c_gg_",
69
- "_sortable": "__sortable_c7o7c_gg_",
70
- "_resizable": "__resizable_c7o7c_gg_"
31
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_yfw21_gg_,.___SHeadWrapper_yfw21_gg_{position:relative}.___SDataTable_yfw21_gg_.__compact_yfw21_gg_ .___SCell_yfw21_gg_,.___SDataTable_yfw21_gg_.__compact_yfw21_gg_ .___SColumn_yfw21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_yfw21_gg_.__sticky_yfw21_gg_{position:sticky;top:0;z-index:2}.___SHead_yfw21_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_yfw21_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_yfw21_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_yfw21_gg_.__hidden_yfw21_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_yfw21_gg_._use_primary_yfw21_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_yfw21_gg_._use_secondary_yfw21_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_yfw21_gg_.__group_yfw21_gg_.__use_yfw21_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_yfw21_gg_.__groupHead_yfw21_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_{cursor:pointer}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_._use_primary_yfw21_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_._use_primary_yfw21_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:focus .___SSortWrapper_yfw21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:hover .___SSortWrapper_yfw21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:focus .___SSortIcon_yfw21_gg_,.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:focus .___SSortWrapper_yfw21_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:hover .___SSortWrapper_yfw21_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:hover .___SSortIcon_yfw21_gg_{display:block;opacity:1}}.___SColumn_yfw21_gg_._use_primary_yfw21_gg_.__active_yfw21_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_yfw21_gg_.__active_yfw21_gg_ .___SSortWrapper_yfw21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_yfw21_gg_.__active_yfw21_gg_ .___SSortIcon_yfw21_gg_{display:block;position:relative;opacity:1}.___SColumn_yfw21_gg_.__resizable_yfw21_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_yfw21_gg_.__resizable_yfw21_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_yfw21_gg_.__resizable_yfw21_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_yfw21_gg_.__fixed_yfw21_gg_{position:sticky;z-index:2}.___SCell_yfw21_gg_.__borderLeft_yfw21_gg_,.___SColumn_yfw21_gg_.__borderLeft_yfw21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yfw21_gg_.__borderRight_yfw21_gg_,.___SColumn_yfw21_gg_.__borderRight_yfw21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_yfw21_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0}.___SSortIcon_yfw21_gg_,.___SSortWrapper_yfw21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_yfw21_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_yfw21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_yfw21_gg_._use_primary_yfw21_gg_ .___SSortWrapper_yfw21_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_yfw21_gg_._use_secondary_yfw21_gg_ .___SSortWrapper_yfw21_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_yfw21_gg_{position:relative}.___SBody_yfw21_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_yfw21_gg_{display:flex;flex-direction:row;position:relative}.___SRow_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_muted_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_yfw21_gg_._theme_muted_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_yfw21_gg_._theme_muted_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_muted_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_muted_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_yfw21_gg_._theme_info_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yfw21_gg_._theme_info_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_yfw21_gg_._theme_info_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_info_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_info_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_yfw21_gg_._theme_success_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yfw21_gg_._theme_success_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_yfw21_gg_._theme_success_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_success_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_success_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_yfw21_gg_._theme_warning_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yfw21_gg_._theme_warning_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_yfw21_gg_._theme_warning_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_warning_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_warning_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_yfw21_gg_._theme_danger_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yfw21_gg_._theme_danger_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_yfw21_gg_._theme_danger_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_danger_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_danger_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yfw21_gg_.__positioned_yfw21_gg_{position:absolute}.___SCell_yfw21_gg_{display:flex;flex:1;flex-basis:auto;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:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_yfw21_gg_._use_primary_yfw21_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yfw21_gg_._use_secondary_yfw21_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yfw21_gg_.__fixed_yfw21_gg_{position:sticky;z-index:1}.___SCell_yfw21_gg_._theme_muted_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yfw21_gg_._theme_info_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yfw21_gg_._theme_success_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yfw21_gg_._theme_warning_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yfw21_gg_._theme_danger_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_yfw21_gg_._orientation_horizontal_yfw21_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_yfw21) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_yfw21) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_yfw21) - 8px)}.___SScrollAreaBar_yfw21_gg_._orientation_vertical_yfw21_gg_{width:12px}.___SHeightHold_yfw21_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "yfw21_gg_") /*__reshadow_css_end__*/, {
32
+ "__SDataTable": "___SDataTable_yfw21_gg_",
33
+ "__SHeadWrapper": "___SHeadWrapper_yfw21_gg_",
34
+ "_sticky": "__sticky_yfw21_gg_",
35
+ "__SHead": "___SHead_yfw21_gg_",
36
+ "__SColumn": "___SColumn_yfw21_gg_",
37
+ "_hidden": "__hidden_yfw21_gg_",
38
+ "_use_primary": "_use_primary_yfw21_gg_",
39
+ "_use_secondary": "_use_secondary_yfw21_gg_",
40
+ "_group": "__group_yfw21_gg_",
41
+ "_use": "__use_yfw21_gg_",
42
+ "_groupHead": "__groupHead_yfw21_gg_",
43
+ "_active": "__active_yfw21_gg_",
44
+ "__SSortWrapper": "___SSortWrapper_yfw21_gg_",
45
+ "__SSortIcon": "___SSortIcon_yfw21_gg_",
46
+ "_fixed": "__fixed_yfw21_gg_",
47
+ "_borderLeft": "__borderLeft_yfw21_gg_",
48
+ "__SCell": "___SCell_yfw21_gg_",
49
+ "_borderRight": "__borderRight_yfw21_gg_",
50
+ "__SBodyWrapper": "___SBodyWrapper_yfw21_gg_",
51
+ "__SBody": "___SBody_yfw21_gg_",
52
+ "__SRow": "___SRow_yfw21_gg_",
53
+ "_theme": "__theme_yfw21_gg_",
54
+ "__SGroupCell": "___SGroupCell_yfw21_gg_",
55
+ "_theme_muted": "_theme_muted_yfw21_gg_",
56
+ "_theme_info": "_theme_info_yfw21_gg_",
57
+ "_theme_success": "_theme_success_yfw21_gg_",
58
+ "_theme_warning": "_theme_warning_yfw21_gg_",
59
+ "_theme_danger": "_theme_danger_yfw21_gg_",
60
+ "_positioned": "__positioned_yfw21_gg_",
61
+ "__SScrollAreaBar": "___SScrollAreaBar_yfw21_gg_",
62
+ "_orientation_horizontal": "_orientation_horizontal_yfw21_gg_",
63
+ "--left-offset": "--left-offset_yfw21",
64
+ "--right-offset": "--right-offset_yfw21",
65
+ "--offsetSum": "--offsetSum_yfw21",
66
+ "_orientation_vertical": "_orientation_vertical_yfw21_gg_",
67
+ "__SHeightHold": "___SHeightHold_yfw21_gg_",
68
+ "_compact": "__compact_yfw21_gg_",
69
+ "_sortable": "__sortable_yfw21_gg_",
70
+ "_resizable": "__resizable_yfw21_gg_"
71
71
  });
72
72
  var reversedSortDirection = {
73
73
  desc: 'asc',
package/lib/cjs/Head.js CHANGED
@@ -24,10 +24,10 @@ var _utils = require("./utils");
24
24
  var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
25
25
  var _ref4 = require("@semcore/utils/lib/ref");
26
26
  /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
27
- var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_k682d_gg_:before{left:var(--left-offset_k682d)!important}.___SShadowHorizontal_k682d_gg_:after{right:var(--right-offset_k682d)!important}" /*__inner_css_end__*/, "k682d_gg_") /*__reshadow_css_end__*/, {
28
- "__SShadowHorizontal": "___SShadowHorizontal_k682d_gg_",
29
- "--left-offset": "--left-offset_k682d",
30
- "--right-offset": "--right-offset_k682d"
27
+ var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_9njzm_gg_:before{left:var(--left-offset_9njzm)!important}.___SShadowHorizontal_9njzm_gg_:after{right:var(--right-offset_9njzm)!important}" /*__inner_css_end__*/, "9njzm_gg_") /*__reshadow_css_end__*/, {
28
+ "__SShadowHorizontal": "___SShadowHorizontal_9njzm_gg_",
29
+ "--left-offset": "--left-offset_9njzm",
30
+ "--right-offset": "--right-offset_9njzm"
31
31
  });
32
32
  var SORTING_ICON = {
33
33
  desc: _m["default"],
package/lib/cjs/style/data-table.shadow.css CHANGED
@@ -86,21 +86,21 @@ SColumn[groupHead] {
86
86
  SColumn[sortable] {
87
87
  cursor: pointer;
88
88
 
89
- &[use='primary']:hover {
89
+ &[use='primary']:hover, &[use='primary']:focus {
90
90
  background-color: var(--intergalactic-table-th-primary-cell-hover, #e0e1e9);
91
91
  }
92
92
 
93
- &:hover SSortWrapper {
93
+ &:hover SSortWrapper, &:focus SSortWrapper {
94
94
  flex-basis: calc(var(--intergalactic-spacing-1x, 4px) + 16px);
95
95
  opacity: 1;
96
96
  }
97
97
 
98
- &:hover SSortWrapper:before {
98
+ &:hover SSortWrapper:before, &:focus SSortWrapper:before {
99
99
  display: block;
100
100
  opacity: 1;
101
101
  }
102
102
 
103
- &:hover SSortIcon {
103
+ &:hover SSortIcon, &:focus SSortIcon {
104
104
  display: block;
105
105
  opacity: 1;
106
106
  }
package/lib/es6/Body.js CHANGED
@@ -21,10 +21,10 @@ import ScrollArea from '@semcore/scroll-area';
21
21
  import { getFixedStyle, getScrollOffsetValue } from './utils';
22
22
  import assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
23
23
  /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
24
- var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_k682d_gg_:before{left:var(--left-offset_k682d)!important}.___SShadowHorizontal_k682d_gg_:after{right:var(--right-offset_k682d)!important}" /*__inner_css_end__*/, "k682d_gg_") /*__reshadow_css_end__*/, {
25
- "__SShadowHorizontal": "___SShadowHorizontal_k682d_gg_",
26
- "--left-offset": "--left-offset_k682d",
27
- "--right-offset": "--right-offset_k682d"
24
+ var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_9njzm_gg_:before{left:var(--left-offset_9njzm)!important}.___SShadowHorizontal_9njzm_gg_:after{right:var(--right-offset_9njzm)!important}" /*__inner_css_end__*/, "9njzm_gg_") /*__reshadow_css_end__*/, {
25
+ "__SShadowHorizontal": "___SShadowHorizontal_9njzm_gg_",
26
+ "--left-offset": "--left-offset_9njzm",
27
+ "--right-offset": "--right-offset_9njzm"
28
28
  });
29
29
  import trottle from '@semcore/utils/lib/rafTrottle';
30
30
  import canUseDOM from '@semcore/utils/lib/canUseDOM';
package/lib/es6/DataTable.js CHANGED
@@ -22,46 +22,46 @@ import Head from './Head';
22
22
  import Body from './Body';
23
23
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
24
24
  /*__reshadow-styles__:"./style/data-table.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_c7o7c_gg_,.___SHeadWrapper_c7o7c_gg_{position:relative}.___SDataTable_c7o7c_gg_.__compact_c7o7c_gg_ .___SCell_c7o7c_gg_,.___SDataTable_c7o7c_gg_.__compact_c7o7c_gg_ .___SColumn_c7o7c_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_c7o7c_gg_.__sticky_c7o7c_gg_{position:sticky;top:0;z-index:2}.___SHead_c7o7c_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_c7o7c_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_c7o7c_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_c7o7c_gg_.__hidden_c7o7c_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_c7o7c_gg_._use_primary_c7o7c_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_c7o7c_gg_._use_secondary_c7o7c_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_c7o7c_gg_.__group_c7o7c_gg_.__use_c7o7c_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_c7o7c_gg_.__groupHead_c7o7c_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_{cursor:pointer}@media (hover:hover){.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_._use_primary_c7o7c_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_:hover .___SSortWrapper_c7o7c_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_:hover .___SSortIcon_c7o7c_gg_,.___SColumn_c7o7c_gg_.__sortable_c7o7c_gg_:hover .___SSortWrapper_c7o7c_gg_:before{display:block;opacity:1}}.___SColumn_c7o7c_gg_._use_primary_c7o7c_gg_.__active_c7o7c_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_c7o7c_gg_.__active_c7o7c_gg_ .___SSortWrapper_c7o7c_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_c7o7c_gg_.__active_c7o7c_gg_ .___SSortIcon_c7o7c_gg_{display:block;position:relative;opacity:1}.___SColumn_c7o7c_gg_.__resizable_c7o7c_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_c7o7c_gg_.__resizable_c7o7c_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_c7o7c_gg_.__resizable_c7o7c_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_c7o7c_gg_.__fixed_c7o7c_gg_{position:sticky;z-index:2}.___SCell_c7o7c_gg_.__borderLeft_c7o7c_gg_,.___SColumn_c7o7c_gg_.__borderLeft_c7o7c_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_c7o7c_gg_.__borderRight_c7o7c_gg_,.___SColumn_c7o7c_gg_.__borderRight_c7o7c_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_c7o7c_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0}.___SSortIcon_c7o7c_gg_,.___SSortWrapper_c7o7c_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_c7o7c_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_c7o7c_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_c7o7c_gg_._use_primary_c7o7c_gg_ .___SSortWrapper_c7o7c_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_c7o7c_gg_._use_secondary_c7o7c_gg_ .___SSortWrapper_c7o7c_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_c7o7c_gg_{position:relative}.___SBody_c7o7c_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_c7o7c_gg_{display:flex;flex-direction:row;position:relative}.___SRow_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_muted_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_muted_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_info_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_info_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_success_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_success_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_warning_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_warning_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_.__active_c7o7c_gg_>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_ .___SCell_c7o7c_gg_:hover+.___SGroupCell_c7o7c_gg_ .___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_._theme_danger_c7o7c_gg_:hover>.___SCell_c7o7c_gg_:not(.__theme_c7o7c_gg_),.___SRow_c7o7c_gg_:hover>.___SCell_c7o7c_gg_._theme_danger_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_c7o7c_gg_.__positioned_c7o7c_gg_{position:absolute}.___SCell_c7o7c_gg_{display:flex;flex:1;flex-basis:auto;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:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_c7o7c_gg_._use_primary_c7o7c_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_c7o7c_gg_._use_secondary_c7o7c_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_c7o7c_gg_.__fixed_c7o7c_gg_{position:sticky;z-index:1}.___SCell_c7o7c_gg_._theme_muted_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_c7o7c_gg_._theme_info_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_c7o7c_gg_._theme_success_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_c7o7c_gg_._theme_warning_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_c7o7c_gg_._theme_danger_c7o7c_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_c7o7c_gg_._orientation_horizontal_c7o7c_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_c7o7c) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_c7o7c) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_c7o7c) - 8px)}.___SScrollAreaBar_c7o7c_gg_._orientation_vertical_c7o7c_gg_{width:12px}.___SHeightHold_c7o7c_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "c7o7c_gg_") /*__reshadow_css_end__*/, {
26
- "__SDataTable": "___SDataTable_c7o7c_gg_",
27
- "__SHeadWrapper": "___SHeadWrapper_c7o7c_gg_",
28
- "_sticky": "__sticky_c7o7c_gg_",
29
- "__SHead": "___SHead_c7o7c_gg_",
30
- "__SColumn": "___SColumn_c7o7c_gg_",
31
- "_hidden": "__hidden_c7o7c_gg_",
32
- "_use_primary": "_use_primary_c7o7c_gg_",
33
- "_use_secondary": "_use_secondary_c7o7c_gg_",
34
- "_group": "__group_c7o7c_gg_",
35
- "_use": "__use_c7o7c_gg_",
36
- "_groupHead": "__groupHead_c7o7c_gg_",
37
- "_active": "__active_c7o7c_gg_",
38
- "__SSortWrapper": "___SSortWrapper_c7o7c_gg_",
39
- "__SSortIcon": "___SSortIcon_c7o7c_gg_",
40
- "_fixed": "__fixed_c7o7c_gg_",
41
- "_borderLeft": "__borderLeft_c7o7c_gg_",
42
- "__SCell": "___SCell_c7o7c_gg_",
43
- "_borderRight": "__borderRight_c7o7c_gg_",
44
- "__SBodyWrapper": "___SBodyWrapper_c7o7c_gg_",
45
- "__SBody": "___SBody_c7o7c_gg_",
46
- "__SRow": "___SRow_c7o7c_gg_",
47
- "_theme": "__theme_c7o7c_gg_",
48
- "__SGroupCell": "___SGroupCell_c7o7c_gg_",
49
- "_theme_muted": "_theme_muted_c7o7c_gg_",
50
- "_theme_info": "_theme_info_c7o7c_gg_",
51
- "_theme_success": "_theme_success_c7o7c_gg_",
52
- "_theme_warning": "_theme_warning_c7o7c_gg_",
53
- "_theme_danger": "_theme_danger_c7o7c_gg_",
54
- "_positioned": "__positioned_c7o7c_gg_",
55
- "__SScrollAreaBar": "___SScrollAreaBar_c7o7c_gg_",
56
- "_orientation_horizontal": "_orientation_horizontal_c7o7c_gg_",
57
- "--left-offset": "--left-offset_c7o7c",
58
- "--right-offset": "--right-offset_c7o7c",
59
- "--offsetSum": "--offsetSum_c7o7c",
60
- "_orientation_vertical": "_orientation_vertical_c7o7c_gg_",
61
- "__SHeightHold": "___SHeightHold_c7o7c_gg_",
62
- "_compact": "__compact_c7o7c_gg_",
63
- "_sortable": "__sortable_c7o7c_gg_",
64
- "_resizable": "__resizable_c7o7c_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_yfw21_gg_,.___SHeadWrapper_yfw21_gg_{position:relative}.___SDataTable_yfw21_gg_.__compact_yfw21_gg_ .___SCell_yfw21_gg_,.___SDataTable_yfw21_gg_.__compact_yfw21_gg_ .___SColumn_yfw21_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_yfw21_gg_.__sticky_yfw21_gg_{position:sticky;top:0;z-index:2}.___SHead_yfw21_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_yfw21_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_yfw21_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_yfw21_gg_.__hidden_yfw21_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_yfw21_gg_._use_primary_yfw21_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_yfw21_gg_._use_secondary_yfw21_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_yfw21_gg_.__group_yfw21_gg_.__use_yfw21_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_yfw21_gg_.__groupHead_yfw21_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_{cursor:pointer}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_._use_primary_yfw21_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_._use_primary_yfw21_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:focus .___SSortWrapper_yfw21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:hover .___SSortWrapper_yfw21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:focus .___SSortIcon_yfw21_gg_,.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:focus .___SSortWrapper_yfw21_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:hover .___SSortWrapper_yfw21_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_yfw21_gg_.__sortable_yfw21_gg_:hover .___SSortIcon_yfw21_gg_{display:block;opacity:1}}.___SColumn_yfw21_gg_._use_primary_yfw21_gg_.__active_yfw21_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_yfw21_gg_.__active_yfw21_gg_ .___SSortWrapper_yfw21_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_yfw21_gg_.__active_yfw21_gg_ .___SSortIcon_yfw21_gg_{display:block;position:relative;opacity:1}.___SColumn_yfw21_gg_.__resizable_yfw21_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_yfw21_gg_.__resizable_yfw21_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_yfw21_gg_.__resizable_yfw21_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_yfw21_gg_.__fixed_yfw21_gg_{position:sticky;z-index:2}.___SCell_yfw21_gg_.__borderLeft_yfw21_gg_,.___SColumn_yfw21_gg_.__borderLeft_yfw21_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yfw21_gg_.__borderRight_yfw21_gg_,.___SColumn_yfw21_gg_.__borderRight_yfw21_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_yfw21_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0}.___SSortIcon_yfw21_gg_,.___SSortWrapper_yfw21_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_yfw21_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_yfw21_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_yfw21_gg_._use_primary_yfw21_gg_ .___SSortWrapper_yfw21_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_yfw21_gg_._use_secondary_yfw21_gg_ .___SSortWrapper_yfw21_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_yfw21_gg_{position:relative}.___SBody_yfw21_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_yfw21_gg_{display:flex;flex-direction:row;position:relative}.___SRow_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_muted_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_yfw21_gg_._theme_muted_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_yfw21_gg_._theme_muted_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_muted_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_muted_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_yfw21_gg_._theme_info_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yfw21_gg_._theme_info_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_yfw21_gg_._theme_info_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_info_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_info_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_yfw21_gg_._theme_success_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yfw21_gg_._theme_success_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_yfw21_gg_._theme_success_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_success_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_success_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_yfw21_gg_._theme_warning_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yfw21_gg_._theme_warning_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_yfw21_gg_._theme_warning_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_warning_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_warning_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_yfw21_gg_._theme_danger_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yfw21_gg_._theme_danger_yfw21_gg_.__active_yfw21_gg_>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_yfw21_gg_._theme_danger_yfw21_gg_ .___SCell_yfw21_gg_:hover+.___SGroupCell_yfw21_gg_ .___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_._theme_danger_yfw21_gg_:hover>.___SCell_yfw21_gg_:not(.__theme_yfw21_gg_),.___SRow_yfw21_gg_:hover>.___SCell_yfw21_gg_._theme_danger_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yfw21_gg_.__positioned_yfw21_gg_{position:absolute}.___SCell_yfw21_gg_{display:flex;flex:1;flex-basis:auto;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:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums}.___SCell_yfw21_gg_._use_primary_yfw21_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yfw21_gg_._use_secondary_yfw21_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yfw21_gg_.__fixed_yfw21_gg_{position:sticky;z-index:1}.___SCell_yfw21_gg_._theme_muted_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yfw21_gg_._theme_info_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yfw21_gg_._theme_success_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yfw21_gg_._theme_warning_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yfw21_gg_._theme_danger_yfw21_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_yfw21_gg_._orientation_horizontal_yfw21_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2;margin-left:calc(var(--left-offset_yfw21) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right-offset_yfw21) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_yfw21) - 8px)}.___SScrollAreaBar_yfw21_gg_._orientation_vertical_yfw21_gg_{width:12px}.___SHeightHold_yfw21_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "yfw21_gg_") /*__reshadow_css_end__*/, {
26
+ "__SDataTable": "___SDataTable_yfw21_gg_",
27
+ "__SHeadWrapper": "___SHeadWrapper_yfw21_gg_",
28
+ "_sticky": "__sticky_yfw21_gg_",
29
+ "__SHead": "___SHead_yfw21_gg_",
30
+ "__SColumn": "___SColumn_yfw21_gg_",
31
+ "_hidden": "__hidden_yfw21_gg_",
32
+ "_use_primary": "_use_primary_yfw21_gg_",
33
+ "_use_secondary": "_use_secondary_yfw21_gg_",
34
+ "_group": "__group_yfw21_gg_",
35
+ "_use": "__use_yfw21_gg_",
36
+ "_groupHead": "__groupHead_yfw21_gg_",
37
+ "_active": "__active_yfw21_gg_",
38
+ "__SSortWrapper": "___SSortWrapper_yfw21_gg_",
39
+ "__SSortIcon": "___SSortIcon_yfw21_gg_",
40
+ "_fixed": "__fixed_yfw21_gg_",
41
+ "_borderLeft": "__borderLeft_yfw21_gg_",
42
+ "__SCell": "___SCell_yfw21_gg_",
43
+ "_borderRight": "__borderRight_yfw21_gg_",
44
+ "__SBodyWrapper": "___SBodyWrapper_yfw21_gg_",
45
+ "__SBody": "___SBody_yfw21_gg_",
46
+ "__SRow": "___SRow_yfw21_gg_",
47
+ "_theme": "__theme_yfw21_gg_",
48
+ "__SGroupCell": "___SGroupCell_yfw21_gg_",
49
+ "_theme_muted": "_theme_muted_yfw21_gg_",
50
+ "_theme_info": "_theme_info_yfw21_gg_",
51
+ "_theme_success": "_theme_success_yfw21_gg_",
52
+ "_theme_warning": "_theme_warning_yfw21_gg_",
53
+ "_theme_danger": "_theme_danger_yfw21_gg_",
54
+ "_positioned": "__positioned_yfw21_gg_",
55
+ "__SScrollAreaBar": "___SScrollAreaBar_yfw21_gg_",
56
+ "_orientation_horizontal": "_orientation_horizontal_yfw21_gg_",
57
+ "--left-offset": "--left-offset_yfw21",
58
+ "--right-offset": "--right-offset_yfw21",
59
+ "--offsetSum": "--offsetSum_yfw21",
60
+ "_orientation_vertical": "_orientation_vertical_yfw21_gg_",
61
+ "__SHeightHold": "___SHeightHold_yfw21_gg_",
62
+ "_compact": "__compact_yfw21_gg_",
63
+ "_sortable": "__sortable_yfw21_gg_",
64
+ "_resizable": "__resizable_yfw21_gg_"
65
65
  });
66
66
  var reversedSortDirection = {
67
67
  desc: 'asc',
package/lib/es6/Head.js CHANGED
@@ -19,10 +19,10 @@ import { flattenColumns, getFixedStyle, getScrollOffsetValue } from './utils';
19
19
  import logger from '@semcore/utils/lib/logger';
20
20
  import { setRef } from '@semcore/utils/lib/ref';
21
21
  /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
22
- var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_k682d_gg_:before{left:var(--left-offset_k682d)!important}.___SShadowHorizontal_k682d_gg_:after{right:var(--right-offset_k682d)!important}" /*__inner_css_end__*/, "k682d_gg_") /*__reshadow_css_end__*/, {
23
- "__SShadowHorizontal": "___SShadowHorizontal_k682d_gg_",
24
- "--left-offset": "--left-offset_k682d",
25
- "--right-offset": "--right-offset_k682d"
22
+ var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_9njzm_gg_:before{left:var(--left-offset_9njzm)!important}.___SShadowHorizontal_9njzm_gg_:after{right:var(--right-offset_9njzm)!important}" /*__inner_css_end__*/, "9njzm_gg_") /*__reshadow_css_end__*/, {
23
+ "__SShadowHorizontal": "___SShadowHorizontal_9njzm_gg_",
24
+ "--left-offset": "--left-offset_9njzm",
25
+ "--right-offset": "--right-offset_9njzm"
26
26
  });
27
27
  var SORTING_ICON = {
28
28
  desc: SortDesc,
package/lib/es6/style/data-table.shadow.css CHANGED
@@ -86,21 +86,21 @@ SColumn[groupHead] {
86
86
  SColumn[sortable] {
87
87
  cursor: pointer;
88
88
 
89
- &[use='primary']:hover {
89
+ &[use='primary']:hover, &[use='primary']:focus {
90
90
  background-color: var(--intergalactic-table-th-primary-cell-hover, #e0e1e9);
91
91
  }
92
92
 
93
- &:hover SSortWrapper {
93
+ &:hover SSortWrapper, &:focus SSortWrapper {
94
94
  flex-basis: calc(var(--intergalactic-spacing-1x, 4px) + 16px);
95
95
  opacity: 1;
96
96
  }
97
97
 
98
- &:hover SSortWrapper:before {
98
+ &:hover SSortWrapper:before, &:focus SSortWrapper:before {
99
99
  display: block;
100
100
  opacity: 1;
101
101
  }
102
102
 
103
- &:hover SSortIcon {
103
+ &:hover SSortIcon, &:focus SSortIcon {
104
104
  display: block;
105
105
  opacity: 1;
106
106
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/data-table",
3
3
  "description": "Semrush DataTable Component",
4
- "version": "4.18.0",
4
+ "version": "4.19.0-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",