@semcore/data-table 3.1.13 → 3.1.15

package/CHANGELOG.md

@@ -2,29 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.1.13] - 2022-10-03
+## [3.1.15] - 2022-10-06
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/icon` [2.32.0 ~> 2.32.1]).
-
-## [3.1.12] - 2022-09-29
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.4 ~> 2.31.0]).
-
-## [3.1.11] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.3 ~> 2.30.4]).
-
-## [3.1.10] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.2 ~> 2.30.3]).
+- Version patch update due to children dependencies update (`@semcore/icon` [2.32.2 ~> 2.33.0]).
 
 ## [3.1.9] - 2022-09-13
 
@@ -38,48 +20,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1]).
 
-## [3.1.7] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.0 ~> 2.30.1]).
-
-## [3.1.6] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.29.5 ~> 2.30.0]).
-
-## [3.1.5] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0]).
-
-## [3.1.4] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0]).
-
-## [3.1.3] - 2022-07-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.29.1 ~> 2.29.2]).
-
-## [3.1.2] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0]).
-
-## [3.1.1] - 2022-07-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.28.0 ~> 2.29.0]).
-
 ## [3.1.0] - 2022-07-18
 
 ### Changed
@@ -104,42 +44,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/progress-bar` [3.0.3 ~> 3.0.4]).
 
-## [3.0.7] - 2022-06-02
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.26.1 ~> 2.27.0], `@semcore/utils` [3.32.2 ~> 3.33.0], `@semcore/base-trigger` [3.0.5 ~> 3.0.6], `@semcore/accordion` [4.0.4 ~> 4.0.5]).
-
-## [3.0.6] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/base-trigger` [3.0.4 ~> 3.0.5], `@semcore/accordion` [4.0.3 ~> 4.0.4]).
-
-## [3.0.5] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.25.1 ~> 2.26.0], `@semcore/base-trigger` [3.0.3 ~> 3.0.4], `@semcore/accordion` [4.0.2 ~> 4.0.3]).
-
-## [3.0.4] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/flex-box` [4.5.1 ~> 4.5.3], `@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/base-trigger` [3.0.2 ~> 3.0.3], `@semcore/typography` [4.0.1 ~> 4.0.3], `@semcore/accordion` [4.0.1 ~> 4.0.2]).
-
-## [3.0.3] - 2022-05-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.1 ~> 3.0.2], `@semcore/link` [4.0.1 ~> 4.0.2]).
-
-## [3.0.2] - 2022-05-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.24.0 ~> 2.25.0], `@semcore/base-trigger` [3.0.0 ~> 3.0.1], `@semcore/accordion` [4.0.0 ~> 4.0.1]).
-
 ## [3.0.1] - 2022-05-17
 
 ### Fixed
@@ -158,18 +62,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/skeleton` [3.2.1 ~> 3.3.0]).
 
-## [2.2.8] - 2022-05-16
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.21.0 ~> 2.24.0], `@semcore/base-trigger` [2.6.4 ~> 2.6.5], `@semcore/accordion` [3.5.5 ~> 3.5.6]).
-
-## [2.2.7] - 2022-04-28
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0], `@semcore/base-trigger` [2.6.3 ~> 2.6.4], `@semcore/accordion` [3.5.4 ~> 3.5.5]).
-
 ## [2.2.6] - 2022-04-27
 
 ### Fixed
@@ -194,18 +86,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/scroll-area` [3.7.0 ~> 3.7.1]).
 
-## [2.2.2] - 2022-04-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/spin-container` [5.0.5 ~> 5.1.0]).
-
-## [2.2.1] - 2022-04-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/scroll-area` [3.6.4 ~> 3.7.0]).
-
 ## [2.2.0] - 2022-04-14
 
 ### Added
@@ -230,12 +110,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/icon` [2.19.4 ~> 2.20.0]).
 
-## [1.5.3] - 2022-03-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2]).
-
 ## [1.5.2] - 2022-02-24
 
 ### Added

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/Body.js

@@ -71,14 +71,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_13yt7_gg_:before{left:var(--left_13yt7)!important}.___SShadowHorizontal_13yt7_gg_:after{right:var(--right_13yt7)!important}"
+".___SShadowHorizontal_qyxht_gg_:before {\n  left: var(--left_qyxht) !important;\n}\n.___SShadowHorizontal_qyxht_gg_:after {\n  right: var(--right_qyxht) !important;\n}\n"
 /*__inner_css_end__*/
-, "13yt7_gg_")
+, "qyxht_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_13yt7_gg_",
-  "--left": "--left_13yt7",
-  "--right": "--right_13yt7"
+  "__SShadowHorizontal": "___SShadowHorizontal_qyxht_gg_",
+  "--left": "--left_qyxht",
+  "--right": "--right_qyxht"
 });
 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__*/
-".___SDataTable_1ssn0_gg_{position:relative}.___SHeadWrapper_1ssn0_gg_{position:relative}.___SHeadWrapper_1ssn0_gg_.__sticky_1ssn0_gg_{position:sticky;top:0;z-index:2}.___SHead_1ssn0_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1ssn0_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_1ssn0_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_1ssn0_gg_.__hidden_1ssn0_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1ssn0_gg_._use_primary_1ssn0_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_1ssn0_gg_._use_secondary_1ssn0_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_1ssn0_gg_.__use_1ssn0_gg_:last-child{border-right:none}.___SColumn_1ssn0_gg_.__group_1ssn0_gg_.__use_1ssn0_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1ssn0_gg_.__groupHead_1ssn0_gg_.__use_1ssn0_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1ssn0_gg_.__groupHead_1ssn0_gg_._use_primary_1ssn0_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1ssn0_gg_.__groupHead_1ssn0_gg_._use_secondary_1ssn0_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1ssn0_gg_.__sortable_1ssn0_gg_{cursor:pointer}.___SColumn_1ssn0_gg_.__sortable_1ssn0_gg_._use_primary_1ssn0_gg_:hover{background-color:#e0e1e9}.___SColumn_1ssn0_gg_.__active_1ssn0_gg_._use_primary_1ssn0_gg_{background-color:#e0e1e9}.___SColumn_1ssn0_gg_.__resizable_1ssn0_gg_:hover:after{background:#e0e1e9}.___SColumn_1ssn0_gg_.__resizable_1ssn0_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1ssn0_gg_.__fixed_1ssn0_gg_{position:sticky;z-index:2}.___SSortIcon_1ssn0_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_1ssn0_gg_.__active_1ssn0_gg_{fill:#8a8e9b}.___SBodyWrapper_1ssn0_gg_{position:relative}.___SBody_1ssn0_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1ssn0_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#f0f0f4}.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#f2f3f4}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_muted_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#f6f7f7}.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#e9f7ff}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_info_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#c4e5fe}.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#dbfee8}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_success_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#9ef2c9}.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#fff3d9}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_warning_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#ffdca2}.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#fff0f7}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_danger_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#ffd7df}.___SRow_1ssn0_gg_.__positioned_1ssn0_gg_{position:absolute}.___SCell_1ssn0_gg_{display:flex;flex:1;flex-basis:auto;font-size:14px;line-height:1.42;color:#191b23;box-sizing:border-box;border-bottom:1px solid #e0e1e9;overflow:hidden;white-space:nowrap}.___SCell_1ssn0_gg_._use_primary_1ssn0_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_1ssn0_gg_._use_secondary_1ssn0_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_1ssn0_gg_.__fixed_1ssn0_gg_{position:sticky;z-index:1}.___SCell_1ssn0_gg_._theme_muted_1ssn0_gg_{background-color:#f2f3f4}.___SCell_1ssn0_gg_._theme_info_1ssn0_gg_{background-color:#e9f7ff}.___SCell_1ssn0_gg_._theme_success_1ssn0_gg_{background-color:#dbfee8}.___SCell_1ssn0_gg_._theme_warning_1ssn0_gg_{background-color:#fff3d9}.___SCell_1ssn0_gg_._theme_danger_1ssn0_gg_{background-color:#fff0f7}.___SScrollAreaBar_1ssn0_gg_._orientation_horizontal_1ssn0_gg_{position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1ssn0_gg_._orientation_vertical_1ssn0_gg_{width:12px}.___SScrollAreaBar_1ssn0_gg_._orientation_horizontal_1ssn0_gg_{margin-left:calc(var(--left_1ssn0) + 4px);margin-right:calc(var(--right_1ssn0) + 4px);width:calc(100% - var(--offsetSum_1ssn0) - 8px)}.___SHeightHold_1ssn0_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
+":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_mwxpl_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_mwxpl_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_mwxpl_gg_.__sticky_mwxpl_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_mwxpl_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_mwxpl_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_mwxpl_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_mwxpl_gg_.__hidden_mwxpl_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_mwxpl_gg_._use_secondary_mwxpl_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_mwxpl_gg_.__use_mwxpl_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_mwxpl_gg_.__group_mwxpl_gg_.__use_mwxpl_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_mwxpl_gg_.__groupHead_mwxpl_gg_.__use_mwxpl_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_mwxpl_gg_.__groupHead_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_mwxpl_gg_.__groupHead_mwxpl_gg_._use_secondary_mwxpl_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_mwxpl_gg_.__sortable_mwxpl_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_mwxpl_gg_.__sortable_mwxpl_gg_._use_primary_mwxpl_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_mwxpl_gg_.__active_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_mwxpl_gg_.__resizable_mwxpl_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_mwxpl_gg_.__resizable_mwxpl_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_mwxpl_gg_.__fixed_mwxpl_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_mwxpl_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_mwxpl_gg_.__active_mwxpl_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_mwxpl_gg_ {\n  position: relative;\n}\n\n.___SBody_mwxpl_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_mwxpl_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_muted_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_info_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_success_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_warning_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_danger_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_mwxpl_gg_.__positioned_mwxpl_gg_ {\n  position: absolute;\n}\n\n.___SCell_mwxpl_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_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_mwxpl_gg_._use_secondary_mwxpl_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_mwxpl_gg_.__fixed_mwxpl_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_mwxpl_gg_._theme_muted_mwxpl_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_mwxpl_gg_._theme_info_mwxpl_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_mwxpl_gg_._theme_success_mwxpl_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_mwxpl_gg_._theme_warning_mwxpl_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_mwxpl_gg_._theme_danger_mwxpl_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_mwxpl_gg_._orientation_horizontal_mwxpl_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_mwxpl_gg_._orientation_vertical_mwxpl_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_mwxpl_gg_._orientation_horizontal_mwxpl_gg_ {\n  margin-left: calc(var(--left_mwxpl) + 4px);\n  margin-right: calc(var(--right_mwxpl) + 4px);\n  width: calc(100% - var(--offsetSum_mwxpl) - 8px);\n}\n\n.___SHeightHold_mwxpl_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__*/
-, "1ssn0_gg_")
+, "mwxpl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_1ssn0_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1ssn0_gg_",
-  "_sticky": "__sticky_1ssn0_gg_",
-  "__SHead": "___SHead_1ssn0_gg_",
-  "__SColumn": "___SColumn_1ssn0_gg_",
-  "_hidden": "__hidden_1ssn0_gg_",
-  "_use_primary": "_use_primary_1ssn0_gg_",
-  "_use_secondary": "_use_secondary_1ssn0_gg_",
-  "_use": "__use_1ssn0_gg_",
-  "_group": "__group_1ssn0_gg_",
-  "_groupHead": "__groupHead_1ssn0_gg_",
-  "_sortable": "__sortable_1ssn0_gg_",
-  "_active": "__active_1ssn0_gg_",
-  "_resizable": "__resizable_1ssn0_gg_",
-  "_fixed": "__fixed_1ssn0_gg_",
-  "__SSortIcon": "___SSortIcon_1ssn0_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1ssn0_gg_",
-  "__SBody": "___SBody_1ssn0_gg_",
-  "__SRow": "___SRow_1ssn0_gg_",
-  "__SCell": "___SCell_1ssn0_gg_",
-  "_theme": "__theme_1ssn0_gg_",
-  "__SGroupCell": "___SGroupCell_1ssn0_gg_",
-  "_theme_muted": "_theme_muted_1ssn0_gg_",
-  "_theme_info": "_theme_info_1ssn0_gg_",
-  "_theme_success": "_theme_success_1ssn0_gg_",
-  "_theme_warning": "_theme_warning_1ssn0_gg_",
-  "_theme_danger": "_theme_danger_1ssn0_gg_",
-  "_positioned": "__positioned_1ssn0_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1ssn0_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1ssn0_gg_",
-  "_orientation_vertical": "_orientation_vertical_1ssn0_gg_",
-  "--left": "--left_1ssn0",
-  "--right": "--right_1ssn0",
-  "--offsetSum": "--offsetSum_1ssn0",
-  "__SHeightHold": "___SHeightHold_1ssn0_gg_"
+  "__SDataTable": "___SDataTable_mwxpl_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_mwxpl_gg_",
+  "_sticky": "__sticky_mwxpl_gg_",
+  "__SHead": "___SHead_mwxpl_gg_",
+  "__SColumn": "___SColumn_mwxpl_gg_",
+  "_hidden": "__hidden_mwxpl_gg_",
+  "_use_primary": "_use_primary_mwxpl_gg_",
+  "_use_secondary": "_use_secondary_mwxpl_gg_",
+  "_use": "__use_mwxpl_gg_",
+  "_group": "__group_mwxpl_gg_",
+  "_groupHead": "__groupHead_mwxpl_gg_",
+  "_sortable": "__sortable_mwxpl_gg_",
+  "_active": "__active_mwxpl_gg_",
+  "_resizable": "__resizable_mwxpl_gg_",
+  "_fixed": "__fixed_mwxpl_gg_",
+  "__SSortIcon": "___SSortIcon_mwxpl_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_mwxpl_gg_",
+  "__SBody": "___SBody_mwxpl_gg_",
+  "__SRow": "___SRow_mwxpl_gg_",
+  "__SCell": "___SCell_mwxpl_gg_",
+  "_theme": "__theme_mwxpl_gg_",
+  "__SGroupCell": "___SGroupCell_mwxpl_gg_",
+  "_theme_muted": "_theme_muted_mwxpl_gg_",
+  "_theme_info": "_theme_info_mwxpl_gg_",
+  "_theme_success": "_theme_success_mwxpl_gg_",
+  "_theme_warning": "_theme_warning_mwxpl_gg_",
+  "_theme_danger": "_theme_danger_mwxpl_gg_",
+  "_positioned": "__positioned_mwxpl_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_mwxpl_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_mwxpl_gg_",
+  "_orientation_vertical": "_orientation_vertical_mwxpl_gg_",
+  "--left": "--left_mwxpl",
+  "--right": "--right_mwxpl",
+  "--offsetSum": "--offsetSum_mwxpl",
+  "__SHeightHold": "___SHeightHold_mwxpl_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',

package/lib/cjs/Head.js

@@ -56,14 +56,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_13yt7_gg_:before{left:var(--left_13yt7)!important}.___SShadowHorizontal_13yt7_gg_:after{right:var(--right_13yt7)!important}"
+".___SShadowHorizontal_qyxht_gg_:before {\n  left: var(--left_qyxht) !important;\n}\n.___SShadowHorizontal_qyxht_gg_:after {\n  right: var(--right_qyxht) !important;\n}\n"
 /*__inner_css_end__*/
-, "13yt7_gg_")
+, "qyxht_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_13yt7_gg_",
-  "--left": "--left_13yt7",
-  "--right": "--right_13yt7"
+  "__SShadowHorizontal": "___SShadowHorizontal_qyxht_gg_",
+  "--left": "--left_qyxht",
+  "--right": "--right_qyxht"
 });
 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_13yt7_gg_:before{left:var(--left_13yt7)!important}.___SShadowHorizontal_13yt7_gg_:after{right:var(--right_13yt7)!important}"
+".___SShadowHorizontal_qyxht_gg_:before {\n  left: var(--left_qyxht) !important;\n}\n.___SShadowHorizontal_qyxht_gg_:after {\n  right: var(--right_qyxht) !important;\n}\n"
 /*__inner_css_end__*/
-, "13yt7_gg_")
+, "qyxht_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_13yt7_gg_",
-  "--left": "--left_13yt7",
-  "--right": "--right_13yt7"
+  "__SShadowHorizontal": "___SShadowHorizontal_qyxht_gg_",
+  "--left": "--left_qyxht",
+  "--right": "--right_qyxht"
 });
 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__*/
-".___SDataTable_1ssn0_gg_{position:relative}.___SHeadWrapper_1ssn0_gg_{position:relative}.___SHeadWrapper_1ssn0_gg_.__sticky_1ssn0_gg_{position:sticky;top:0;z-index:2}.___SHead_1ssn0_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1ssn0_gg_{display:flex;align-items:center;flex-grow:1;font-size:12px;color:#191b23;box-sizing:border-box;position:relative}.___SColumn_1ssn0_gg_:focus{outline:none;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SColumn_1ssn0_gg_.__hidden_1ssn0_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:none!important}.___SColumn_1ssn0_gg_._use_primary_1ssn0_gg_{padding:12px;border-right:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;background-color:#f4f5f9}.___SColumn_1ssn0_gg_._use_secondary_1ssn0_gg_{padding:8px;border-bottom:1px solid #a9abb6;background-color:#ffffff}.___SColumn_1ssn0_gg_.__use_1ssn0_gg_:last-child{border-right:none}.___SColumn_1ssn0_gg_.__group_1ssn0_gg_.__use_1ssn0_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1ssn0_gg_.__groupHead_1ssn0_gg_.__use_1ssn0_gg_{justify-content:center;border-right:none;z-index:1}.___SColumn_1ssn0_gg_.__groupHead_1ssn0_gg_._use_primary_1ssn0_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1ssn0_gg_.__groupHead_1ssn0_gg_._use_secondary_1ssn0_gg_{border-bottom:1px solid #e0e1e9}.___SColumn_1ssn0_gg_.__sortable_1ssn0_gg_{cursor:pointer}.___SColumn_1ssn0_gg_.__sortable_1ssn0_gg_._use_primary_1ssn0_gg_:hover{background-color:#e0e1e9}.___SColumn_1ssn0_gg_.__active_1ssn0_gg_._use_primary_1ssn0_gg_{background-color:#e0e1e9}.___SColumn_1ssn0_gg_.__resizable_1ssn0_gg_:hover:after{background:#e0e1e9}.___SColumn_1ssn0_gg_.__resizable_1ssn0_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100vh;width:1px;background:transparent;cursor:col-resize}.___SColumn_1ssn0_gg_.__fixed_1ssn0_gg_{position:sticky;z-index:2}.___SSortIcon_1ssn0_gg_{fill:#a9abb6;margin-left:6px}.___SSortIcon_1ssn0_gg_.__active_1ssn0_gg_{fill:#8a8e9b}.___SBodyWrapper_1ssn0_gg_{position:relative}.___SBody_1ssn0_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1ssn0_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#f0f0f4}.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#f2f3f4}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_muted_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_muted_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#f6f7f7}.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#e9f7ff}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_info_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_info_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#c4e5fe}.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#dbfee8}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_success_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_success_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#9ef2c9}.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#fff3d9}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_warning_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_warning_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#ffdca2}.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#fff0f7}.___SRow_1ssn0_gg_:hover>.___SCell_1ssn0_gg_._theme_danger_1ssn0_gg_,.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_:hover>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_.__active_1ssn0_gg_>.___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_),.___SRow_1ssn0_gg_._theme_danger_1ssn0_gg_ .___SCell_1ssn0_gg_:hover+.___SGroupCell_1ssn0_gg_ .___SCell_1ssn0_gg_:not(.__theme_1ssn0_gg_){background-color:#ffd7df}.___SRow_1ssn0_gg_.__positioned_1ssn0_gg_{position:absolute}.___SCell_1ssn0_gg_{display:flex;flex:1;flex-basis:auto;font-size:14px;line-height:1.42;color:#191b23;box-sizing:border-box;border-bottom:1px solid #e0e1e9;overflow:hidden;white-space:nowrap}.___SCell_1ssn0_gg_._use_primary_1ssn0_gg_{padding:12px;min-height:45px;background-color:#ffffff}.___SCell_1ssn0_gg_._use_secondary_1ssn0_gg_{padding:8px;min-height:37px;background-color:#ffffff}.___SCell_1ssn0_gg_.__fixed_1ssn0_gg_{position:sticky;z-index:1}.___SCell_1ssn0_gg_._theme_muted_1ssn0_gg_{background-color:#f2f3f4}.___SCell_1ssn0_gg_._theme_info_1ssn0_gg_{background-color:#e9f7ff}.___SCell_1ssn0_gg_._theme_success_1ssn0_gg_{background-color:#dbfee8}.___SCell_1ssn0_gg_._theme_warning_1ssn0_gg_{background-color:#fff3d9}.___SCell_1ssn0_gg_._theme_danger_1ssn0_gg_{background-color:#fff0f7}.___SScrollAreaBar_1ssn0_gg_._orientation_horizontal_1ssn0_gg_{position:sticky;bottom:0;left:0;margin-top:-12px;z-index:2}.___SScrollAreaBar_1ssn0_gg_._orientation_vertical_1ssn0_gg_{width:12px}.___SScrollAreaBar_1ssn0_gg_._orientation_horizontal_1ssn0_gg_{margin-left:calc(var(--left_1ssn0) + 4px);margin-right:calc(var(--right_1ssn0) + 4px);width:calc(100% - var(--offsetSum_1ssn0) - 8px)}.___SHeightHold_1ssn0_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}"
+":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_mwxpl_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_mwxpl_gg_ {\n  position: relative;\n}\n\n.___SHeadWrapper_mwxpl_gg_.__sticky_mwxpl_gg_ {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n}\n\n.___SHead_mwxpl_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_mwxpl_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_mwxpl_gg_:focus {\n    outline: none;\n    box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  }\n\n.___SColumn_mwxpl_gg_.__hidden_mwxpl_gg_ {\n  height: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: none !important;\n}\n\n.___SColumn_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  padding: 12px;\n  border-right: 1px solid #e0e1e9;\n  border-bottom: 1px solid #e0e1e9;\n  background-color: #f4f5f9;\n}\n\n.___SColumn_mwxpl_gg_._use_secondary_mwxpl_gg_ {\n  padding: 8px;\n  border-bottom: 1px solid #a9abb6;\n  background-color: #ffffff;\n}\n\n.___SColumn_mwxpl_gg_.__use_mwxpl_gg_:last-child {\n  border-right: none;\n}\n\n.___SColumn_mwxpl_gg_.__group_mwxpl_gg_.__use_mwxpl_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_mwxpl_gg_.__groupHead_mwxpl_gg_.__use_mwxpl_gg_ {\n  justify-content: center;\n  border-right: none;\n  /* for resizable */\n  z-index: 1;\n}\n\n.___SColumn_mwxpl_gg_.__groupHead_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_mwxpl_gg_.__groupHead_mwxpl_gg_._use_secondary_mwxpl_gg_ {\n  border-bottom: 1px solid #e0e1e9;\n}\n\n.___SColumn_mwxpl_gg_.__sortable_mwxpl_gg_ {\n  cursor: pointer\n}\n\n.___SColumn_mwxpl_gg_.__sortable_mwxpl_gg_._use_primary_mwxpl_gg_:hover {\n    background-color: #e0e1e9;\n  }\n\n.___SColumn_mwxpl_gg_.__active_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  background-color: #e0e1e9;\n}\n\n.___SColumn_mwxpl_gg_.__resizable_mwxpl_gg_:hover:after {\n    background: #e0e1e9;\n  }\n\n.___SColumn_mwxpl_gg_.__resizable_mwxpl_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_mwxpl_gg_.__fixed_mwxpl_gg_ {\n  position: sticky;\n  /* because up resizable */\n  z-index: 2;\n}\n\n.___SSortIcon_mwxpl_gg_ {\n  fill: #a9abb6;\n  margin-left: 6px;\n}\n\n.___SSortIcon_mwxpl_gg_.__active_mwxpl_gg_ {\n  fill: #8a8e9b;\n}\n\n.___SBodyWrapper_mwxpl_gg_ {\n  position: relative;\n}\n\n.___SBody_mwxpl_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_mwxpl_gg_ {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n}\n\n/* DEFAULT THEME */\n\n.___SRow_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: rgb(240, 240, 244);\n}\n\n/* MUTED THEME */\n\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #f2f3f4;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_muted_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_muted_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #f6f7f7;\n}\n\n/* INFO THEME */\n\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #e9f7ff;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_info_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_info_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #c4e5fe;\n}\n\n/* SUCCESS THEME */\n\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #dbfee8;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_success_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_success_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #9ef2c9;\n}\n\n/* WARNING THEME */\n\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #fff3d9;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_warning_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_warning_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #ffdca2;\n}\n\n/* DANGER THEME */\n\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #fff0f7;\n}\n\n.___SRow_mwxpl_gg_:hover > .___SCell_mwxpl_gg_._theme_danger_mwxpl_gg_,\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_.__active_mwxpl_gg_ > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_:hover > .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_),\n.___SRow_mwxpl_gg_._theme_danger_mwxpl_gg_ .___SCell_mwxpl_gg_:hover + .___SGroupCell_mwxpl_gg_ .___SCell_mwxpl_gg_:not(.__theme_mwxpl_gg_) {\n  background-color: #ffd7df;\n}\n\n.___SRow_mwxpl_gg_.__positioned_mwxpl_gg_ {\n  position: absolute;\n}\n\n.___SCell_mwxpl_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_mwxpl_gg_._use_primary_mwxpl_gg_ {\n  padding: 12px;\n  min-height: 45px;\n  background-color: #ffffff;\n}\n\n.___SCell_mwxpl_gg_._use_secondary_mwxpl_gg_ {\n  padding: 8px;\n  min-height: 37px;\n  background-color: #ffffff;\n}\n\n.___SCell_mwxpl_gg_.__fixed_mwxpl_gg_ {\n  position: sticky;\n  z-index: 1;\n}\n\n.___SCell_mwxpl_gg_._theme_muted_mwxpl_gg_ {\n  background-color: #f2f3f4;\n}\n\n.___SCell_mwxpl_gg_._theme_info_mwxpl_gg_ {\n  background-color: #e9f7ff;\n}\n\n.___SCell_mwxpl_gg_._theme_success_mwxpl_gg_ {\n  background-color: #dbfee8;\n}\n\n.___SCell_mwxpl_gg_._theme_warning_mwxpl_gg_ {\n  background-color: #fff3d9;\n}\n\n.___SCell_mwxpl_gg_._theme_danger_mwxpl_gg_ {\n  background-color: #fff0f7;\n}\n\n.___SScrollAreaBar_mwxpl_gg_._orientation_horizontal_mwxpl_gg_ {\n  position: sticky;\n  bottom: 0;\n  left: 0;\n  margin-top: -12px;\n  z-index: 2;\n}\n\n.___SScrollAreaBar_mwxpl_gg_._orientation_vertical_mwxpl_gg_ {\n  width: 12px;\n}\n\n.___SScrollAreaBar_mwxpl_gg_._orientation_horizontal_mwxpl_gg_ {\n  margin-left: calc(var(--left_mwxpl) + 4px);\n  margin-right: calc(var(--right_mwxpl) + 4px);\n  width: calc(100% - var(--offsetSum_mwxpl) - 8px);\n}\n\n.___SHeightHold_mwxpl_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__*/
-, "1ssn0_gg_")
+, "mwxpl_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDataTable": "___SDataTable_1ssn0_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_1ssn0_gg_",
-  "_sticky": "__sticky_1ssn0_gg_",
-  "__SHead": "___SHead_1ssn0_gg_",
-  "__SColumn": "___SColumn_1ssn0_gg_",
-  "_hidden": "__hidden_1ssn0_gg_",
-  "_use_primary": "_use_primary_1ssn0_gg_",
-  "_use_secondary": "_use_secondary_1ssn0_gg_",
-  "_use": "__use_1ssn0_gg_",
-  "_group": "__group_1ssn0_gg_",
-  "_groupHead": "__groupHead_1ssn0_gg_",
-  "_sortable": "__sortable_1ssn0_gg_",
-  "_active": "__active_1ssn0_gg_",
-  "_resizable": "__resizable_1ssn0_gg_",
-  "_fixed": "__fixed_1ssn0_gg_",
-  "__SSortIcon": "___SSortIcon_1ssn0_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_1ssn0_gg_",
-  "__SBody": "___SBody_1ssn0_gg_",
-  "__SRow": "___SRow_1ssn0_gg_",
-  "__SCell": "___SCell_1ssn0_gg_",
-  "_theme": "__theme_1ssn0_gg_",
-  "__SGroupCell": "___SGroupCell_1ssn0_gg_",
-  "_theme_muted": "_theme_muted_1ssn0_gg_",
-  "_theme_info": "_theme_info_1ssn0_gg_",
-  "_theme_success": "_theme_success_1ssn0_gg_",
-  "_theme_warning": "_theme_warning_1ssn0_gg_",
-  "_theme_danger": "_theme_danger_1ssn0_gg_",
-  "_positioned": "__positioned_1ssn0_gg_",
-  "__SScrollAreaBar": "___SScrollAreaBar_1ssn0_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_1ssn0_gg_",
-  "_orientation_vertical": "_orientation_vertical_1ssn0_gg_",
-  "--left": "--left_1ssn0",
-  "--right": "--right_1ssn0",
-  "--offsetSum": "--offsetSum_1ssn0",
-  "__SHeightHold": "___SHeightHold_1ssn0_gg_"
+  "__SDataTable": "___SDataTable_mwxpl_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_mwxpl_gg_",
+  "_sticky": "__sticky_mwxpl_gg_",
+  "__SHead": "___SHead_mwxpl_gg_",
+  "__SColumn": "___SColumn_mwxpl_gg_",
+  "_hidden": "__hidden_mwxpl_gg_",
+  "_use_primary": "_use_primary_mwxpl_gg_",
+  "_use_secondary": "_use_secondary_mwxpl_gg_",
+  "_use": "__use_mwxpl_gg_",
+  "_group": "__group_mwxpl_gg_",
+  "_groupHead": "__groupHead_mwxpl_gg_",
+  "_sortable": "__sortable_mwxpl_gg_",
+  "_active": "__active_mwxpl_gg_",
+  "_resizable": "__resizable_mwxpl_gg_",
+  "_fixed": "__fixed_mwxpl_gg_",
+  "__SSortIcon": "___SSortIcon_mwxpl_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_mwxpl_gg_",
+  "__SBody": "___SBody_mwxpl_gg_",
+  "__SRow": "___SRow_mwxpl_gg_",
+  "__SCell": "___SCell_mwxpl_gg_",
+  "_theme": "__theme_mwxpl_gg_",
+  "__SGroupCell": "___SGroupCell_mwxpl_gg_",
+  "_theme_muted": "_theme_muted_mwxpl_gg_",
+  "_theme_info": "_theme_info_mwxpl_gg_",
+  "_theme_success": "_theme_success_mwxpl_gg_",
+  "_theme_warning": "_theme_warning_mwxpl_gg_",
+  "_theme_danger": "_theme_danger_mwxpl_gg_",
+  "_positioned": "__positioned_mwxpl_gg_",
+  "__SScrollAreaBar": "___SScrollAreaBar_mwxpl_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_mwxpl_gg_",
+  "_orientation_vertical": "_orientation_vertical_mwxpl_gg_",
+  "--left": "--left_mwxpl",
+  "--right": "--right_mwxpl",
+  "--offsetSum": "--offsetSum_mwxpl",
+  "__SHeightHold": "___SHeightHold_mwxpl_gg_"
 });
 var REVERSED_SORT_DIRECTION = {
   desc: 'asc',

package/lib/es6/Head.js

@@ -33,14 +33,14 @@ var scrollStyles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SShadowHorizontal_13yt7_gg_:before{left:var(--left_13yt7)!important}.___SShadowHorizontal_13yt7_gg_:after{right:var(--right_13yt7)!important}"
+".___SShadowHorizontal_qyxht_gg_:before {\n  left: var(--left_qyxht) !important;\n}\n.___SShadowHorizontal_qyxht_gg_:after {\n  right: var(--right_qyxht) !important;\n}\n"
 /*__inner_css_end__*/
-, "13yt7_gg_")
+, "qyxht_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SShadowHorizontal": "___SShadowHorizontal_13yt7_gg_",
-  "--left": "--left_13yt7",
-  "--right": "--right_13yt7"
+  "__SShadowHorizontal": "___SShadowHorizontal_qyxht_gg_",
+  "--left": "--left_qyxht",
+  "--right": "--right_qyxht"
 });
 var SORTING_ICON = {
   desc: SortDesc,

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "3.1.13",
+  "version": "3.1.15",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "pnpm semcore-builder --source=ts",
-    "test": "jest"
-  },
   "dependencies": {
     "@semcore/flex-box": "^4",
     "@semcore/icon": "^2.16",
@@ -50,5 +46,9 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/data-table"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=ts",
+    "test": "jest"
   }
-}
+}