@alfalab/core-components 28.2.2-beta.0 → 28.2.4

package/tabs/CHANGELOG.md

@@ -0,0 +1,336 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [6.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@6.2.7...@alfalab/core-components-tabs@6.3.0) (2022-06-28)
+
+
+### Features
+
+* circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
+
+
+
+
+
+## [6.2.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@6.2.6...@alfalab/core-components-tabs@6.2.7) (2022-06-20)
+
+
+### Bug Fixes
+
+* **tabs:** increased specificity of the mobile css class ([#102](https://github.com/core-ds/core-components/issues/102)) ([8f212f1](https://github.com/core-ds/core-components/commit/8f212f114d63d83bb7e7340e2ff13b89349bf353))
+
+
+
+
+
+## [6.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@6.2.0...@alfalab/core-components-tabs@6.2.1) (2022-03-28)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+# [6.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@6.1.0...@alfalab/core-components-tabs@6.2.0) (2022-03-24)
+
+
+### Features
+
+* Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
+
+
+
+
+
+# [6.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@6.0.1...@alfalab/core-components-tabs@6.1.0) (2022-02-09)
+
+
+### Features
+
+* **tabs:** add xxs xs sizes to secondary view and fix heights ([#985](https://github.com/core-ds/core-components/issues/985)) ([dd20933](https://github.com/core-ds/core-components/commit/dd20933f7c9a8f08920f7ad21bacb25983d3e93e))
+
+
+
+
+
+## [6.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@6.0.0...@alfalab/core-components-tabs@6.0.1) (2021-12-08)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+# [6.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.2.5...@alfalab/core-components-tabs@6.0.0) (2021-11-26)
+
+
+### Features
+
+* **button:** добавлена кнопка размера 40px, изменены скругления ([#886](https://github.com/core-ds/core-components/issues/886)) ([88e657a](https://github.com/core-ds/core-components/commit/88e657a9f0f68b8b58f6e9437053954ee984f83c)), closes [#890](https://github.com/core-ds/core-components/issues/890)
+
+
+### BREAKING CHANGES
+
+* **button:** Кнопка размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
+заменить размер  на xxs. Можно воспользоваться codemod.
+
+* feat(codemod): add button xs to xxs transformer
+
+* feat(tag): добавлен тэг размера 40px, изменены отступы
+
+Добавлен тэг размером 40px, изменены отступы. Тем, кто использовал размер xs, надо заменить размер
+на xxs.
+* **button:** Тэг размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
+заменить размер на xxs. Можно воспользоваться codemod.
+
+* test: update screenshots
+
+* test: update screenshots
+
+* feat(button): linter fix
+
+* feat(button): fix min-width
+
+* feat(tag): remove vertical paddings
+
+* feat(tag): remove vertical paddings
+
+* feat(button): updates
+
+
+
+
+
+## [5.2.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.2.4...@alfalab/core-components-tabs@5.2.5) (2021-11-23)
+
+
+### Bug Fixes
+
+* **tabs:** hide native scrollbar on scrollable tabs properly ([0134956](https://github.com/core-ds/core-components/commit/0134956f2af01720500f7ad06caeeb4569e74d50)), closes [#879](https://github.com/core-ds/core-components/issues/879)
+
+
+
+
+
+## [5.2.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.2.3...@alfalab/core-components-tabs@5.2.4) (2021-10-13)
+
+
+### Bug Fixes
+
+* **tabs:** фикс бага при скрытии табов ([#851](https://github.com/core-ds/core-components/issues/851)) ([5d5dcd9](https://github.com/core-ds/core-components/commit/5d5dcd966fface279921bea5610e9b3af3f2117b))
+
+
+
+
+
+## [5.2.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.2.2...@alfalab/core-components-tabs@5.2.3) (2021-09-14)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+## [5.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.2.1...@alfalab/core-components-tabs@5.2.2) (2021-08-27)
+
+
+### Bug Fixes
+
+* **tabs:** fix tabs hidden ([#816](https://github.com/core-ds/core-components/issues/816)) ([68468dd](https://github.com/core-ds/core-components/commit/68468dd6e74a465f2d4bcde87d7852bcaf934783))
+
+
+
+
+
+## [5.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.2.0...@alfalab/core-components-tabs@5.2.1) (2021-08-26)
+
+
+### Bug Fixes
+
+* **tabs:** height styles ([#810](https://github.com/core-ds/core-components/issues/810)) ([b3b96e7](https://github.com/core-ds/core-components/commit/b3b96e7efb4771c0009c29e851ce1d69f4c61ff4))
+
+
+
+
+
+# [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.1.0...@alfalab/core-components-tabs@5.2.0) (2021-08-23)
+
+
+### Features
+
+* **tag:** add inverted colors ([#784](https://github.com/core-ds/core-components/issues/784)) ([d3681ae](https://github.com/core-ds/core-components/commit/d3681aeefe02e5f481d066013911a1877a165bb2))
+
+
+
+
+
+# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.0.2...@alfalab/core-components-tabs@5.1.0) (2021-08-04)
+
+
+### Features
+
+* add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))
+
+
+
+
+
+## [5.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.0.1...@alfalab/core-components-tabs@5.0.2) (2021-07-23)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@5.0.0...@alfalab/core-components-tabs@5.0.1) (2021-07-09)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.1.1...@alfalab/core-components-tabs@5.0.0) (2021-07-08)
+
+
+### Features
+
+* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
+
+## [4.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.1.0...@alfalab/core-components-tabs@4.1.1) (2021-06-22)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+# [4.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.10...@alfalab/core-components-tabs@4.1.0) (2021-06-04)
+
+
+### Features
+
+* **tag:** adjusted colors ([#667](https://github.com/core-ds/core-components/issues/667)) ([ded4ac4](https://github.com/core-ds/core-components/commit/ded4ac4a4e02ee8ec4efdc6d990455caa3ab94bb))
+
+
+
+
+
+## [4.0.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.9...@alfalab/core-components-tabs@4.0.10) (2021-04-28)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+## [4.0.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.8...@alfalab/core-components-tabs@4.0.9) (2021-04-26)
+
+
+### Bug Fixes
+
+* **tabs:** fix ssr rendering ([#621](https://github.com/core-ds/core-components/issues/621)) ([e45efe7](https://github.com/core-ds/core-components/commit/e45efe78ff2583b92393e9c271f07fe3718b9d40))
+
+
+
+
+
+## [4.0.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.7...@alfalab/core-components-tabs@4.0.8) (2021-04-01)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+## [4.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.6...@alfalab/core-components-tabs@4.0.7) (2021-03-19)
+
+
+### Bug Fixes
+
+* **tabs:** optional children ([#572](https://github.com/core-ds/core-components/issues/572)) ([b03ee8c](https://github.com/core-ds/core-components/commit/b03ee8ca7f37e9c5b8a46d4a04123792cdc1bfa6))
+
+
+
+
+
+## [4.0.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.4...@alfalab/core-components-tabs@4.0.6) (2021-03-18)
+
+
+### Bug Fixes
+
+* one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
+
+
+
+
+
+## [4.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.2...@alfalab/core-components-tabs@4.0.4) (2021-03-16)
+
+
+### Bug Fixes
+
+* border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
+
+
+
+
+
+## [4.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.1...@alfalab/core-components-tabs@4.0.2) (2021-03-15)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+## [4.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@4.0.0...@alfalab/core-components-tabs@4.0.1) (2021-03-14)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@3.5.2...@alfalab/core-components-tabs@4.0.0) (2021-03-04)
+
+
+### Features
+
+* size vars (xs/s/m/l/xl → 32/48/56/64/72) ([d7254d2](https://github.com/core-ds/core-components/commit/d7254d2963106663e8f04b84bc747b38e4f57632))
+* **tabs:** changed size L (72 → 64), added size XL (72) ([2043939](https://github.com/core-ds/core-components/commit/2043939c5ecdb03c9b84379a3cce21c6f6047530))
+
+
+### BREAKING CHANGES
+
+* **tabs:** size L changed to size XL
+
+
+
+
+
+## [3.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@3.5.1...@alfalab/core-components-tabs@3.5.2) (2021-03-03)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+## [3.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@3.5.0...@alfalab/core-components-tabs@3.5.1) (2021-02-20)
+
+**Note:** Version bump only for package @alfalab/core-components-tabs
+
+
+
+
+
+# [3.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-tabs@3.4.2...@alfalab/core-components-tabs@3.5.0) (2021-02-18)
+
+
+### Features
+
+* **tabs:** disabled view ([#513](https://github.com/core-ds/core-components/issues/513)) ([8bdb1a7](https://github.com/core-ds/core-components/commit/8bdb1a789f720c6ccd98ebed3f0ae3c84dbbf52e))

package/tabs/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-aa5c6057.js');
+var tslib_es6 = require('../../tslib.es6-ad9cdc9a.js');
 var React = require('react');
 require('../../../keyboard-focusable');
 require('classnames');
@@ -8,7 +8,7 @@ require('compute-scroll-into-view');
 require('../scrollable-container/Component.js');
 require('../../useTabs.js');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-826ef62a.js');
+var index_module = require('../../index.module-25a7d541.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/tabs/components/primary-tablist/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-aa5c6057.js');
+var tslib_es6 = require('../../tslib.es6-ad9cdc9a.js');
 var React = require('react');
 var coreComponentsKeyboardFocusable = require('../../../keyboard-focusable');
 var cn = require('classnames');

package/tabs/components/primary-tablist/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-aa5c6057.js');
+var tslib_es6 = require('../../tslib.es6-ad9cdc9a.js');
 var React = require('react');
 require('../../../keyboard-focusable');
 var cn = require('classnames');
@@ -8,14 +8,14 @@ require('compute-scroll-into-view');
 require('../scrollable-container/Component.js');
 require('../../useTabs.js');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-826ef62a.js');
+var index_module = require('../../index.module-25a7d541.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var mobileStyles = {"title":"tabs__title_ie12e tabs__title_1xl6y","mobile":"tabs__mobile_ie12e"};
+var mobileStyles = {"title":"tabs__title_1uaxp tabs__title_banlt","mobile":"tabs__mobile_1uaxp"};
 require('./mobile.css');
 
 var styles = tslib_es6.__assign(tslib_es6.__assign({}, index_module.commonStyles), mobileStyles);

package/tabs/components/primary-tablist/Component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-aa5c6057.js');
+var tslib_es6 = require('../../tslib.es6-ad9cdc9a.js');
 var React = require('react');
 require('../../../keyboard-focusable');
 require('classnames');
@@ -8,7 +8,7 @@ require('compute-scroll-into-view');
 require('../scrollable-container/Component.js');
 require('../../useTabs.js');
 require('./Component.js');
-require('../../index.module-826ef62a.js');
+require('../../index.module-25a7d541.js');
 var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
 var hooks = require('@alfalab/hooks');
 var components_primaryTablist_Component_mobile = require('./Component.mobile.js');

package/tabs/components/primary-tablist/index.css

@@ -82,10 +82,10 @@
 
     /* size xl */
 }
-.tabs__component_1xl6y {
+.tabs__component_banlt {
     position: relative
 }
-.tabs__component_1xl6y:before {
+.tabs__component_banlt:before {
         content: '';
         display: block;
         position: absolute;
@@ -94,11 +94,11 @@
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
     }
-.tabs__container_1xl6y {
+.tabs__container_banlt {
     position: relative;
     display: flex;
 }
-.tabs__title_1xl6y {
+.tabs__title_banlt {
     display: flex;
     align-items: center;
     height: 100%;
@@ -116,22 +116,22 @@
     cursor: pointer;
     outline: none
 }
-.tabs__title_1xl6y:not(.tabs__disabled_1xl6y):hover {
+.tabs__title_banlt:not(.tabs__disabled_banlt):hover {
         color: var(--primary-tablist-hover-color);
     }
-.tabs__focused_1xl6y {
+.tabs__focused_banlt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tabs__selected_1xl6y {
+.tabs__selected_banlt {
     cursor: default;
     color: var(--primary-tablist-selected-color);
 }
-.tabs__disabled_1xl6y {
+.tabs__disabled_banlt {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
 }
-.tabs__line_1xl6y {
+.tabs__line_banlt {
     position: absolute;
     height: 3px;
     bottom: 0;
@@ -140,46 +140,46 @@
     transition: transform 0.2s ease, width 0.2s ease;
 }
 /* sizes */
-.tabs__s_1xl6y .tabs__title_1xl6y, .tabs__xs_1xl6y .tabs__title_1xl6y, .tabs__xxs_1xl6y .tabs__title_1xl6y {
+.tabs__s_banlt .tabs__title_banlt, .tabs__xs_banlt .tabs__title_banlt, .tabs__xxs_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-s-padding);
         font-size: var(--primary-tablist-s-font-size);
         font-weight: var(--primary-tablist-s-font-weight);
         font-family: var(--primary-tablist-s-font-family);
         line-height: 24px;
     }
-.tabs__s_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y, .tabs__xs_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y, .tabs__xxs_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+.tabs__s_banlt .tabs__title_banlt + .tabs__title_banlt, .tabs__xs_banlt .tabs__title_banlt + .tabs__title_banlt, .tabs__xxs_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-s-gaps);
     }
-.tabs__m_1xl6y .tabs__title_1xl6y {
+.tabs__m_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-m-padding);
         font-size: var(--primary-tablist-m-font-size);
         font-weight: var(--primary-tablist-m-font-weight);
         font-family: var(--primary-tablist-m-font-family);
         line-height: 24px;
     }
-.tabs__m_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+.tabs__m_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-m-gaps);
     }
-.tabs__l_1xl6y .tabs__title_1xl6y {
+.tabs__l_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-l-padding);
         font-size: var(--primary-tablist-l-font-size);
         font-weight: var(--primary-tablist-l-font-weight);
         font-family: var(--primary-tablist-l-font-family);
         line-height: 24px;
     }
-.tabs__l_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+.tabs__l_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-l-gaps);
     }
-.tabs__xl_1xl6y .tabs__title_1xl6y {
+.tabs__xl_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-xl-padding);
         font-size: var(--primary-tablist-xl-font-size);
         font-weight: var(--primary-tablist-xl-font-weight);
         font-family: var(--primary-tablist-xl-font-family);
         line-height: 32px;
     }
-.tabs__xl_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+.tabs__xl_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-xl-gaps);
     }
-.tabs__rightAddons_1xl6y {
+.tabs__rightAddons_banlt {
     margin-left: var(--gap-xs);
 }

package/tabs/components/primary-tablist/mobile.css

@@ -86,9 +86,9 @@
     /* size l */
 
     /* size xl */
-}.tabs__component_1xl6y {
+}.tabs__component_banlt {
     position: relative
-}.tabs__component_1xl6y:before {
+}.tabs__component_banlt:before {
         content: '';
         display: block;
         position: absolute;
@@ -96,10 +96,10 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }.tabs__container_1xl6y {
+    }.tabs__container_banlt {
     position: relative;
     display: flex;
-}.tabs__title_1xl6y {
+}.tabs__title_banlt {
     display: flex;
     align-items: center;
     height: 100%;
@@ -116,57 +116,57 @@
             user-select: none;
     cursor: pointer;
     outline: none
-}.tabs__title_1xl6y:not(.tabs__disabled_1xl6y):hover {
+}.tabs__title_banlt:not(.tabs__disabled_banlt):hover {
         color: var(--primary-tablist-hover-color);
-    }.tabs__focused_1xl6y {
+    }.tabs__focused_banlt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}.tabs__selected_1xl6y {
+}.tabs__selected_banlt {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}.tabs__disabled_1xl6y {
+}.tabs__disabled_banlt {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}.tabs__line_1xl6y {
+}.tabs__line_banlt {
     position: absolute;
     height: 3px;
     bottom: 0;
     left: 0;
     background-color: var(--primary-tablist-line-color);
     transition: transform 0.2s ease, width 0.2s ease;
-}/* sizes */.tabs__s_1xl6y .tabs__title_1xl6y, .tabs__xs_1xl6y .tabs__title_1xl6y, .tabs__xxs_1xl6y .tabs__title_1xl6y {
+}/* sizes */.tabs__s_banlt .tabs__title_banlt, .tabs__xs_banlt .tabs__title_banlt, .tabs__xxs_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-s-padding);
         font-size: var(--primary-tablist-s-font-size);
         font-weight: var(--primary-tablist-s-font-weight);
         font-family: var(--primary-tablist-s-font-family);
         line-height: 24px;
-    }.tabs__s_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y, .tabs__xs_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y, .tabs__xxs_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+    }.tabs__s_banlt .tabs__title_banlt + .tabs__title_banlt, .tabs__xs_banlt .tabs__title_banlt + .tabs__title_banlt, .tabs__xxs_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__m_1xl6y .tabs__title_1xl6y {
+    }.tabs__m_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-m-padding);
         font-size: var(--primary-tablist-m-font-size);
         font-weight: var(--primary-tablist-m-font-weight);
         font-family: var(--primary-tablist-m-font-family);
         line-height: 24px;
-    }.tabs__m_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+    }.tabs__m_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__l_1xl6y .tabs__title_1xl6y {
+    }.tabs__l_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-l-padding);
         font-size: var(--primary-tablist-l-font-size);
         font-weight: var(--primary-tablist-l-font-weight);
         font-family: var(--primary-tablist-l-font-family);
         line-height: 24px;
-    }.tabs__l_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+    }.tabs__l_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__xl_1xl6y .tabs__title_1xl6y {
+    }.tabs__xl_banlt .tabs__title_banlt {
         padding: var(--primary-tablist-xl-padding);
         font-size: var(--primary-tablist-xl-font-size);
         font-weight: var(--primary-tablist-xl-font-weight);
         font-family: var(--primary-tablist-xl-font-family);
         line-height: 32px;
-    }.tabs__xl_1xl6y .tabs__title_1xl6y + .tabs__title_1xl6y {
+    }.tabs__xl_banlt .tabs__title_banlt + .tabs__title_banlt {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__rightAddons_1xl6y {
+    }.tabs__rightAddons_banlt {
     margin-left: var(--gap-xs);
 }
 :root {
@@ -960,15 +960,15 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
 }
-.tabs__title_ie12e {
+.tabs__title_1uaxp {
 }
-.tabs__mobile_ie12e .tabs__title_ie12e {
+.tabs__mobile_1uaxp .tabs__title_1uaxp {
         padding: var(--primary-tablist-mobile-padding);
         font-size: var(--primary-tablist-mobile-font-size);
         font-weight: var(--primary-tablist-mobile-font-weight);
         font-family: var(--primary-tablist-mobile-font-family);
         line-height: 24px
     }
-.tabs__mobile_ie12e .tabs__title_ie12e + .tabs__title_ie12e {
+.tabs__mobile_1uaxp .tabs__title_1uaxp + .tabs__title_1uaxp {
             margin-left: var(--primary-tablist-mobile-gaps);
         }

package/tabs/components/scrollable-container/Component.js

@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var computeScrollIntoView__default = /*#__PURE__*/_interopDefaultLegacy(computeScrollIntoView);
 
-var styles = {"container":"tabs__container_ezb3d"};
+var styles = {"container":"tabs__container_rpvsm"};
 require('./index.css');
 
 var ScrollableContainer = function (_a) {

package/tabs/components/scrollable-container/index.css

@@ -33,7 +33,7 @@
 
     /* size xl */
 }
-.tabs__container_ezb3d {
+.tabs__container_rpvsm {
     position: relative;
     display: flex;
     align-items: center;
@@ -41,9 +41,9 @@
     overflow-y: hidden;
     scrollbar-width: none
 }
-.tabs__container_ezb3d::-webkit-scrollbar {
+.tabs__container_rpvsm::-webkit-scrollbar {
         display: none;
     }
-.tabs__container_ezb3d > * {
+.tabs__container_rpvsm > * {
         flex-shrink: 0;
     }