@alfalab/core-components 23.1.0 → 23.4.1

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -5,9 +5,9 @@ import '../scrollable-container/Component.js';
 import '../../useTabs.js';
 import '../../../../tag/modern';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-d41a5d2a.js';
+import { c as commonStyles } from '../../index.module-9414e326.js';
 
-var mobileStyles = {"title":"tabs__title_1i58v tabs__title_15qpv","mobile":"tabs__mobile_1i58v"};
+var mobileStyles = {"title":"tabs__title_qcbvz tabs__title_1xjmu","mobile":"tabs__mobile_qcbvz"};
 require('./mobile.css');
 
 const styles = {

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -6,7 +6,7 @@ import '../scrollable-container/Component.js';
 import '../../useTabs.js';
 import '../../../../tag/modern';
 import './Component.js';
-import '../../index.module-d41a5d2a.js';
+import '../../index.module-9414e326.js';
 import { SecondaryTabListDesktop } from './Component.desktop.js';
 import { SecondaryTabListMobile } from './Component.mobile.js';
 

package/tabs/modern/components/secondary-tablist/index.css

@@ -42,40 +42,40 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-s);
 }
-.tabs__component_15qpv {
+.tabs__component_1xjmu {
     position: relative;
     display: flex;
     align-items: center;
 }
-.tabs__container_15qpv {
+.tabs__container_1xjmu {
     display: flex;
     align-items: center;
 }
-.tabs__title_15qpv {
+.tabs__title_1xjmu {
     white-space: nowrap;
 }
 /* sizes */
-.tabs__s_15qpv {
+.tabs__s_1xjmu {
     height: var(--size-s-height)
 }
-.tabs__s_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+.tabs__s_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-s-gaps);
     }
-.tabs__m_15qpv {
+.tabs__m_1xjmu {
     height: var(--size-m-height)
 }
-.tabs__m_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+.tabs__m_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-m-gaps);
     }
-.tabs__l_15qpv {
+.tabs__l_1xjmu {
     height: var(--size-l-height)
 }
-.tabs__l_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+.tabs__l_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-l-gaps);
     }
-.tabs__xl_15qpv {
+.tabs__xl_1xjmu {
     height: var(--size-xl-height)
 }
-.tabs__xl_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+.tabs__xl_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-xl-gaps);
     }

package/tabs/modern/components/secondary-tablist/mobile.css

@@ -46,30 +46,30 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-s);
-}.tabs__component_15qpv {
+}.tabs__component_1xjmu {
     position: relative;
     display: flex;
     align-items: center;
-}.tabs__container_15qpv {
+}.tabs__container_1xjmu {
     display: flex;
     align-items: center;
-}.tabs__title_15qpv {
+}.tabs__title_1xjmu {
     white-space: nowrap;
-}/* sizes */.tabs__s_15qpv {
+}/* sizes */.tabs__s_1xjmu {
     height: var(--size-s-height)
-}.tabs__s_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+}.tabs__s_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-s-gaps);
-    }.tabs__m_15qpv {
+    }.tabs__m_1xjmu {
     height: var(--size-m-height)
-}.tabs__m_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+}.tabs__m_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-m-gaps);
-    }.tabs__l_15qpv {
+    }.tabs__l_1xjmu {
     height: var(--size-l-height)
-}.tabs__l_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+}.tabs__l_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-l-gaps);
-    }.tabs__xl_15qpv {
+    }.tabs__xl_1xjmu {
     height: var(--size-xl-height)
-}.tabs__xl_15qpv .tabs__title_15qpv + .tabs__title_15qpv {
+}.tabs__xl_1xjmu .tabs__title_1xjmu + .tabs__title_1xjmu {
         margin-left: var(--secondary-tablist-xl-gaps);
     }
 :root {
@@ -651,11 +651,11 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-s);
 }
-.tabs__title_1i58v {
+.tabs__title_qcbvz {
 }
-.tabs__title_1i58v + .tabs__title_1i58v {
+.tabs__title_qcbvz + .tabs__title_qcbvz {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }
-.tabs__mobile_1i58v {
+.tabs__mobile_qcbvz {
     height: 48px;
 }

package/tabs/modern/components/tab/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"tabs__component_j2zv0","hidden":"tabs__hidden_j2zv0"};
+var styles = {"component":"tabs__component_17ra2","hidden":"tabs__hidden_17ra2"};
 require('./index.css');
 
 const Tab = ({ children, hidden, className, disabled }) => children ? (React.createElement("div", { className: cn(styles.component, {

package/tabs/modern/components/tab/index.css

@@ -1,8 +1,8 @@
 /* hash: nnwqa */
-.tabs__component_j2zv0 {
+.tabs__component_17ra2 {
     outline: none;
 }
 
-.tabs__hidden_j2zv0 {
+.tabs__hidden_17ra2 {
     display: none;
 }

package/tabs/modern/components/tabs/Component.desktop.js

@@ -5,11 +5,11 @@ import '../../../../keyboard-focusable/modern';
 import '../scrollable-container/Component.js';
 import '../../useTabs.js';
 import '../primary-tablist/Component.js';
-import '../../index.module-8be1c562.js';
+import '../../index.module-3883df3d.js';
 import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
 import '../../../../tag/modern';
 import '../secondary-tablist/Component.js';
-import '../../index.module-d41a5d2a.js';
+import '../../index.module-9414e326.js';
 import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
 import { Tabs } from './Component.js';
 

package/tabs/modern/components/tabs/Component.mobile.js

@@ -5,10 +5,10 @@ import '../../../../keyboard-focusable/modern';
 import '../scrollable-container/Component.js';
 import '../../useTabs.js';
 import '../primary-tablist/Component.js';
-import '../../index.module-8be1c562.js';
+import '../../index.module-3883df3d.js';
 import '../../../../tag/modern';
 import '../secondary-tablist/Component.js';
-import '../../index.module-d41a5d2a.js';
+import '../../index.module-9414e326.js';
 import { Tabs } from './Component.js';
 import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
 import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';

package/tabs/modern/components/tabs/Component.responsive.js

@@ -6,11 +6,11 @@ import '../../../../keyboard-focusable/modern';
 import '../scrollable-container/Component.js';
 import '../../useTabs.js';
 import '../primary-tablist/Component.js';
-import '../../index.module-8be1c562.js';
+import '../../index.module-3883df3d.js';
 import '../primary-tablist/Component.desktop.js';
 import '../../../../tag/modern';
 import '../secondary-tablist/Component.js';
-import '../../index.module-d41a5d2a.js';
+import '../../index.module-9414e326.js';
 import '../secondary-tablist/Component.desktop.js';
 import { Tabs } from './Component.js';
 import '../primary-tablist/Component.mobile.js';

package/tabs/modern/desktop.js

@@ -5,11 +5,11 @@ import '../../keyboard-focusable/modern';
 export { ScrollableContainer } from './components/scrollable-container/Component.js';
 export { useTabs } from './useTabs.js';
 import './components/primary-tablist/Component.js';
-import './index.module-8be1c562.js';
+import './index.module-3883df3d.js';
 export { PrimaryTabListDesktop } from './components/primary-tablist/Component.desktop.js';
 import '../../tag/modern';
 import './components/secondary-tablist/Component.js';
-import './index.module-d41a5d2a.js';
+import './index.module-9414e326.js';
 export { SecondaryTabListDesktop } from './components/secondary-tablist/Component.desktop.js';
 export { Tab } from './components/tab/Component.js';
 import './components/tabs/Component.js';

package/tabs/modern/index.js

@@ -6,11 +6,11 @@ import '../../keyboard-focusable/modern';
 export { ScrollableContainer } from './components/scrollable-container/Component.js';
 export { useTabs } from './useTabs.js';
 import './components/primary-tablist/Component.js';
-import './index.module-8be1c562.js';
+import './index.module-3883df3d.js';
 import './components/primary-tablist/Component.desktop.js';
 import '../../tag/modern';
 import './components/secondary-tablist/Component.js';
-import './index.module-d41a5d2a.js';
+import './index.module-9414e326.js';
 import './components/secondary-tablist/Component.desktop.js';
 export { Tab } from './components/tab/Component.js';
 import './components/tabs/Component.js';

package/tabs/modern/index.module-3883df3d.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_b3j9p","container":"tabs__container_b3j9p","title":"tabs__title_b3j9p","disabled":"tabs__disabled_b3j9p","focused":"tabs__focused_b3j9p","selected":"tabs__selected_b3j9p","line":"tabs__line_b3j9p","s":"tabs__s_b3j9p","m":"tabs__m_b3j9p","l":"tabs__l_b3j9p","xl":"tabs__xl_b3j9p","rightAddons":"tabs__rightAddons_b3j9p"};
+require('./components/primary-tablist/index.css');
+
+export { commonStyles as c };

package/tabs/modern/index.module-9414e326.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_1xjmu","container":"tabs__container_1xjmu","title":"tabs__title_1xjmu","s":"tabs__s_1xjmu","m":"tabs__m_1xjmu","l":"tabs__l_1xjmu","xl":"tabs__xl_1xjmu"};
+require('./components/secondary-tablist/index.css');
+
+export { commonStyles as c };

package/tabs/modern/mobile.js

@@ -5,10 +5,10 @@ import '../../keyboard-focusable/modern';
 export { ScrollableContainer } from './components/scrollable-container/Component.js';
 export { useTabs } from './useTabs.js';
 import './components/primary-tablist/Component.js';
-import './index.module-8be1c562.js';
+import './index.module-3883df3d.js';
 import '../../tag/modern';
 import './components/secondary-tablist/Component.js';
-import './index.module-d41a5d2a.js';
+import './index.module-9414e326.js';
 export { Tab } from './components/tab/Component.js';
 import './components/tabs/Component.js';
 export { PrimaryTabListMobile } from './components/primary-tablist/Component.mobile.js';

package/tabs/modern/responsive.js

@@ -6,11 +6,11 @@ import '../../keyboard-focusable/modern';
 export { ScrollableContainer } from './components/scrollable-container/Component.js';
 export { useTabs } from './useTabs.js';
 import './components/primary-tablist/Component.js';
-import './index.module-8be1c562.js';
+import './index.module-3883df3d.js';
 import './components/primary-tablist/Component.desktop.js';
 import '../../tag/modern';
 import './components/secondary-tablist/Component.js';
-import './index.module-d41a5d2a.js';
+import './index.module-9414e326.js';
 import './components/secondary-tablist/Component.desktop.js';
 export { Tab } from './components/tab/Component.js';
 import './components/tabs/Component.js';

package/tabs/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-acc7f4d6.js');
+require('./tslib.es6-cf63b2f4.js');
 require('react');
 require('../keyboard-focusable');
 require('classnames');
@@ -8,11 +8,11 @@ require('compute-scroll-into-view');
 var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
 var useTabs = require('./useTabs.js');
 require('./components/primary-tablist/Component.js');
-require('./index.module-16c76e66.js');
+require('./index.module-6ac9a372.js');
 require('./components/primary-tablist/Component.desktop.js');
 require('../tag');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-e9a8cde3.js');
+require('./index.module-ffdfee49.js');
 require('./components/secondary-tablist/Component.desktop.js');
 var components_tab_Component = require('./components/tab/Component.js');
 require('./components/tabs/Component.js');

package/tag/Component.js

@@ -50,13 +50,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tag__component_fg7c9","focused":"tag__focused_fg7c9","addons":"tag__addons_fg7c9","s":"tag__s_fg7c9","m":"tag__m_fg7c9","l":"tag__l_fg7c9","xl":"tag__xl_fg7c9","xxs":"tag__xxs_fg7c9","xs":"tag__xs_fg7c9","withRightAddons":"tag__withRightAddons_fg7c9","withLeftAddons":"tag__withLeftAddons_fg7c9"};
+var styles = {"component":"tag__component_9cgfy","focused":"tag__focused_9cgfy","addons":"tag__addons_9cgfy","s":"tag__s_9cgfy","m":"tag__m_9cgfy","l":"tag__l_9cgfy","xl":"tag__xl_9cgfy","xxs":"tag__xxs_9cgfy","xs":"tag__xs_9cgfy","withRightAddons":"tag__withRightAddons_9cgfy","withLeftAddons":"tag__withLeftAddons_9cgfy"};
 require('./index.css');
 
-var defaultColors = {"component":"tag__component_1n0pk","checked":"tag__checked_1n0pk"};
+var defaultColors = {"component":"tag__component_1t4gg","checked":"tag__checked_1t4gg"};
 require('./default.css');
 
-var invertedColors = {"component":"tag__component_1a3dq","checked":"tag__checked_1a3dq"};
+var invertedColors = {"component":"tag__component_1g74n","checked":"tag__checked_1g74n"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/tag/default.css

@@ -40,34 +40,34 @@
     --tag-text-color-disabled: var(--color-light-text-tertiary);
     --tag-text-color-checked-disabled: var(--color-light-text-primary-inverted);
 }
-.tag__component_1n0pk {
+.tag__component_1t4gg {
     color: var(--tag-text-color);
     border-color: var(--tag-border-color);
     background-color: var(--tag-background-color)
 }
-.tag__component_1n0pk:disabled {
+.tag__component_1t4gg:disabled {
         border-color: var(--tag-border-color-disabled);
         color: var(--tag-text-color-disabled);
     }
-.tag__component_1n0pk:hover:not(:disabled) {
+.tag__component_1t4gg:hover:not(:disabled) {
         border-color: var(--tag-border-color-hover);
         background-color: var(--tag-background-color-hover);
     }
-.tag__component_1n0pk:active:not(:disabled) {
+.tag__component_1t4gg:active:not(:disabled) {
         border-color: var(--tag-border-color-active);
         background-color: var(--tag-background-color-active);
         color: var(--tag-text-color);
     }
-.tag__checked_1n0pk {
+.tag__checked_1t4gg {
     border-color: var(--tag-border-color-checked);
     background-color: var(--tag-background-color-checked);
     color: var(--tag-text-color-checked)
 }
-.tag__checked_1n0pk:disabled {
+.tag__checked_1t4gg:disabled {
         background-color: var(--tag-background-color-checked-disabled);
         border-color: var(--tag-border-color-checked-disabled);
         color: var(--tag-text-color-checked-disabled);
     }
-.tag__checked_1n0pk:hover:not(:disabled):not(:active) {
+.tag__checked_1t4gg:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
     }

package/tag/esm/Component.js

@@ -42,13 +42,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tag__component_fg7c9","focused":"tag__focused_fg7c9","addons":"tag__addons_fg7c9","s":"tag__s_fg7c9","m":"tag__m_fg7c9","l":"tag__l_fg7c9","xl":"tag__xl_fg7c9","xxs":"tag__xxs_fg7c9","xs":"tag__xs_fg7c9","withRightAddons":"tag__withRightAddons_fg7c9","withLeftAddons":"tag__withLeftAddons_fg7c9"};
+var styles = {"component":"tag__component_9cgfy","focused":"tag__focused_9cgfy","addons":"tag__addons_9cgfy","s":"tag__s_9cgfy","m":"tag__m_9cgfy","l":"tag__l_9cgfy","xl":"tag__xl_9cgfy","xxs":"tag__xxs_9cgfy","xs":"tag__xs_9cgfy","withRightAddons":"tag__withRightAddons_9cgfy","withLeftAddons":"tag__withLeftAddons_9cgfy"};
 require('./index.css');
 
-var defaultColors = {"component":"tag__component_1n0pk","checked":"tag__checked_1n0pk"};
+var defaultColors = {"component":"tag__component_1t4gg","checked":"tag__checked_1t4gg"};
 require('./default.css');
 
-var invertedColors = {"component":"tag__component_1a3dq","checked":"tag__checked_1a3dq"};
+var invertedColors = {"component":"tag__component_1g74n","checked":"tag__checked_1g74n"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/tag/esm/default.css

@@ -40,34 +40,34 @@
     --tag-text-color-disabled: var(--color-light-text-tertiary);
     --tag-text-color-checked-disabled: var(--color-light-text-primary-inverted);
 }
-.tag__component_1n0pk {
+.tag__component_1t4gg {
     color: var(--tag-text-color);
     border-color: var(--tag-border-color);
     background-color: var(--tag-background-color)
 }
-.tag__component_1n0pk:disabled {
+.tag__component_1t4gg:disabled {
         border-color: var(--tag-border-color-disabled);
         color: var(--tag-text-color-disabled);
     }
-.tag__component_1n0pk:hover:not(:disabled) {
+.tag__component_1t4gg:hover:not(:disabled) {
         border-color: var(--tag-border-color-hover);
         background-color: var(--tag-background-color-hover);
     }
-.tag__component_1n0pk:active:not(:disabled) {
+.tag__component_1t4gg:active:not(:disabled) {
         border-color: var(--tag-border-color-active);
         background-color: var(--tag-background-color-active);
         color: var(--tag-text-color);
     }
-.tag__checked_1n0pk {
+.tag__checked_1t4gg {
     border-color: var(--tag-border-color-checked);
     background-color: var(--tag-background-color-checked);
     color: var(--tag-text-color-checked)
 }
-.tag__checked_1n0pk:disabled {
+.tag__checked_1t4gg:disabled {
         background-color: var(--tag-background-color-checked-disabled);
         border-color: var(--tag-border-color-checked-disabled);
         color: var(--tag-text-color-checked-disabled);
     }
-.tag__checked_1n0pk:hover:not(:disabled):not(:active) {
+.tag__checked_1t4gg:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
     }

package/tag/esm/index.css

@@ -38,7 +38,7 @@
     --tag-border-width: 1px;
     --tag-border-radius: var(--border-radius-pill);
 }
-.tag__component_fg7c9 {
+.tag__component_9cgfy {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -57,40 +57,40 @@
     cursor: pointer;
     outline: none
 }
-.tag__component_fg7c9:disabled {
+.tag__component_9cgfy:disabled {
         cursor: var(--disabled-cursor);
     }
-.tag__focused_fg7c9 {
+.tag__focused_9cgfy {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tag__addons_fg7c9 {
+.tag__addons_9cgfy {
     display: flex;
     flex-shrink: 0;
     align-items: center
 }
-.tag__addons_fg7c9:first-child {
+.tag__addons_9cgfy:first-child {
         margin-right: var(--gap-2xs);
     }
-.tag__addons_fg7c9:last-child {
+.tag__addons_9cgfy:last-child {
         margin-left: var(--gap-2xs);
     }
-.tag__addons_fg7c9:only-child {
+.tag__addons_9cgfy:only-child {
         margin: 0;
     }
-.tag__s_fg7c9 .tag__addons_fg7c9:first-child, .tag__m_fg7c9 .tag__addons_fg7c9:first-child {
+.tag__s_9cgfy .tag__addons_9cgfy:first-child, .tag__m_9cgfy .tag__addons_9cgfy:first-child {
         margin-right: var(--gap-xs);
     }
-.tag__s_fg7c9 .tag__addons_fg7c9:last-child, .tag__m_fg7c9 .tag__addons_fg7c9:last-child {
+.tag__s_9cgfy .tag__addons_9cgfy:last-child, .tag__m_9cgfy .tag__addons_9cgfy:last-child {
         margin-left: var(--gap-xs);
     }
-.tag__l_fg7c9 .tag__addons_fg7c9:first-child, .tag__xl_fg7c9 .tag__addons_fg7c9:first-child {
+.tag__l_9cgfy .tag__addons_9cgfy:first-child, .tag__xl_9cgfy .tag__addons_9cgfy:first-child {
         margin-right: var(--gap-s);
     }
-.tag__l_fg7c9 .tag__addons_fg7c9:last-child, .tag__xl_fg7c9 .tag__addons_fg7c9:last-child {
+.tag__l_9cgfy .tag__addons_9cgfy:last-child, .tag__xl_9cgfy .tag__addons_9cgfy:last-child {
         margin-left: var(--gap-s);
     }
-.tag__xxs_fg7c9 {
+.tag__xxs_9cgfy {
     min-width: 60px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-m);
@@ -99,13 +99,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xxs_fg7c9 {
+.tag__xxs_9cgfy {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 32px
 }
     }
-.tag__xs_fg7c9 {
+.tag__xs_9cgfy {
     min-width: 72px;
     min-height: 40px;
     padding: 0 var(--gap-l);
@@ -114,13 +114,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xs_fg7c9 {
+.tag__xs_9cgfy {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 40px
 }
     }
-.tag__s_fg7c9 {
+.tag__s_9cgfy {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
@@ -129,13 +129,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__s_fg7c9 {
+.tag__s_9cgfy {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 48px
 }
     }
-.tag__m_fg7c9 {
+.tag__m_9cgfy {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
@@ -144,13 +144,13 @@
     padding: 0 28px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__m_fg7c9 {
+.tag__m_9cgfy {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 56px
 }
     }
-.tag__l_fg7c9 {
+.tag__l_9cgfy {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -159,13 +159,13 @@
     padding: 0 var(--gap-2xl)
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__l_fg7c9 {
+.tag__l_9cgfy {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 64px
 }
     }
-.tag__xl_fg7c9 {
+.tag__xl_9cgfy {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -174,45 +174,45 @@
     padding: 0 36px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xl_fg7c9 {
+.tag__xl_9cgfy {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 72px
 }
     }
-.tag__withRightAddons_fg7c9.tag__xxs_fg7c9 {
+.tag__withRightAddons_9cgfy.tag__xxs_9cgfy {
         padding-right: var(--gap-s);
     }
-.tag__withRightAddons_fg7c9.tag__xs_fg7c9 {
+.tag__withRightAddons_9cgfy.tag__xs_9cgfy {
         padding-right: var(--gap-m);
     }
-.tag__withRightAddons_fg7c9.tag__s_fg7c9 {
+.tag__withRightAddons_9cgfy.tag__s_9cgfy {
         padding-right: var(--gap-l);
     }
-.tag__withRightAddons_fg7c9.tag__m_fg7c9 {
+.tag__withRightAddons_9cgfy.tag__m_9cgfy {
         padding-right: var(--gap-xl);
     }
-.tag__withRightAddons_fg7c9.tag__l_fg7c9 {
+.tag__withRightAddons_9cgfy.tag__l_9cgfy {
         padding-right: 28px;
     }
-.tag__withRightAddons_fg7c9.tag__xl_fg7c9 {
+.tag__withRightAddons_9cgfy.tag__xl_9cgfy {
         padding-right: var(--gap-2xl);
     }
-.tag__withLeftAddons_fg7c9.tag__xxs_fg7c9 {
+.tag__withLeftAddons_9cgfy.tag__xxs_9cgfy {
         padding-left: var(--gap-s);
     }
-.tag__withLeftAddons_fg7c9.tag__xs_fg7c9 {
+.tag__withLeftAddons_9cgfy.tag__xs_9cgfy {
         padding-left: var(--gap-m);
     }
-.tag__withLeftAddons_fg7c9.tag__s_fg7c9 {
+.tag__withLeftAddons_9cgfy.tag__s_9cgfy {
         padding-left: var(--gap-l);
     }
-.tag__withLeftAddons_fg7c9.tag__m_fg7c9 {
+.tag__withLeftAddons_9cgfy.tag__m_9cgfy {
         padding-left: var(--gap-xl);
     }
-.tag__withLeftAddons_fg7c9.tag__l_fg7c9 {
+.tag__withLeftAddons_9cgfy.tag__l_9cgfy {
         padding-left: 28px;
     }
-.tag__withLeftAddons_fg7c9.tag__xl_fg7c9 {
+.tag__withLeftAddons_9cgfy.tag__xl_9cgfy {
         padding-left: var(--gap-2xl);
     }