@alfalab/core-components 44.7.0 → 44.7.2

package/system-message/modern/components/subtitle/index.css

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .system-message__component_xldd6 {
+} .system-message__component_1rx0r {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/system-message/modern/components/title/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import { getDataTestId, createPaddingStyle } from '../../../../shared/modern';
 import { SystemMessageContext } from '../../Context.js';
 
-const desktopStyles = {"component":"system-message__component_182y9"};
+const desktopStyles = {"component":"system-message__component_1pdpz"};
 require('./desktop.css');
 
-const styles = {"component":"system-message__component_1444p"};
+const styles = {"component":"system-message__component_1lewf"};
 require('./index.css');
 
-const mobileStyles = {"component":"system-message__component_hmlns"};
+const mobileStyles = {"component":"system-message__component_1by91"};
 require('./mobile.css');
 
 const DEFAULT_DESKTOP_PADDING = { bottom: 16 };

package/system-message/modern/components/title/desktop.css

@@ -18,7 +18,7 @@
     --sys-message-desktop-title-font-size: 22px;
     --sys-message-desktop-title-line-height: 26px;
     --sys-message-desktop-title-font-weight: 700;
-} .system-message__component_182y9 {
+} .system-message__component_1pdpz {
     font-size: var(--sys-message-desktop-title-font-size);
     line-height: var(--sys-message-desktop-title-line-height);
     font-weight: var(--sys-message-desktop-title-font-weight);

package/system-message/modern/components/title/index.css

@@ -19,7 +19,7 @@
 } :root {
 } :root {
     --sys-message-title-font-family: var(--font-family-system);
-} .system-message__component_1444p {
+} .system-message__component_1lewf {
     margin: 0;
     text-align: center;
     color: var(--color-light-text-primary);

package/system-message/modern/components/title/mobile.css

@@ -18,7 +18,7 @@
     --sys-message-mobile-title-font-size: 20px;
     --sys-message-mobile-title-line-height: 28px;
     --sys-message-mobile-title-font-weight: 600;
-} .system-message__component_hmlns {
+} .system-message__component_1by91 {
     font-size: var(--sys-message-mobile-title-font-size);
     line-height: var(--sys-message-mobile-title-line-height);
     font-weight: var(--sys-message-mobile-title-font-weight);

package/system-message/modern/index.css

@@ -1,27 +1,27 @@
 /* hash: vyqtq */
-.system-message__component_1x0ww {
+.system-message__component_fakkr {
     display: flex;
     flex-flow: column nowrap;
     align-items: center;
     box-sizing: border-box;
 }
 
-.system-message__fullHeight_1x0ww {
+.system-message__fullHeight_fakkr {
     height: 100%
 }
 
-.system-message__fullHeight_1x0ww .system-message__first_1x0ww {
+.system-message__fullHeight_fakkr .system-message__first_fakkr {
         margin-top: auto;
     }
 
-.system-message__fullHeight_1x0ww .system-message__last_1x0ww {
+.system-message__fullHeight_fakkr .system-message__last_fakkr {
         margin-bottom: auto;
     }
 
-.system-message__fullHeight_1x0ww .system-message__controls_1x0ww {
+.system-message__fullHeight_fakkr .system-message__controls_fakkr {
         margin-top: auto;
     }
 
-.system-message__fullHeight_1x0ww .system-message__both_1x0ww {
+.system-message__fullHeight_fakkr .system-message__both_fakkr {
         margin: auto 0;
     }

package/tab-bar/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"tab-bar__component_110ia","border":"tab-bar__border_110ia"};
+var styles = {"component":"tab-bar__component_ivzcz","border":"tab-bar__border_ivzcz"};
 require('./index.css');
 
 var TabBarComponent = React.forwardRef(function (_a, ref) {

package/tab-bar/components/tab/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"tab-bar__component_cqrvb","selected":"tab-bar__selected_cqrvb","icon":"tab-bar__icon_cqrvb","label":"tab-bar__label_cqrvb","labelSelected":"tab-bar__labelSelected_cqrvb","indicator":"tab-bar__indicator_cqrvb"};
+var styles = {"component":"tab-bar__component_1ygns","selected":"tab-bar__selected_1ygns","icon":"tab-bar__icon_1ygns","label":"tab-bar__label_1ygns","labelSelected":"tab-bar__labelSelected_1ygns","indicator":"tab-bar__indicator_1ygns"};
 require('./index.css');
 
 var TabComponent = React.forwardRef(function (_a, ref) {

package/tab-bar/components/tab/index.css

@@ -19,7 +19,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .tab-bar__component_cqrvb {
+} .tab-bar__component_1ygns {
     box-sizing: border-box;
     background-color: transparent;
     -webkit-tap-highlight-color: transparent;
@@ -43,15 +43,15 @@
     align-items: center;
     padding: var(--gap-xs) 0;
     color: var(--color-light-neutral-translucent-700);
-} .tab-bar__selected_cqrvb {
+} .tab-bar__selected_1ygns {
     color: var(--color-light-accent-primary);
-} .tab-bar__icon_cqrvb {
+} .tab-bar__icon_1ygns {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-grow: 1;
     width: 100%;
-} .tab-bar__label_cqrvb {
+} .tab-bar__label_1ygns {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -60,9 +60,9 @@
     flex-shrink: 0;
 
     color: var(--color-light-text-secondary);
-} .tab-bar__labelSelected_cqrvb {
+} .tab-bar__labelSelected_1ygns {
     color: inherit;
-} .tab-bar__indicator_cqrvb {
+} .tab-bar__indicator_1ygns {
     position: absolute;
     top: var(--gap-2xs);
     left: calc(50% + var(--gap-2xs));

package/tab-bar/esm/Component.js

@@ -6,7 +6,7 @@ import { Tab } from './components/tab/Component.js';
 import '../../badge/esm';
 import '../../typography/esm';
 
-var styles = {"component":"tab-bar__component_110ia","border":"tab-bar__border_110ia"};
+var styles = {"component":"tab-bar__component_ivzcz","border":"tab-bar__border_ivzcz"};
 require('./index.css');
 
 var TabBarComponent = forwardRef(function (_a, ref) {

package/tab-bar/esm/components/tab/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Badge } from '../../../../badge/esm';
 import { Typography } from '../../../../typography/esm';
 
-var styles = {"component":"tab-bar__component_cqrvb","selected":"tab-bar__selected_cqrvb","icon":"tab-bar__icon_cqrvb","label":"tab-bar__label_cqrvb","labelSelected":"tab-bar__labelSelected_cqrvb","indicator":"tab-bar__indicator_cqrvb"};
+var styles = {"component":"tab-bar__component_1ygns","selected":"tab-bar__selected_1ygns","icon":"tab-bar__icon_1ygns","label":"tab-bar__label_1ygns","labelSelected":"tab-bar__labelSelected_1ygns","indicator":"tab-bar__indicator_1ygns"};
 require('./index.css');
 
 var TabComponent = forwardRef(function (_a, ref) {

package/tab-bar/esm/components/tab/index.css

@@ -19,7 +19,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .tab-bar__component_cqrvb {
+} .tab-bar__component_1ygns {
     box-sizing: border-box;
     background-color: transparent;
     -webkit-tap-highlight-color: transparent;
@@ -43,15 +43,15 @@
     align-items: center;
     padding: var(--gap-xs) 0;
     color: var(--color-light-neutral-translucent-700);
-} .tab-bar__selected_cqrvb {
+} .tab-bar__selected_1ygns {
     color: var(--color-light-accent-primary);
-} .tab-bar__icon_cqrvb {
+} .tab-bar__icon_1ygns {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-grow: 1;
     width: 100%;
-} .tab-bar__label_cqrvb {
+} .tab-bar__label_1ygns {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -60,9 +60,9 @@
     flex-shrink: 0;
 
     color: var(--color-light-text-secondary);
-} .tab-bar__labelSelected_cqrvb {
+} .tab-bar__labelSelected_1ygns {
     color: inherit;
-} .tab-bar__indicator_cqrvb {
+} .tab-bar__indicator_1ygns {
     position: absolute;
     top: var(--gap-2xs);
     left: calc(50% + var(--gap-2xs));

package/tab-bar/esm/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --tab-bar-bg-color: var(--color-light-base-bg-primary);
-} .tab-bar__component_110ia {
+} .tab-bar__component_ivzcz {
     display: flex;
     justify-content: center;
     height: 64px;
@@ -27,6 +27,6 @@
     box-sizing: border-box;
     overflow: hidden;
     transition: box-shadow 0.2s ease;
-} .tab-bar__border_110ia {
+} .tab-bar__border_ivzcz {
     box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 }

package/tab-bar/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --tab-bar-bg-color: var(--color-light-base-bg-primary);
-} .tab-bar__component_110ia {
+} .tab-bar__component_ivzcz {
     display: flex;
     justify-content: center;
     height: 64px;
@@ -27,6 +27,6 @@
     box-sizing: border-box;
     overflow: hidden;
     transition: box-shadow 0.2s ease;
-} .tab-bar__border_110ia {
+} .tab-bar__border_ivzcz {
     box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 }

package/tab-bar/modern/Component.js

@@ -5,7 +5,7 @@ import { Tab } from './components/tab/Component.js';
 import '../../badge/modern';
 import '../../typography/modern';
 
-const styles = {"component":"tab-bar__component_110ia","border":"tab-bar__border_110ia"};
+const styles = {"component":"tab-bar__component_ivzcz","border":"tab-bar__border_ivzcz"};
 require('./index.css');
 
 const TabBarComponent = forwardRef(({ children, className, selectedId, border, dataTestId, tabClassNames, onChange, ...restProps }, ref) => {

package/tab-bar/modern/components/tab/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Badge } from '../../../../badge/modern';
 import { Typography } from '../../../../typography/modern';
 
-const styles = {"component":"tab-bar__component_cqrvb","selected":"tab-bar__selected_cqrvb","icon":"tab-bar__icon_cqrvb","label":"tab-bar__label_cqrvb","labelSelected":"tab-bar__labelSelected_cqrvb","indicator":"tab-bar__indicator_cqrvb"};
+const styles = {"component":"tab-bar__component_1ygns","selected":"tab-bar__selected_1ygns","icon":"tab-bar__icon_1ygns","label":"tab-bar__label_1ygns","labelSelected":"tab-bar__labelSelected_1ygns","indicator":"tab-bar__indicator_1ygns"};
 require('./index.css');
 
 const TabComponent = forwardRef(({ showIndicator, indicatorProps, label, icon, id, selected, onChange, onClick, tabClassNames = {}, dataTestId, className, labelClassName, selectedClassName, iconClassName, href, Component = href ? 'a' : 'button', ...restProps }, ref) => {

package/tab-bar/modern/components/tab/index.css

@@ -19,7 +19,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .tab-bar__component_cqrvb {
+} .tab-bar__component_1ygns {
     box-sizing: border-box;
     background-color: transparent;
     -webkit-tap-highlight-color: transparent;
@@ -43,15 +43,15 @@
     align-items: center;
     padding: var(--gap-xs) 0;
     color: var(--color-light-neutral-translucent-700);
-} .tab-bar__selected_cqrvb {
+} .tab-bar__selected_1ygns {
     color: var(--color-light-accent-primary);
-} .tab-bar__icon_cqrvb {
+} .tab-bar__icon_1ygns {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-grow: 1;
     width: 100%;
-} .tab-bar__label_cqrvb {
+} .tab-bar__label_1ygns {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -60,9 +60,9 @@
     flex-shrink: 0;
 
     color: var(--color-light-text-secondary);
-} .tab-bar__labelSelected_cqrvb {
+} .tab-bar__labelSelected_1ygns {
     color: inherit;
-} .tab-bar__indicator_cqrvb {
+} .tab-bar__indicator_1ygns {
     position: absolute;
     top: var(--gap-2xs);
     left: calc(50% + var(--gap-2xs));

package/tab-bar/modern/index.css

@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --tab-bar-bg-color: var(--color-light-base-bg-primary);
-} .tab-bar__component_110ia {
+} .tab-bar__component_ivzcz {
     display: flex;
     justify-content: center;
     height: 64px;
@@ -27,6 +27,6 @@
     box-sizing: border-box;
     overflow: hidden;
     transition: box-shadow 0.2s ease;
-} .tab-bar__border_110ia {
+} .tab-bar__border_ivzcz {
     box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 }

package/table/components/pagination/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1q8u4","pagesWrapper":"table__pagesWrapper_1q8u4","tag":"table__tag_1q8u4","tagActive":"table__tagActive_1q8u4","pagination":"table__pagination_1q8u4","menu":"table__menu_1q8u4","option":"table__option_1q8u4"};
+var styles = {"component":"table__component_1njqi","pagesWrapper":"table__pagesWrapper_1njqi","tag":"table__tag_1njqi","tagActive":"table__tagActive_1njqi","pagination":"table__pagination_1njqi","menu":"table__menu_1njqi","option":"table__option_1njqi"};
 require('./index.css');
 
 var Pagination = function (_a) {

package/table/components/pagination/index.css

@@ -20,7 +20,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_1q8u4 {
+} .table__component_1njqi {
     position: sticky;
     left: 0;
     display: flex;
@@ -30,21 +30,21 @@
     padding: var(--gap-xl) var(--gap-m) var(--gap-2xl);
     border-top: 1px solid var(--color-light-border-primary);
     box-sizing: border-box;
-} .table__pagesWrapper_1q8u4 {
+} .table__pagesWrapper_1njqi {
     display: flex;
-} .table__tag_1q8u4.table__tag_1q8u4 {
+} .table__tag_1njqi.table__tag_1njqi {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
     padding: 0 var(--gap-xs);
     min-width: 32px
-} .table__tag_1q8u4.table__tag_1q8u4:last-child {
+} .table__tag_1njqi.table__tag_1njqi:last-child {
         margin-right: 0;
-    } .table__tag_1q8u4.table__tag_1q8u4.table__tagActive_1q8u4 {
+    } .table__tag_1njqi.table__tag_1njqi.table__tagActive_1njqi {
         cursor: default;
-    } .table__pagination_1q8u4 {
+    } .table__pagination_1njqi {
     margin-left: auto;
-} .table__menu_1q8u4 {
+} .table__menu_1njqi {
     margin: var(--gap-2xs) 0;
-} .table__option_1q8u4 {
+} .table__option_1njqi {
     min-width: 208px;
 }

package/table/components/pagination/select-field/index.css

@@ -15,10 +15,10 @@
 } :root {
 } :root {
 } :root {
-} .table__field_66n9u svg {
+} .table__field_3hjnh svg {
         width: 18px;
         height: 18px;
-    } .table__open_66n9u,
-.table__open_66n9u:hover {
+    } .table__open_3hjnh,
+.table__open_3hjnh:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

package/table/components/pagination/select-field/index.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"field":"table__field_66n9u","open":"table__open_66n9u"};
+var styles = {"field":"table__field_3hjnh","open":"table__open_3hjnh"};
 require('./index.css');
 
 var CustomSelectField = function (_a) {

package/table/components/table/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_13umt","wrapper":"table__wrapper_13umt","stickyHeader":"table__stickyHeader_13umt","hasPagination":"table__hasPagination_13umt","table":"table__table_13umt"};
+var styles = {"component":"table__component_15y5c","wrapper":"table__wrapper_15y5c","stickyHeader":"table__stickyHeader_15y5c","hasPagination":"table__hasPagination_15y5c","table":"table__table_15y5c"};
 require('./index.css');
 
 var Table = React.forwardRef(function (_a, ref) {

package/table/components/table/index.css

@@ -18,24 +18,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .table__component_13umt {
+} .table__component_15y5c {
     box-sizing: border-box;
-} .table__wrapper_13umt {
+} .table__wrapper_15y5c {
     padding: 0 var(--gap-m) var(--gap-m);
     background: var(--color-light-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-m);
     overflow: auto;
-} .table__stickyHeader_13umt {
+} .table__stickyHeader_15y5c {
     max-height: 100%;
-} .table__hasPagination_13umt {
+} .table__hasPagination_15y5c {
     padding-bottom: 0;
-} .table__table_13umt {
+} .table__table_15y5c {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
-} .table__table_13umt td:first-child label > *[class^='box'], .table__table_13umt th:first-child label > *[class^='box'] {
+} .table__table_15y5c td:first-child label > *[class^='box'], .table__table_15y5c th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/table/components/tbody/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_j5fb6"};
+var styles = {"component":"table__component_1mpft"};
 require('./index.css');
 
 var TBody = function (_a) {

package/table/components/tbody/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .table__component_j5fb6 {
+} .table__component_1mpft {
     width: 100%;
     box-sizing: border-box;
 }

package/table/components/tcell/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1r5mx","compactHorizontal":"table__compactHorizontal_1r5mx","compact":"table__compact_1r5mx"};
+var styles = {"component":"table__component_9uvb1","compactHorizontal":"table__compactHorizontal_9uvb1","compact":"table__compact_9uvb1"};
 require('./index.css');
 
 var TCell = function (_a) {

package/table/components/tcell/index.css

@@ -20,7 +20,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .table__component_1r5mx {
+} .table__component_9uvb1 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -31,14 +31,14 @@
     border-top: 1px solid var(--color-light-border-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1r5mx:first-child {
+} .table__component_9uvb1:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1r5mx:last-child {
+    } .table__component_9uvb1:last-child {
         padding-right: var(--gap-m);
-    } .table__compactHorizontal_1r5mx {
+    } .table__compactHorizontal_9uvb1 {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_1r5mx {
+} .table__compact_9uvb1 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

package/table/components/texpandable-row/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"row":"table__row_x0kbb","selected":"table__selected_x0kbb","expanded":"table__expanded_x0kbb","expandable":"table__expandable_x0kbb"};
+var styles = {"row":"table__row_ux1rk","selected":"table__selected_ux1rk","expanded":"table__expanded_ux1rk","expandable":"table__expandable_ux1rk"};
 require('./index.css');
 
 var TExpandableRow = function (_a) {

package/table/components/texpandable-row/index.css

@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .table__row_x0kbb {
+} .table__row_ux1rk {
     cursor: pointer;
-} .table__selected_x0kbb.table__expanded_x0kbb {
+} .table__selected_ux1rk.table__expanded_ux1rk {
     background-color: inherit;
-} .table__expanded_x0kbb:hover {
+} .table__expanded_ux1rk:hover {
         background-color: inherit;
-    } .table__expandable_x0kbb td {
+    } .table__expandable_ux1rk td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/table/components/thead/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1ux64","row":"table__row_1ux64"};
+var styles = {"component":"table__component_16eeg","row":"table__row_16eeg"};
 require('./index.css');
 
 var THead = function (_a) {

package/table/components/thead/index.css

@@ -16,11 +16,11 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_1ux64 {
+} .table__component_16eeg {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_1ux64 th:not(:last-child):not(:empty):after {
+} .table__component_16eeg th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -31,10 +31,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    } .table__component_1ux64 th:after {
+    } .table__component_16eeg th:after {
         opacity: 0;
-    } .table__component_1ux64:hover th:after {
+    } .table__component_16eeg:hover th:after {
         opacity: 1;
-    } .table__row_1ux64 {
+    } .table__row_16eeg {
     height: 72px;
 }

package/table/components/thead-cell/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_1qpky","stickyHeader":"table__stickyHeader_1qpky","sortable":"table__sortable_1qpky","sorted":"table__sorted_1qpky","compactHorizontal":"table__compactHorizontal_1qpky"};
+var styles = {"component":"table__component_1teok","stickyHeader":"table__stickyHeader_1teok","sortable":"table__sortable_1teok","sorted":"table__sorted_1teok","compactHorizontal":"table__compactHorizontal_1teok"};
 require('./index.css');
 
 var THeadCell = function (_a) {

package/table/components/thead-cell/index.css

@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_1qpky {
+} .table__component_1teok {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -36,23 +36,23 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1qpky:first-child {
+} .table__component_1teok:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1qpky:last-child {
+    } .table__component_1teok:last-child {
         padding-right: var(--gap-m);
-    } .table__component_1qpky:not(.table__stickyHeader_1qpky) {
+    } .table__component_1teok:not(.table__stickyHeader_1teok) {
         position: relative;
-    } .table__sortable_1qpky {
+    } .table__sortable_1teok {
     cursor: pointer;
-} .table__sorted_1qpky {
+} .table__sorted_1teok {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1qpky {
+} .table__stickyHeader_1teok {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_1qpky {
+} .table__compactHorizontal_1teok {
     padding-left: 6px;
     padding-right: 6px;
 }

package/table/components/trow/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"table__component_11ylb","withoutBorder":"table__withoutBorder_11ylb","clickable":"table__clickable_11ylb","selected":"table__selected_11ylb"};
+var styles = {"component":"table__component_1joxr","withoutBorder":"table__withoutBorder_1joxr","clickable":"table__clickable_1joxr","selected":"table__selected_1joxr"};
 require('./index.css');
 
 var TRow = function (_a) {