@semcore/data-table 3.3.1 → 3.3.3

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 (8) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/lib/cjs/Body.js +5 -5
  3. package/lib/cjs/DataTable.js +37 -37
  4. package/lib/cjs/Head.js +5 -5
  5. package/lib/es6/Body.js +5 -5
  6. package/lib/es6/DataTable.js +37 -37
  7. package/lib/es6/Head.js +5 -5
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.3.1] - 2022-10-17
5
+ ## [3.3.3] - 2022-10-24
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.39.0 ~> 3.39.0]).
9
+ - Version patch update due to children dependencies update (`@semcore/icon` [3.0.2 ~> 3.1.0]).
10
10
 
11
11
  ## [3.3.0] - 2022-10-10
12
12
 
package/lib/cjs/Body.js CHANGED
@@ -71,14 +71,14 @@ var scrollStyles = (
71
71
  /*__reshadow_css_start__*/
72
72
  _core.sstyled.insert(
73
73
  /*__inner_css_start__*/
74
- ".___SShadowHorizontal_87lss_gg_:before {\n left: var(--left_87lss) !important;\n}\n.___SShadowHorizontal_87lss_gg_:after {\n right: var(--right_87lss) !important;\n}\n"
74
+ ".___SShadowHorizontal_10tfh_gg_:before {\n left: var(--left_10tfh) !important;\n}\n.___SShadowHorizontal_10tfh_gg_:after {\n right: var(--right_10tfh) !important;\n}\n"
75
75
  /*__inner_css_end__*/
76
- , "87lss_gg_")
76
+ , "10tfh_gg_")
77
77
  /*__reshadow_css_end__*/
78
78
  , {
79
- "__SShadowHorizontal": "___SShadowHorizontal_87lss_gg_",
80
- "--left": "--left_87lss",
81
- "--right": "--right_87lss"
79
+ "__SShadowHorizontal": "___SShadowHorizontal_10tfh_gg_",
80
+ "--left": "--left_10tfh",
81
+ "--right": "--right_10tfh"
82
82
  });
83
83
  var testEnv = process.env.NODE_ENV === 'test';
84
84
 
package/lib/cjs/DataTable.js CHANGED
@@ -69,46 +69,46 @@ var style = (
69
69
  /*__reshadow_css_start__*/
70
70
  _core.sstyled.insert(
71
71
  /*__inner_css_start__*/
72
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_1tayy_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_1tayy_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_1tayy_gg_.__sticky_1tayy_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_1tayy_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_1tayy_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_1tayy_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_1tayy_gg_.__hidden_1tayy_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_1tayy_gg_._use_primary_1tayy_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_1tayy_gg_._use_secondary_1tayy_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_1tayy_gg_.__use_1tayy_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_1tayy_gg_.__group_1tayy_gg_.__use_1tayy_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_1tayy_gg_.__groupHead_1tayy_gg_.__use_1tayy_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_1tayy_gg_.__groupHead_1tayy_gg_._use_primary_1tayy_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_1tayy_gg_.__groupHead_1tayy_gg_._use_secondary_1tayy_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_1tayy_gg_.__sortable_1tayy_gg_ {\n cursor: pointer\n}\n\n.___SColumn_1tayy_gg_.__sortable_1tayy_gg_._use_primary_1tayy_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_1tayy_gg_.__active_1tayy_gg_._use_primary_1tayy_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_1tayy_gg_.__resizable_1tayy_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_1tayy_gg_.__resizable_1tayy_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_1tayy_gg_.__fixed_1tayy_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_1tayy_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_1tayy_gg_.__active_1tayy_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_1tayy_gg_ {\n position: relative;\n}\n\n.___SBody_1tayy_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_1tayy_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_muted_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_info_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_success_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_warning_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_danger_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_1tayy_gg_.__positioned_1tayy_gg_ {\n position: absolute;\n}\n\n.___SCell_1tayy_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_1tayy_gg_._use_primary_1tayy_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_1tayy_gg_._use_secondary_1tayy_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_1tayy_gg_.__fixed_1tayy_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_1tayy_gg_._theme_muted_1tayy_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_1tayy_gg_._theme_info_1tayy_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_1tayy_gg_._theme_success_1tayy_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_1tayy_gg_._theme_warning_1tayy_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_1tayy_gg_._theme_danger_1tayy_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_1tayy_gg_._orientation_horizontal_1tayy_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_1tayy_gg_._orientation_vertical_1tayy_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_1tayy_gg_._orientation_horizontal_1tayy_gg_ {\n margin-left: calc(var(--left_1tayy) + 4px);\n margin-right: calc(var(--right_1tayy) + 4px);\n width: calc(100% - var(--offsetSum_1tayy) - 8px);\n}\n\n.___SHeightHold_1tayy_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
72
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_171yb_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_171yb_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_171yb_gg_.__sticky_171yb_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_171yb_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_171yb_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_171yb_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_171yb_gg_.__hidden_171yb_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_171yb_gg_._use_primary_171yb_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_171yb_gg_._use_secondary_171yb_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_171yb_gg_.__use_171yb_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_171yb_gg_.__group_171yb_gg_.__use_171yb_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_171yb_gg_.__groupHead_171yb_gg_.__use_171yb_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_171yb_gg_.__groupHead_171yb_gg_._use_primary_171yb_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_171yb_gg_.__groupHead_171yb_gg_._use_secondary_171yb_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_171yb_gg_.__sortable_171yb_gg_ {\n cursor: pointer\n}\n\n.___SColumn_171yb_gg_.__sortable_171yb_gg_._use_primary_171yb_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_171yb_gg_.__active_171yb_gg_._use_primary_171yb_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_171yb_gg_.__resizable_171yb_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_171yb_gg_.__resizable_171yb_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_171yb_gg_.__fixed_171yb_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_171yb_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_171yb_gg_.__active_171yb_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_171yb_gg_ {\n position: relative;\n}\n\n.___SBody_171yb_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_171yb_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_171yb_gg_._theme_muted_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_muted_171yb_gg_,\n.___SRow_171yb_gg_._theme_muted_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_muted_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_muted_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_171yb_gg_._theme_info_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_info_171yb_gg_,\n.___SRow_171yb_gg_._theme_info_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_info_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_info_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_171yb_gg_._theme_success_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_success_171yb_gg_,\n.___SRow_171yb_gg_._theme_success_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_success_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_success_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_171yb_gg_._theme_warning_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_warning_171yb_gg_,\n.___SRow_171yb_gg_._theme_warning_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_warning_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_warning_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_171yb_gg_._theme_danger_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_danger_171yb_gg_,\n.___SRow_171yb_gg_._theme_danger_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_danger_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_danger_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_171yb_gg_.__positioned_171yb_gg_ {\n position: absolute;\n}\n\n.___SCell_171yb_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_171yb_gg_._use_primary_171yb_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_171yb_gg_._use_secondary_171yb_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_171yb_gg_.__fixed_171yb_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_171yb_gg_._theme_muted_171yb_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_171yb_gg_._theme_info_171yb_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_171yb_gg_._theme_success_171yb_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_171yb_gg_._theme_warning_171yb_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_171yb_gg_._theme_danger_171yb_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_171yb_gg_._orientation_horizontal_171yb_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_171yb_gg_._orientation_vertical_171yb_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_171yb_gg_._orientation_horizontal_171yb_gg_ {\n margin-left: calc(var(--left_171yb) + 4px);\n margin-right: calc(var(--right_171yb) + 4px);\n width: calc(100% - var(--offsetSum_171yb) - 8px);\n}\n\n.___SHeightHold_171yb_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
73
73
  /*__inner_css_end__*/
74
- , "1tayy_gg_")
74
+ , "171yb_gg_")
75
75
  /*__reshadow_css_end__*/
76
76
  , {
77
- "__SDataTable": "___SDataTable_1tayy_gg_",
78
- "__SHeadWrapper": "___SHeadWrapper_1tayy_gg_",
79
- "_sticky": "__sticky_1tayy_gg_",
80
- "__SHead": "___SHead_1tayy_gg_",
81
- "__SColumn": "___SColumn_1tayy_gg_",
82
- "_hidden": "__hidden_1tayy_gg_",
83
- "_use_primary": "_use_primary_1tayy_gg_",
84
- "_use_secondary": "_use_secondary_1tayy_gg_",
85
- "_use": "__use_1tayy_gg_",
86
- "_group": "__group_1tayy_gg_",
87
- "_groupHead": "__groupHead_1tayy_gg_",
88
- "_sortable": "__sortable_1tayy_gg_",
89
- "_active": "__active_1tayy_gg_",
90
- "_resizable": "__resizable_1tayy_gg_",
91
- "_fixed": "__fixed_1tayy_gg_",
92
- "__SSortIcon": "___SSortIcon_1tayy_gg_",
93
- "__SBodyWrapper": "___SBodyWrapper_1tayy_gg_",
94
- "__SBody": "___SBody_1tayy_gg_",
95
- "__SRow": "___SRow_1tayy_gg_",
96
- "__SCell": "___SCell_1tayy_gg_",
97
- "_theme": "__theme_1tayy_gg_",
98
- "__SGroupCell": "___SGroupCell_1tayy_gg_",
99
- "_theme_muted": "_theme_muted_1tayy_gg_",
100
- "_theme_info": "_theme_info_1tayy_gg_",
101
- "_theme_success": "_theme_success_1tayy_gg_",
102
- "_theme_warning": "_theme_warning_1tayy_gg_",
103
- "_theme_danger": "_theme_danger_1tayy_gg_",
104
- "_positioned": "__positioned_1tayy_gg_",
105
- "__SScrollAreaBar": "___SScrollAreaBar_1tayy_gg_",
106
- "_orientation_horizontal": "_orientation_horizontal_1tayy_gg_",
107
- "_orientation_vertical": "_orientation_vertical_1tayy_gg_",
108
- "--left": "--left_1tayy",
109
- "--right": "--right_1tayy",
110
- "--offsetSum": "--offsetSum_1tayy",
111
- "__SHeightHold": "___SHeightHold_1tayy_gg_"
77
+ "__SDataTable": "___SDataTable_171yb_gg_",
78
+ "__SHeadWrapper": "___SHeadWrapper_171yb_gg_",
79
+ "_sticky": "__sticky_171yb_gg_",
80
+ "__SHead": "___SHead_171yb_gg_",
81
+ "__SColumn": "___SColumn_171yb_gg_",
82
+ "_hidden": "__hidden_171yb_gg_",
83
+ "_use_primary": "_use_primary_171yb_gg_",
84
+ "_use_secondary": "_use_secondary_171yb_gg_",
85
+ "_use": "__use_171yb_gg_",
86
+ "_group": "__group_171yb_gg_",
87
+ "_groupHead": "__groupHead_171yb_gg_",
88
+ "_sortable": "__sortable_171yb_gg_",
89
+ "_active": "__active_171yb_gg_",
90
+ "_resizable": "__resizable_171yb_gg_",
91
+ "_fixed": "__fixed_171yb_gg_",
92
+ "__SSortIcon": "___SSortIcon_171yb_gg_",
93
+ "__SBodyWrapper": "___SBodyWrapper_171yb_gg_",
94
+ "__SBody": "___SBody_171yb_gg_",
95
+ "__SRow": "___SRow_171yb_gg_",
96
+ "__SCell": "___SCell_171yb_gg_",
97
+ "_theme": "__theme_171yb_gg_",
98
+ "__SGroupCell": "___SGroupCell_171yb_gg_",
99
+ "_theme_muted": "_theme_muted_171yb_gg_",
100
+ "_theme_info": "_theme_info_171yb_gg_",
101
+ "_theme_success": "_theme_success_171yb_gg_",
102
+ "_theme_warning": "_theme_warning_171yb_gg_",
103
+ "_theme_danger": "_theme_danger_171yb_gg_",
104
+ "_positioned": "__positioned_171yb_gg_",
105
+ "__SScrollAreaBar": "___SScrollAreaBar_171yb_gg_",
106
+ "_orientation_horizontal": "_orientation_horizontal_171yb_gg_",
107
+ "_orientation_vertical": "_orientation_vertical_171yb_gg_",
108
+ "--left": "--left_171yb",
109
+ "--right": "--right_171yb",
110
+ "--offsetSum": "--offsetSum_171yb",
111
+ "__SHeightHold": "___SHeightHold_171yb_gg_"
112
112
  });
113
113
  var REVERSED_SORT_DIRECTION = {
114
114
  desc: 'asc',
package/lib/cjs/Head.js CHANGED
@@ -58,14 +58,14 @@ var scrollStyles = (
58
58
  /*__reshadow_css_start__*/
59
59
  _core.sstyled.insert(
60
60
  /*__inner_css_start__*/
61
- ".___SShadowHorizontal_87lss_gg_:before {\n left: var(--left_87lss) !important;\n}\n.___SShadowHorizontal_87lss_gg_:after {\n right: var(--right_87lss) !important;\n}\n"
61
+ ".___SShadowHorizontal_10tfh_gg_:before {\n left: var(--left_10tfh) !important;\n}\n.___SShadowHorizontal_10tfh_gg_:after {\n right: var(--right_10tfh) !important;\n}\n"
62
62
  /*__inner_css_end__*/
63
- , "87lss_gg_")
63
+ , "10tfh_gg_")
64
64
  /*__reshadow_css_end__*/
65
65
  , {
66
- "__SShadowHorizontal": "___SShadowHorizontal_87lss_gg_",
67
- "--left": "--left_87lss",
68
- "--right": "--right_87lss"
66
+ "__SShadowHorizontal": "___SShadowHorizontal_10tfh_gg_",
67
+ "--left": "--left_10tfh",
68
+ "--right": "--right_10tfh"
69
69
  });
70
70
  var SORTING_ICON = {
71
71
  desc: _m["default"],
package/lib/es6/Body.js CHANGED
@@ -40,14 +40,14 @@ var scrollStyles = (
40
40
  /*__reshadow_css_start__*/
41
41
  _sstyled.insert(
42
42
  /*__inner_css_start__*/
43
- ".___SShadowHorizontal_87lss_gg_:before {\n left: var(--left_87lss) !important;\n}\n.___SShadowHorizontal_87lss_gg_:after {\n right: var(--right_87lss) !important;\n}\n"
43
+ ".___SShadowHorizontal_10tfh_gg_:before {\n left: var(--left_10tfh) !important;\n}\n.___SShadowHorizontal_10tfh_gg_:after {\n right: var(--right_10tfh) !important;\n}\n"
44
44
  /*__inner_css_end__*/
45
- , "87lss_gg_")
45
+ , "10tfh_gg_")
46
46
  /*__reshadow_css_end__*/
47
47
  , {
48
- "__SShadowHorizontal": "___SShadowHorizontal_87lss_gg_",
49
- "--left": "--left_87lss",
50
- "--right": "--right_87lss"
48
+ "__SShadowHorizontal": "___SShadowHorizontal_10tfh_gg_",
49
+ "--left": "--left_10tfh",
50
+ "--right": "--right_10tfh"
51
51
  });
52
52
  import trottle from '@semcore/utils/lib/rafTrottle';
53
53
  var testEnv = process.env.NODE_ENV === 'test';
package/lib/es6/DataTable.js CHANGED
@@ -40,46 +40,46 @@ var style = (
40
40
  /*__reshadow_css_start__*/
41
41
  _sstyled.insert(
42
42
  /*__inner_css_start__*/
43
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_1tayy_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_1tayy_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_1tayy_gg_.__sticky_1tayy_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_1tayy_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_1tayy_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_1tayy_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_1tayy_gg_.__hidden_1tayy_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_1tayy_gg_._use_primary_1tayy_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_1tayy_gg_._use_secondary_1tayy_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_1tayy_gg_.__use_1tayy_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_1tayy_gg_.__group_1tayy_gg_.__use_1tayy_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_1tayy_gg_.__groupHead_1tayy_gg_.__use_1tayy_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_1tayy_gg_.__groupHead_1tayy_gg_._use_primary_1tayy_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_1tayy_gg_.__groupHead_1tayy_gg_._use_secondary_1tayy_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_1tayy_gg_.__sortable_1tayy_gg_ {\n cursor: pointer\n}\n\n.___SColumn_1tayy_gg_.__sortable_1tayy_gg_._use_primary_1tayy_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_1tayy_gg_.__active_1tayy_gg_._use_primary_1tayy_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_1tayy_gg_.__resizable_1tayy_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_1tayy_gg_.__resizable_1tayy_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_1tayy_gg_.__fixed_1tayy_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_1tayy_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_1tayy_gg_.__active_1tayy_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_1tayy_gg_ {\n position: relative;\n}\n\n.___SBody_1tayy_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_1tayy_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_muted_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_muted_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_info_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_info_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_success_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_success_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_warning_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_warning_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_1tayy_gg_:hover > .___SCell_1tayy_gg_._theme_danger_1tayy_gg_,\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_.__active_1tayy_gg_ > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_:hover > .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_),\n.___SRow_1tayy_gg_._theme_danger_1tayy_gg_ .___SCell_1tayy_gg_:hover + .___SGroupCell_1tayy_gg_ .___SCell_1tayy_gg_:not(.__theme_1tayy_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_1tayy_gg_.__positioned_1tayy_gg_ {\n position: absolute;\n}\n\n.___SCell_1tayy_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_1tayy_gg_._use_primary_1tayy_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_1tayy_gg_._use_secondary_1tayy_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_1tayy_gg_.__fixed_1tayy_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_1tayy_gg_._theme_muted_1tayy_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_1tayy_gg_._theme_info_1tayy_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_1tayy_gg_._theme_success_1tayy_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_1tayy_gg_._theme_warning_1tayy_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_1tayy_gg_._theme_danger_1tayy_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_1tayy_gg_._orientation_horizontal_1tayy_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_1tayy_gg_._orientation_vertical_1tayy_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_1tayy_gg_._orientation_horizontal_1tayy_gg_ {\n margin-left: calc(var(--left_1tayy) + 4px);\n margin-right: calc(var(--right_1tayy) + 4px);\n width: calc(100% - var(--offsetSum_1tayy) - 8px);\n}\n\n.___SHeightHold_1tayy_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
43
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SDataTable_171yb_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_171yb_gg_ {\n position: relative;\n}\n\n.___SHeadWrapper_171yb_gg_.__sticky_171yb_gg_ {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n.___SHead_171yb_gg_ {\n display: flex;\n position: relative;\n flex-direction: row;\n min-width: -moz-fit-content;\n min-width: fit-content;\n z-index: 0;\n}\n\n.___SColumn_171yb_gg_ {\n display: flex;\n align-items: center;\n flex-grow: 1;\n font-size: 12px;\n color: #191b23;\n box-sizing: border-box;\n position: relative\n}\n\n.___SColumn_171yb_gg_:focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SColumn_171yb_gg_.__hidden_171yb_gg_ {\n height: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n border: none !important;\n}\n\n.___SColumn_171yb_gg_._use_primary_171yb_gg_ {\n padding: 12px;\n border-right: 1px solid #e0e1e9;\n border-bottom: 1px solid #e0e1e9;\n background-color: #f4f5f9;\n}\n\n.___SColumn_171yb_gg_._use_secondary_171yb_gg_ {\n padding: 8px;\n border-bottom: 1px solid #a9abb6;\n background-color: #ffffff;\n}\n\n.___SColumn_171yb_gg_.__use_171yb_gg_:last-child {\n border-right: none;\n}\n\n.___SColumn_171yb_gg_.__group_171yb_gg_.__use_171yb_gg_ {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: normal;\n border-bottom: none;\n padding: 0;\n}\n\n.___SColumn_171yb_gg_.__groupHead_171yb_gg_.__use_171yb_gg_ {\n justify-content: center;\n border-right: none;\n /* for resizable */\n z-index: 1;\n}\n\n.___SColumn_171yb_gg_.__groupHead_171yb_gg_._use_primary_171yb_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_171yb_gg_.__groupHead_171yb_gg_._use_secondary_171yb_gg_ {\n border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_171yb_gg_.__sortable_171yb_gg_ {\n cursor: pointer\n}\n\n.___SColumn_171yb_gg_.__sortable_171yb_gg_._use_primary_171yb_gg_:hover {\n background-color: #e0e1e9;\n }\n\n.___SColumn_171yb_gg_.__active_171yb_gg_._use_primary_171yb_gg_ {\n background-color: #e0e1e9;\n}\n\n.___SColumn_171yb_gg_.__resizable_171yb_gg_:hover:after {\n background: #e0e1e9;\n }\n\n.___SColumn_171yb_gg_.__resizable_171yb_gg_:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: -1px;\n height: 100vh;\n width: 1px;\n background: transparent;\n cursor: col-resize;\n }\n\n.___SColumn_171yb_gg_.__fixed_171yb_gg_ {\n position: sticky;\n /* because up resizable */\n z-index: 2;\n}\n\n.___SSortIcon_171yb_gg_ {\n fill: #a9abb6;\n margin-left: 6px;\n}\n\n.___SSortIcon_171yb_gg_.__active_171yb_gg_ {\n fill: #8a8e9b;\n}\n\n.___SBodyWrapper_171yb_gg_ {\n position: relative;\n}\n\n.___SBody_171yb_gg_ {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: -moz-fit-content;\n min-width: fit-content;\n}\n\n.___SRow_171yb_gg_ {\n display: flex;\n flex-direction: row;\n position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_171yb_gg_._theme_muted_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #f2f3f4;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_muted_171yb_gg_,\n.___SRow_171yb_gg_._theme_muted_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_muted_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_muted_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_171yb_gg_._theme_info_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #e9f7ff;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_info_171yb_gg_,\n.___SRow_171yb_gg_._theme_info_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_info_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_info_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_171yb_gg_._theme_success_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #dbfee8;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_success_171yb_gg_,\n.___SRow_171yb_gg_._theme_success_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_success_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_success_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_171yb_gg_._theme_warning_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #fff3d9;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_warning_171yb_gg_,\n.___SRow_171yb_gg_._theme_warning_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_warning_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_warning_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_171yb_gg_._theme_danger_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #fff0f7;\n}\n\n.___SRow_171yb_gg_:hover > .___SCell_171yb_gg_._theme_danger_171yb_gg_,\n.___SRow_171yb_gg_._theme_danger_171yb_gg_.__active_171yb_gg_ > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_danger_171yb_gg_:hover > .___SCell_171yb_gg_:not(.__theme_171yb_gg_),\n.___SRow_171yb_gg_._theme_danger_171yb_gg_ .___SCell_171yb_gg_:hover + .___SGroupCell_171yb_gg_ .___SCell_171yb_gg_:not(.__theme_171yb_gg_) {\n background-color: #ffd7df;\n}\n\n.___SRow_171yb_gg_.__positioned_171yb_gg_ {\n position: absolute;\n}\n\n.___SCell_171yb_gg_ {\n display: flex;\n flex: 1;\n flex-basis: auto;\n font-size: 14px;\n line-height: 1.42;\n color: #191b23;\n box-sizing: border-box;\n border-bottom: 1px solid #e0e1e9;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.___SCell_171yb_gg_._use_primary_171yb_gg_ {\n padding: 12px;\n min-height: 45px;\n background-color: #ffffff;\n}\n\n.___SCell_171yb_gg_._use_secondary_171yb_gg_ {\n padding: 8px;\n min-height: 37px;\n background-color: #ffffff;\n}\n\n.___SCell_171yb_gg_.__fixed_171yb_gg_ {\n position: sticky;\n z-index: 1;\n}\n\n.___SCell_171yb_gg_._theme_muted_171yb_gg_ {\n background-color: #f2f3f4;\n}\n\n.___SCell_171yb_gg_._theme_info_171yb_gg_ {\n background-color: #e9f7ff;\n}\n\n.___SCell_171yb_gg_._theme_success_171yb_gg_ {\n background-color: #dbfee8;\n}\n\n.___SCell_171yb_gg_._theme_warning_171yb_gg_ {\n background-color: #fff3d9;\n}\n\n.___SCell_171yb_gg_._theme_danger_171yb_gg_ {\n background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_171yb_gg_._orientation_horizontal_171yb_gg_ {\n position: sticky;\n bottom: 0;\n left: 0;\n margin-top: -12px;\n z-index: 2;\n}\n\n.___SScrollAreaBar_171yb_gg_._orientation_vertical_171yb_gg_ {\n width: 12px;\n}\n\n.___SScrollAreaBar_171yb_gg_._orientation_horizontal_171yb_gg_ {\n margin-left: calc(var(--left_171yb) + 4px);\n margin-right: calc(var(--right_171yb) + 4px);\n width: calc(100% - var(--offsetSum_171yb) - 8px);\n}\n\n.___SHeightHold_171yb_gg_ {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n /* should be under other layers */\n z-index: -1;\n}\n"
44
44
  /*__inner_css_end__*/
45
- , "1tayy_gg_")
45
+ , "171yb_gg_")
46
46
  /*__reshadow_css_end__*/
47
47
  , {
48
- "__SDataTable": "___SDataTable_1tayy_gg_",
49
- "__SHeadWrapper": "___SHeadWrapper_1tayy_gg_",
50
- "_sticky": "__sticky_1tayy_gg_",
51
- "__SHead": "___SHead_1tayy_gg_",
52
- "__SColumn": "___SColumn_1tayy_gg_",
53
- "_hidden": "__hidden_1tayy_gg_",
54
- "_use_primary": "_use_primary_1tayy_gg_",
55
- "_use_secondary": "_use_secondary_1tayy_gg_",
56
- "_use": "__use_1tayy_gg_",
57
- "_group": "__group_1tayy_gg_",
58
- "_groupHead": "__groupHead_1tayy_gg_",
59
- "_sortable": "__sortable_1tayy_gg_",
60
- "_active": "__active_1tayy_gg_",
61
- "_resizable": "__resizable_1tayy_gg_",
62
- "_fixed": "__fixed_1tayy_gg_",
63
- "__SSortIcon": "___SSortIcon_1tayy_gg_",
64
- "__SBodyWrapper": "___SBodyWrapper_1tayy_gg_",
65
- "__SBody": "___SBody_1tayy_gg_",
66
- "__SRow": "___SRow_1tayy_gg_",
67
- "__SCell": "___SCell_1tayy_gg_",
68
- "_theme": "__theme_1tayy_gg_",
69
- "__SGroupCell": "___SGroupCell_1tayy_gg_",
70
- "_theme_muted": "_theme_muted_1tayy_gg_",
71
- "_theme_info": "_theme_info_1tayy_gg_",
72
- "_theme_success": "_theme_success_1tayy_gg_",
73
- "_theme_warning": "_theme_warning_1tayy_gg_",
74
- "_theme_danger": "_theme_danger_1tayy_gg_",
75
- "_positioned": "__positioned_1tayy_gg_",
76
- "__SScrollAreaBar": "___SScrollAreaBar_1tayy_gg_",
77
- "_orientation_horizontal": "_orientation_horizontal_1tayy_gg_",
78
- "_orientation_vertical": "_orientation_vertical_1tayy_gg_",
79
- "--left": "--left_1tayy",
80
- "--right": "--right_1tayy",
81
- "--offsetSum": "--offsetSum_1tayy",
82
- "__SHeightHold": "___SHeightHold_1tayy_gg_"
48
+ "__SDataTable": "___SDataTable_171yb_gg_",
49
+ "__SHeadWrapper": "___SHeadWrapper_171yb_gg_",
50
+ "_sticky": "__sticky_171yb_gg_",
51
+ "__SHead": "___SHead_171yb_gg_",
52
+ "__SColumn": "___SColumn_171yb_gg_",
53
+ "_hidden": "__hidden_171yb_gg_",
54
+ "_use_primary": "_use_primary_171yb_gg_",
55
+ "_use_secondary": "_use_secondary_171yb_gg_",
56
+ "_use": "__use_171yb_gg_",
57
+ "_group": "__group_171yb_gg_",
58
+ "_groupHead": "__groupHead_171yb_gg_",
59
+ "_sortable": "__sortable_171yb_gg_",
60
+ "_active": "__active_171yb_gg_",
61
+ "_resizable": "__resizable_171yb_gg_",
62
+ "_fixed": "__fixed_171yb_gg_",
63
+ "__SSortIcon": "___SSortIcon_171yb_gg_",
64
+ "__SBodyWrapper": "___SBodyWrapper_171yb_gg_",
65
+ "__SBody": "___SBody_171yb_gg_",
66
+ "__SRow": "___SRow_171yb_gg_",
67
+ "__SCell": "___SCell_171yb_gg_",
68
+ "_theme": "__theme_171yb_gg_",
69
+ "__SGroupCell": "___SGroupCell_171yb_gg_",
70
+ "_theme_muted": "_theme_muted_171yb_gg_",
71
+ "_theme_info": "_theme_info_171yb_gg_",
72
+ "_theme_success": "_theme_success_171yb_gg_",
73
+ "_theme_warning": "_theme_warning_171yb_gg_",
74
+ "_theme_danger": "_theme_danger_171yb_gg_",
75
+ "_positioned": "__positioned_171yb_gg_",
76
+ "__SScrollAreaBar": "___SScrollAreaBar_171yb_gg_",
77
+ "_orientation_horizontal": "_orientation_horizontal_171yb_gg_",
78
+ "_orientation_vertical": "_orientation_vertical_171yb_gg_",
79
+ "--left": "--left_171yb",
80
+ "--right": "--right_171yb",
81
+ "--offsetSum": "--offsetSum_171yb",
82
+ "__SHeightHold": "___SHeightHold_171yb_gg_"
83
83
  });
84
84
  var REVERSED_SORT_DIRECTION = {
85
85
  desc: 'asc',
package/lib/es6/Head.js CHANGED
@@ -34,14 +34,14 @@ var scrollStyles = (
34
34
  /*__reshadow_css_start__*/
35
35
  _sstyled.insert(
36
36
  /*__inner_css_start__*/
37
- ".___SShadowHorizontal_87lss_gg_:before {\n left: var(--left_87lss) !important;\n}\n.___SShadowHorizontal_87lss_gg_:after {\n right: var(--right_87lss) !important;\n}\n"
37
+ ".___SShadowHorizontal_10tfh_gg_:before {\n left: var(--left_10tfh) !important;\n}\n.___SShadowHorizontal_10tfh_gg_:after {\n right: var(--right_10tfh) !important;\n}\n"
38
38
  /*__inner_css_end__*/
39
- , "87lss_gg_")
39
+ , "10tfh_gg_")
40
40
  /*__reshadow_css_end__*/
41
41
  , {
42
- "__SShadowHorizontal": "___SShadowHorizontal_87lss_gg_",
43
- "--left": "--left_87lss",
44
- "--right": "--right_87lss"
42
+ "__SShadowHorizontal": "___SShadowHorizontal_10tfh_gg_",
43
+ "--left": "--left_10tfh",
44
+ "--right": "--right_10tfh"
45
45
  });
46
46
  var SORTING_ICON = {
47
47
  desc: SortDesc,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/data-table",
3
3
  "description": "Semrush DataTable Component",
4
- "version": "3.3.1",
4
+ "version": "3.3.3",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",