@semcore/data-table 3.3.0 → 3.3.2

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.3.2] - 2022-10-20
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.39.0 ~> 3.39.1]).
+
 ## [3.3.0] - 2022-10-10
 
 ### Changed

package/lib/cjs/Body.js

@@ -71,14 +71,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_2bakh_gg_:before {\n  left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n  right: var(--right_2bakh) !important;\n}\n"
+".___SShadowHorizontal_1dila_gg_:before {\n  left: var(--left_1dila) !important;\n}\n.___SShadowHorizontal_1dila_gg_:after {\n  right: var(--right_1dila) !important;\n}\n"
 /*__inner_css_end__*/
-, "2bakh_gg_")
+, "1dila_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
-  "--left": "--left_2bakh",
-  "--right": "--right_2bakh"
+  "__SShadowHorizontal": "___SShadowHorizontal_1dila_gg_",
+  "--left": "--left_1dila",
+  "--right": "--right_1dila"
 });
 var testEnv = process.env.NODE_ENV === 'test';
 

package/lib/cjs/DataTable.js

@@ -69,46 +69,46 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":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_twkoc_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_.__sticky_twkoc_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_twkoc_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_twkoc_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_twkoc_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_twkoc_gg_.__hidden_twkoc_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_twkoc_gg_._use_primary_twkoc_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_twkoc_gg_._use_secondary_twkoc_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_twkoc_gg_.__use_twkoc_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_twkoc_gg_.__group_twkoc_gg_.__use_twkoc_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_twkoc_gg_.__groupHead_twkoc_gg_.__use_twkoc_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_primary_twkoc_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_secondary_twkoc_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_._use_primary_twkoc_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_twkoc_gg_.__active_twkoc_gg_._use_primary_twkoc_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_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_twkoc_gg_.__fixed_twkoc_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_twkoc_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_twkoc_gg_.__active_twkoc_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_twkoc_gg_ {\n  position: relative;\n}\n\n.___SBody_twkoc_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_twkoc_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_muted_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_info_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_success_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_warning_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_danger_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_twkoc_gg_.__positioned_twkoc_gg_ {\n  position: absolute;\n}\n\n.___SCell_twkoc_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_twkoc_gg_._use_primary_twkoc_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_._use_secondary_twkoc_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_.__fixed_twkoc_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_twkoc_gg_._theme_muted_twkoc_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_twkoc_gg_._theme_info_twkoc_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_twkoc_gg_._theme_success_twkoc_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_twkoc_gg_._theme_warning_twkoc_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_twkoc_gg_._theme_danger_twkoc_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_vertical_twkoc_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n  margin-left: calc(var(--left_twkoc) + 4px);\n  margin-right: calc(var(--right_twkoc) + 4px);\n  width: calc(100% - var(--offsetSum_twkoc) - 8px);\n}\n\n.___SHeightHold_twkoc_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"
+":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_jimfh_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_jimfh_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_jimfh_gg_.__sticky_jimfh_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_jimfh_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_jimfh_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_jimfh_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_jimfh_gg_.__hidden_jimfh_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_jimfh_gg_._use_primary_jimfh_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_jimfh_gg_._use_secondary_jimfh_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_jimfh_gg_.__use_jimfh_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_jimfh_gg_.__group_jimfh_gg_.__use_jimfh_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_jimfh_gg_.__groupHead_jimfh_gg_.__use_jimfh_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_jimfh_gg_.__groupHead_jimfh_gg_._use_primary_jimfh_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_jimfh_gg_.__groupHead_jimfh_gg_._use_secondary_jimfh_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_jimfh_gg_.__sortable_jimfh_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_jimfh_gg_.__sortable_jimfh_gg_._use_primary_jimfh_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_jimfh_gg_.__active_jimfh_gg_._use_primary_jimfh_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_jimfh_gg_.__resizable_jimfh_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_jimfh_gg_.__resizable_jimfh_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_jimfh_gg_.__fixed_jimfh_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_jimfh_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_jimfh_gg_.__active_jimfh_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_jimfh_gg_ {\n  position: relative;\n}\n\n.___SBody_jimfh_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_jimfh_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_muted_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_info_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_success_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_warning_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_danger_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_jimfh_gg_.__positioned_jimfh_gg_ {\n  position: absolute;\n}\n\n.___SCell_jimfh_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_jimfh_gg_._use_primary_jimfh_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_jimfh_gg_._use_secondary_jimfh_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_jimfh_gg_.__fixed_jimfh_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_jimfh_gg_._theme_muted_jimfh_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_jimfh_gg_._theme_info_jimfh_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_jimfh_gg_._theme_success_jimfh_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_jimfh_gg_._theme_warning_jimfh_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_jimfh_gg_._theme_danger_jimfh_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_jimfh_gg_._orientation_horizontal_jimfh_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_jimfh_gg_._orientation_vertical_jimfh_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_jimfh_gg_._orientation_horizontal_jimfh_gg_ {\n  margin-left: calc(var(--left_jimfh) + 4px);\n  margin-right: calc(var(--right_jimfh) + 4px);\n  width: calc(100% - var(--offsetSum_jimfh) - 8px);\n}\n\n.___SHeightHold_jimfh_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"
 /*__inner_css_end__*/
-, "twkoc_gg_")
+, "jimfh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_twkoc_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_twkoc_gg_",
-  "_sticky": "__sticky_twkoc_gg_",
-  "__SHead": "___SHead_twkoc_gg_",
-  "__SColumn": "___SColumn_twkoc_gg_",
-  "_hidden": "__hidden_twkoc_gg_",
-  "_use_primary": "_use_primary_twkoc_gg_",
-  "_use_secondary": "_use_secondary_twkoc_gg_",
-  "_use": "__use_twkoc_gg_",
-  "_group": "__group_twkoc_gg_",
-  "_groupHead": "__groupHead_twkoc_gg_",
-  "_sortable": "__sortable_twkoc_gg_",
-  "_active": "__active_twkoc_gg_",
-  "_resizable": "__resizable_twkoc_gg_",
-  "_fixed": "__fixed_twkoc_gg_",
-  "__SSortIcon": "___SSortIcon_twkoc_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_twkoc_gg_",
-  "__SBody": "___SBody_twkoc_gg_",
-  "__SRow": "___SRow_twkoc_gg_",
-  "__SCell": "___SCell_twkoc_gg_",
-  "_theme": "__theme_twkoc_gg_",
-  "__SGroupCell": "___SGroupCell_twkoc_gg_",
-  "_theme_muted": "_theme_muted_twkoc_gg_",
-  "_theme_info": "_theme_info_twkoc_gg_",
-  "_theme_success": "_theme_success_twkoc_gg_",
-  "_theme_warning": "_theme_warning_twkoc_gg_",
-  "_theme_danger": "_theme_danger_twkoc_gg_",
-  "_positioned": "__positioned_twkoc_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_twkoc_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_twkoc_gg_",
-  "_orientation_vertical": "_orientation_vertical_twkoc_gg_",
-  "--left": "--left_twkoc",
-  "--right": "--right_twkoc",
-  "--offsetSum": "--offsetSum_twkoc",
-  "__SHeightHold": "___SHeightHold_twkoc_gg_"
+  "__SDataTable": "___SDataTable_jimfh_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_jimfh_gg_",
+  "_sticky": "__sticky_jimfh_gg_",
+  "__SHead": "___SHead_jimfh_gg_",
+  "__SColumn": "___SColumn_jimfh_gg_",
+  "_hidden": "__hidden_jimfh_gg_",
+  "_use_primary": "_use_primary_jimfh_gg_",
+  "_use_secondary": "_use_secondary_jimfh_gg_",
+  "_use": "__use_jimfh_gg_",
+  "_group": "__group_jimfh_gg_",
+  "_groupHead": "__groupHead_jimfh_gg_",
+  "_sortable": "__sortable_jimfh_gg_",
+  "_active": "__active_jimfh_gg_",
+  "_resizable": "__resizable_jimfh_gg_",
+  "_fixed": "__fixed_jimfh_gg_",
+  "__SSortIcon": "___SSortIcon_jimfh_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_jimfh_gg_",
+  "__SBody": "___SBody_jimfh_gg_",
+  "__SRow": "___SRow_jimfh_gg_",
+  "__SCell": "___SCell_jimfh_gg_",
+  "_theme": "__theme_jimfh_gg_",
+  "__SGroupCell": "___SGroupCell_jimfh_gg_",
+  "_theme_muted": "_theme_muted_jimfh_gg_",
+  "_theme_info": "_theme_info_jimfh_gg_",
+  "_theme_success": "_theme_success_jimfh_gg_",
+  "_theme_warning": "_theme_warning_jimfh_gg_",
+  "_theme_danger": "_theme_danger_jimfh_gg_",
+  "_positioned": "__positioned_jimfh_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_jimfh_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_jimfh_gg_",
+  "_orientation_vertical": "_orientation_vertical_jimfh_gg_",
+  "--left": "--left_jimfh",
+  "--right": "--right_jimfh",
+  "--offsetSum": "--offsetSum_jimfh",
+  "__SHeightHold": "___SHeightHold_jimfh_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',

package/lib/cjs/Head.js

@@ -58,14 +58,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_2bakh_gg_:before {\n  left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n  right: var(--right_2bakh) !important;\n}\n"
+".___SShadowHorizontal_1dila_gg_:before {\n  left: var(--left_1dila) !important;\n}\n.___SShadowHorizontal_1dila_gg_:after {\n  right: var(--right_1dila) !important;\n}\n"
 /*__inner_css_end__*/
-, "2bakh_gg_")
+, "1dila_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
-  "--left": "--left_2bakh",
-  "--right": "--right_2bakh"
+  "__SShadowHorizontal": "___SShadowHorizontal_1dila_gg_",
+  "--left": "--left_1dila",
+  "--right": "--right_1dila"
 });
 var SORTING_ICON = {
   desc: _m["default"],

package/lib/es6/Body.js

@@ -40,14 +40,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_2bakh_gg_:before {\n  left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n  right: var(--right_2bakh) !important;\n}\n"
+".___SShadowHorizontal_1dila_gg_:before {\n  left: var(--left_1dila) !important;\n}\n.___SShadowHorizontal_1dila_gg_:after {\n  right: var(--right_1dila) !important;\n}\n"
 /*__inner_css_end__*/
-, "2bakh_gg_")
+, "1dila_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
-  "--left": "--left_2bakh",
-  "--right": "--right_2bakh"
+  "__SShadowHorizontal": "___SShadowHorizontal_1dila_gg_",
+  "--left": "--left_1dila",
+  "--right": "--right_1dila"
 });
 import trottle from '@semcore/utils/lib/rafTrottle';
 var testEnv = process.env.NODE_ENV === 'test';

package/lib/es6/DataTable.js

@@ -40,46 +40,46 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":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_twkoc_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_twkoc_gg_.__sticky_twkoc_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_twkoc_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_twkoc_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_twkoc_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_twkoc_gg_.__hidden_twkoc_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_twkoc_gg_._use_primary_twkoc_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_twkoc_gg_._use_secondary_twkoc_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_twkoc_gg_.__use_twkoc_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_twkoc_gg_.__group_twkoc_gg_.__use_twkoc_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_twkoc_gg_.__groupHead_twkoc_gg_.__use_twkoc_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_primary_twkoc_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__groupHead_twkoc_gg_._use_secondary_twkoc_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_twkoc_gg_.__sortable_twkoc_gg_._use_primary_twkoc_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_twkoc_gg_.__active_twkoc_gg_._use_primary_twkoc_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_twkoc_gg_.__resizable_twkoc_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_twkoc_gg_.__fixed_twkoc_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_twkoc_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_twkoc_gg_.__active_twkoc_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_twkoc_gg_ {\n  position: relative;\n}\n\n.___SBody_twkoc_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_twkoc_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_muted_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_muted_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_info_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_info_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_success_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_success_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_warning_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_warning_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_twkoc_gg_:hover > .___SCell_twkoc_gg_._theme_danger_twkoc_gg_,\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_.__active_twkoc_gg_ > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_:hover > .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_),\n.___SRow_twkoc_gg_._theme_danger_twkoc_gg_ .___SCell_twkoc_gg_:hover + .___SGroupCell_twkoc_gg_ .___SCell_twkoc_gg_:not(.__theme_twkoc_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_twkoc_gg_.__positioned_twkoc_gg_ {\n  position: absolute;\n}\n\n.___SCell_twkoc_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_twkoc_gg_._use_primary_twkoc_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_._use_secondary_twkoc_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_twkoc_gg_.__fixed_twkoc_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_twkoc_gg_._theme_muted_twkoc_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_twkoc_gg_._theme_info_twkoc_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_twkoc_gg_._theme_success_twkoc_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_twkoc_gg_._theme_warning_twkoc_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_twkoc_gg_._theme_danger_twkoc_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_vertical_twkoc_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_twkoc_gg_._orientation_horizontal_twkoc_gg_ {\n  margin-left: calc(var(--left_twkoc) + 4px);\n  margin-right: calc(var(--right_twkoc) + 4px);\n  width: calc(100% - var(--offsetSum_twkoc) - 8px);\n}\n\n.___SHeightHold_twkoc_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"
+":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_jimfh_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_jimfh_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_jimfh_gg_.__sticky_jimfh_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_jimfh_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_jimfh_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_jimfh_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_jimfh_gg_.__hidden_jimfh_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_jimfh_gg_._use_primary_jimfh_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_jimfh_gg_._use_secondary_jimfh_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_jimfh_gg_.__use_jimfh_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_jimfh_gg_.__group_jimfh_gg_.__use_jimfh_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_jimfh_gg_.__groupHead_jimfh_gg_.__use_jimfh_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_jimfh_gg_.__groupHead_jimfh_gg_._use_primary_jimfh_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_jimfh_gg_.__groupHead_jimfh_gg_._use_secondary_jimfh_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_jimfh_gg_.__sortable_jimfh_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_jimfh_gg_.__sortable_jimfh_gg_._use_primary_jimfh_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_jimfh_gg_.__active_jimfh_gg_._use_primary_jimfh_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_jimfh_gg_.__resizable_jimfh_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_jimfh_gg_.__resizable_jimfh_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_jimfh_gg_.__fixed_jimfh_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_jimfh_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_jimfh_gg_.__active_jimfh_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_jimfh_gg_ {\n  position: relative;\n}\n\n.___SBody_jimfh_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_jimfh_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_muted_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_muted_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_info_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_info_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_success_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_success_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_warning_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_warning_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_jimfh_gg_:hover > .___SCell_jimfh_gg_._theme_danger_jimfh_gg_,\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_.__active_jimfh_gg_ > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_:hover > .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_),\n.___SRow_jimfh_gg_._theme_danger_jimfh_gg_ .___SCell_jimfh_gg_:hover + .___SGroupCell_jimfh_gg_ .___SCell_jimfh_gg_:not(.__theme_jimfh_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_jimfh_gg_.__positioned_jimfh_gg_ {\n  position: absolute;\n}\n\n.___SCell_jimfh_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_jimfh_gg_._use_primary_jimfh_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_jimfh_gg_._use_secondary_jimfh_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_jimfh_gg_.__fixed_jimfh_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_jimfh_gg_._theme_muted_jimfh_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_jimfh_gg_._theme_info_jimfh_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_jimfh_gg_._theme_success_jimfh_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_jimfh_gg_._theme_warning_jimfh_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_jimfh_gg_._theme_danger_jimfh_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_jimfh_gg_._orientation_horizontal_jimfh_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_jimfh_gg_._orientation_vertical_jimfh_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_jimfh_gg_._orientation_horizontal_jimfh_gg_ {\n  margin-left: calc(var(--left_jimfh) + 4px);\n  margin-right: calc(var(--right_jimfh) + 4px);\n  width: calc(100% - var(--offsetSum_jimfh) - 8px);\n}\n\n.___SHeightHold_jimfh_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"
 /*__inner_css_end__*/
-, "twkoc_gg_")
+, "jimfh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_twkoc_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_twkoc_gg_",
-  "_sticky": "__sticky_twkoc_gg_",
-  "__SHead": "___SHead_twkoc_gg_",
-  "__SColumn": "___SColumn_twkoc_gg_",
-  "_hidden": "__hidden_twkoc_gg_",
-  "_use_primary": "_use_primary_twkoc_gg_",
-  "_use_secondary": "_use_secondary_twkoc_gg_",
-  "_use": "__use_twkoc_gg_",
-  "_group": "__group_twkoc_gg_",
-  "_groupHead": "__groupHead_twkoc_gg_",
-  "_sortable": "__sortable_twkoc_gg_",
-  "_active": "__active_twkoc_gg_",
-  "_resizable": "__resizable_twkoc_gg_",
-  "_fixed": "__fixed_twkoc_gg_",
-  "__SSortIcon": "___SSortIcon_twkoc_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_twkoc_gg_",
-  "__SBody": "___SBody_twkoc_gg_",
-  "__SRow": "___SRow_twkoc_gg_",
-  "__SCell": "___SCell_twkoc_gg_",
-  "_theme": "__theme_twkoc_gg_",
-  "__SGroupCell": "___SGroupCell_twkoc_gg_",
-  "_theme_muted": "_theme_muted_twkoc_gg_",
-  "_theme_info": "_theme_info_twkoc_gg_",
-  "_theme_success": "_theme_success_twkoc_gg_",
-  "_theme_warning": "_theme_warning_twkoc_gg_",
-  "_theme_danger": "_theme_danger_twkoc_gg_",
-  "_positioned": "__positioned_twkoc_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_twkoc_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_twkoc_gg_",
-  "_orientation_vertical": "_orientation_vertical_twkoc_gg_",
-  "--left": "--left_twkoc",
-  "--right": "--right_twkoc",
-  "--offsetSum": "--offsetSum_twkoc",
-  "__SHeightHold": "___SHeightHold_twkoc_gg_"
+  "__SDataTable": "___SDataTable_jimfh_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_jimfh_gg_",
+  "_sticky": "__sticky_jimfh_gg_",
+  "__SHead": "___SHead_jimfh_gg_",
+  "__SColumn": "___SColumn_jimfh_gg_",
+  "_hidden": "__hidden_jimfh_gg_",
+  "_use_primary": "_use_primary_jimfh_gg_",
+  "_use_secondary": "_use_secondary_jimfh_gg_",
+  "_use": "__use_jimfh_gg_",
+  "_group": "__group_jimfh_gg_",
+  "_groupHead": "__groupHead_jimfh_gg_",
+  "_sortable": "__sortable_jimfh_gg_",
+  "_active": "__active_jimfh_gg_",
+  "_resizable": "__resizable_jimfh_gg_",
+  "_fixed": "__fixed_jimfh_gg_",
+  "__SSortIcon": "___SSortIcon_jimfh_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_jimfh_gg_",
+  "__SBody": "___SBody_jimfh_gg_",
+  "__SRow": "___SRow_jimfh_gg_",
+  "__SCell": "___SCell_jimfh_gg_",
+  "_theme": "__theme_jimfh_gg_",
+  "__SGroupCell": "___SGroupCell_jimfh_gg_",
+  "_theme_muted": "_theme_muted_jimfh_gg_",
+  "_theme_info": "_theme_info_jimfh_gg_",
+  "_theme_success": "_theme_success_jimfh_gg_",
+  "_theme_warning": "_theme_warning_jimfh_gg_",
+  "_theme_danger": "_theme_danger_jimfh_gg_",
+  "_positioned": "__positioned_jimfh_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_jimfh_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_jimfh_gg_",
+  "_orientation_vertical": "_orientation_vertical_jimfh_gg_",
+  "--left": "--left_jimfh",
+  "--right": "--right_jimfh",
+  "--offsetSum": "--offsetSum_jimfh",
+  "__SHeightHold": "___SHeightHold_jimfh_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',

package/lib/es6/Head.js

@@ -34,14 +34,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_2bakh_gg_:before {\n  left: var(--left_2bakh) !important;\n}\n.___SShadowHorizontal_2bakh_gg_:after {\n  right: var(--right_2bakh) !important;\n}\n"
+".___SShadowHorizontal_1dila_gg_:before {\n  left: var(--left_1dila) !important;\n}\n.___SShadowHorizontal_1dila_gg_:after {\n  right: var(--right_1dila) !important;\n}\n"
 /*__inner_css_end__*/
-, "2bakh_gg_")
+, "1dila_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_2bakh_gg_",
-  "--left": "--left_2bakh",
-  "--right": "--right_2bakh"
+  "__SShadowHorizontal": "___SShadowHorizontal_1dila_gg_",
+  "--left": "--left_1dila",
+  "--right": "--right_1dila"
 });
 var SORTING_ICON = {
   desc: SortDesc,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",