@alfalab/core-components-tabs 7.3.2 → 7.3.4

package/esm/desktop.js

@@ -5,7 +5,7 @@ export { Tab } from './components/tab/Component.js';
 export { TabsDesktop } from './components/tabs/Component.desktop.js';
 export { useTabs } from './hooks/use-tabs.js';
 export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
-import './tslib.es6-b7cce272.js';
+import './tslib.es6-ef625021.js';
 import 'react';
 import './components/primary-tablist/Component.js';
 import 'classnames';
@@ -16,10 +16,10 @@ import './hooks/use-tablist-titles.js';
 import '@alfalab/hooks';
 import './synthetic-events.js';
 import './components/title/Component.js';
-import './index.module-6cb75603.js';
+import './index.module-ba97f96d.js';
 import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-260b2e11.js';
+import './index.module-da19acab.js';
 import './components/tabs/Component.js';
 import '@juggle/resize-observer';

package/esm/hooks/use-collapsible-elements.js

@@ -1,4 +1,4 @@
-import { b as __spreadArray } from '../tslib.es6-b7cce272.js';
+import { b as __spreadArray } from '../tslib.es6-ef625021.js';
 import { useState, useRef } from 'react';
 import { ResizeObserver } from '@juggle/resize-observer';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';

package/esm/hooks/use-tablist-titles.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-b7cce272.js';
+import { a as __assign } from '../tslib.es6-ef625021.js';
 import { useMemo } from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { useCollapsibleElements } from './use-collapsible-elements.js';

package/esm/index-3e68f8db.d.ts

@@ -2,8 +2,8 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-85892853";
-type SelectFieldProps = FormControlProps & Record<string, unknown>;
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-cac440c1";
+type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля
@@ -94,5 +94,5 @@ declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./hook-edac5428";
 export * from "./index-48646db0";
-export * from "./typings-85892853";
-export * from "./utils-85892853";
+export * from "./typings-cac440c1";
+export * from "./utils-cac440c1";

package/esm/index-3fe0d3e6.d.ts

@@ -1 +1,3 @@
+declare const isClient: () => boolean;
+export { isClient };
 export * from "./getDataTestId-3fe0d3e6";

package/esm/index-48646db0.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-85892853";
+export * from "./Component-cac440c1";
 export * from "./index-ebda875c";

package/esm/index-7ca84eff.d.ts

@@ -24,6 +24,12 @@ type BottomSheetProps = {
      * Кнопка действия (обычно, это кнопка закрытия)
      */
     actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps["container"];
     /**
      * Дополнительный класс
      */

package/esm/index-ebda875c.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-85892853";
+export * from "./Component-cac440c1";

package/esm/index.js

@@ -4,7 +4,7 @@ export { SecondaryTabListResponsive } from './components/secondary-tablist/Compo
 export { Tab } from './components/tab/Component.js';
 export { TabsResponsive } from './components/tabs/Component.responsive.js';
 export { useTabs } from './hooks/use-tabs.js';
-import './tslib.es6-b7cce272.js';
+import './tslib.es6-ef625021.js';
 import 'react';
 import '@alfalab/hooks';
 import './components/primary-tablist/Component.desktop.js';
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-6cb75603.js';
+import './index.module-ba97f96d.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-260b2e11.js';
+import './index.module-da19acab.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/esm/index.module-ba97f96d.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_mcuzy","fullWidthScroll":"tabs__fullWidthScroll_mcuzy","container":"tabs__container_mcuzy","title":"tabs__title_mcuzy","disabled":"tabs__disabled_mcuzy","focused":"tabs__focused_mcuzy","collapsed":"tabs__collapsed_mcuzy","selected":"tabs__selected_mcuzy","line":"tabs__line_mcuzy","s":"tabs__s_mcuzy","xs":"tabs__xs_mcuzy","xxs":"tabs__xxs_mcuzy","pickerWrapper":"tabs__pickerWrapper_mcuzy","option":"tabs__option_mcuzy","m":"tabs__m_mcuzy","l":"tabs__l_mcuzy","xl":"tabs__xl_mcuzy","rightAddons":"tabs__rightAddons_mcuzy"};
+require('./components/primary-tablist/index.css')
+
+export { commonStyles as c };

package/esm/index.module-da19acab.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_lu2o6","fullWidthScroll":"tabs__fullWidthScroll_lu2o6","container":"tabs__container_lu2o6","title":"tabs__title_lu2o6","xxs":"tabs__xxs_lu2o6","xs":"tabs__xs_lu2o6","s":"tabs__s_lu2o6","m":"tabs__m_lu2o6","l":"tabs__l_lu2o6","xl":"tabs__xl_lu2o6"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/esm/mobile.js

@@ -4,7 +4,7 @@ export { SecondaryTabListMobile } from './components/secondary-tablist/Component
 export { Tab } from './components/tab/Component.js';
 export { TabsMobile } from './components/tabs/Component.mobile.js';
 export { useTabs } from './hooks/use-tabs.js';
-import './tslib.es6-b7cce272.js';
+import './tslib.es6-ef625021.js';
 import 'react';
 import 'classnames';
 import './components/primary-tablist/Component.js';
@@ -18,8 +18,8 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-6cb75603.js';
+import './index.module-ba97f96d.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-260b2e11.js';
+import './index.module-da19acab.js';
 import './components/tabs/Component.js';

package/esm/responsive.js

@@ -5,7 +5,7 @@ export { Tab } from './components/tab/Component.js';
 export { TabsResponsive } from './components/tabs/Component.responsive.js';
 export { useTabs } from './hooks/use-tabs.js';
 export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
-import './tslib.es6-b7cce272.js';
+import './tslib.es6-ef625021.js';
 import 'react';
 import '@alfalab/hooks';
 import './components/primary-tablist/Component.desktop.js';
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-6cb75603.js';
+import './index.module-ba97f96d.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-260b2e11.js';
+import './index.module-da19acab.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/esm/synthetic-events.js

@@ -1,4 +1,4 @@
-import { a as __assign } from './tslib.es6-b7cce272.js';
+import { a as __assign } from './tslib.es6-ef625021.js';
 
 var createSyntheticEvent = function (event) {
     var isDefaultPrevented = false;

package/esm/{typings-85892853.d.ts → typings-cac440c1.d.ts}

@@ -250,10 +250,6 @@ type FieldProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Размер компонента
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Выбранный пункт
      */
@@ -328,7 +324,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-};
+} & Record<string, any>;
 type ArrowProps = {
     /**
      * Дополнительный класс

package/esm/{utils-85892853.d.ts → utils-cac440c1.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-85892853";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cac440c1";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/hooks/use-collapsible-elements.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-310680f9.js');
+var tslib_es6 = require('../tslib.es6-860bcbc6.js');
 var React = require('react');
 var resizeObserver = require('@juggle/resize-observer');
 var hooks = require('@alfalab/hooks');

package/hooks/use-tablist-titles.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-310680f9.js');
+var tslib_es6 = require('../tslib.es6-860bcbc6.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var hooks_useCollapsibleElements = require('./use-collapsible-elements.js');

package/index-3e68f8db.d.ts

@@ -2,8 +2,8 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-85892853";
-type SelectFieldProps = FormControlProps & Record<string, unknown>;
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-cac440c1";
+type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля
@@ -94,5 +94,5 @@ declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./hook-edac5428";
 export * from "./index-48646db0";
-export * from "./typings-85892853";
-export * from "./utils-85892853";
+export * from "./typings-cac440c1";
+export * from "./utils-cac440c1";

package/index-3fe0d3e6.d.ts

@@ -1 +1,3 @@
+declare const isClient: () => boolean;
+export { isClient };
 export * from "./getDataTestId-3fe0d3e6";

package/index-48646db0.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-85892853";
+export * from "./Component-cac440c1";
 export * from "./index-ebda875c";

package/index-7ca84eff.d.ts

@@ -24,6 +24,12 @@ type BottomSheetProps = {
      * Кнопка действия (обычно, это кнопка закрытия)
      */
     actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps["container"];
     /**
      * Дополнительный класс
      */

package/index-ebda875c.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-85892853";
+export * from "./Component-cac440c1";

package/index.js

@@ -6,7 +6,7 @@ var components_secondaryTablist_Component_responsive = require('./components/sec
 var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_responsive = require('./components/tabs/Component.responsive.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
-require('./tslib.es6-310680f9.js');
+require('./tslib.es6-860bcbc6.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/primary-tablist/Component.desktop.js');
@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-3d214349.js');
+require('./index.module-88a600f7.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-26e594f4.js');
+require('./index.module-3b1c7c9a.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 

package/index.module-3b1c7c9a.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"tabs__component_lu2o6","fullWidthScroll":"tabs__fullWidthScroll_lu2o6","container":"tabs__container_lu2o6","title":"tabs__title_lu2o6","xxs":"tabs__xxs_lu2o6","xs":"tabs__xs_lu2o6","s":"tabs__s_lu2o6","m":"tabs__m_lu2o6","l":"tabs__l_lu2o6","xl":"tabs__xl_lu2o6"};
+require('./components/secondary-tablist/index.css')
+
+exports.commonStyles = commonStyles;

package/index.module-88a600f7.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"tabs__component_mcuzy","fullWidthScroll":"tabs__fullWidthScroll_mcuzy","container":"tabs__container_mcuzy","title":"tabs__title_mcuzy","disabled":"tabs__disabled_mcuzy","focused":"tabs__focused_mcuzy","collapsed":"tabs__collapsed_mcuzy","selected":"tabs__selected_mcuzy","line":"tabs__line_mcuzy","s":"tabs__s_mcuzy","xs":"tabs__xs_mcuzy","xxs":"tabs__xxs_mcuzy","pickerWrapper":"tabs__pickerWrapper_mcuzy","option":"tabs__option_mcuzy","m":"tabs__m_mcuzy","l":"tabs__l_mcuzy","xl":"tabs__xl_mcuzy","rightAddons":"tabs__rightAddons_mcuzy"};
+require('./components/primary-tablist/index.css')
+
+exports.commonStyles = commonStyles;

package/mobile.js

@@ -6,7 +6,7 @@ var components_secondaryTablist_Component_mobile = require('./components/seconda
 var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_mobile = require('./components/tabs/Component.mobile.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
-require('./tslib.es6-310680f9.js');
+require('./tslib.es6-860bcbc6.js');
 require('react');
 require('classnames');
 require('./components/primary-tablist/Component.js');
@@ -20,10 +20,10 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-3d214349.js');
+require('./index.module-88a600f7.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-26e594f4.js');
+require('./index.module-3b1c7c9a.js');
 require('./components/tabs/Component.js');
 
 

package/modern/Component-3e68f8db.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "./typings-85892853";
-import { OptionProps as BaseOptionProps } from "./typings-85892853";
+import { OptionShape } from "./typings-cac440c1";
+import { OptionProps as BaseOptionProps } from "./typings-cac440c1";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/modern/Component-3fe0d3e6.d.ts

@@ -75,6 +75,10 @@ type TextBaseProps = {
      * Добавляет отступы к тэгу 'p'
      */
     defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -119,6 +123,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Контент (native prop)
      */
     children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {

package/modern/{Component-85892853.d.ts → Component-cac440c1.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { FC } from 'react';
-import { OptionProps } from "./typings-85892853";
+import { OptionProps } from "./typings-cac440c1";
 declare const BaseOption: FC<OptionProps>;
 export { BaseOption };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-c197fcff.js';
+import { c as commonStyles } from '../../index.module-a4ad700d.js';
 import 'classnames';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-keyboard-focusable/modern';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-c197fcff.js';
+import { c as commonStyles } from '../../index.module-a4ad700d.js';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-keyboard-focusable/modern';
 import '@alfalab/core-components-picker-button/modern/desktop';
@@ -15,7 +15,7 @@ import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
 
-const mobileStyles = {"title":"tabs__title_1f5an tabs__title_vx28z","mobile":"tabs__mobile_1f5an"};
+const mobileStyles = {"title":"tabs__title_1awe6 tabs__title_mcuzy","mobile":"tabs__mobile_1awe6"};
 require('./mobile.css')
 
 const styles = {

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

@@ -15,7 +15,7 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-c197fcff.js';
+import '../../index.module-a4ad700d.js';
 
 const PrimaryTabListResponsive = ({ size, defaultMatch = 'desktop', collapsible, collapsedTabsIds, fullWidthScroll, ...restProps }) => {
     const [view] = useMedia([

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

@@ -1,21 +1,23 @@
-/* hash: 1x8dr */
+/* hash: 1mbt0 */
 :root {
+} /* deprecated */ :root {
     --color-light-border-accent: #ef3124;
     --color-light-border-link: #007aff;
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
@@ -23,16 +25,13 @@
     --gap-l: 20px;
     --gap-2xl: 32px;
     --gap-2xs-neg: -4px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-:root {
+} :root {
     --primary-tablist-color: var(--color-light-text-secondary);
     --primary-tablist-hover-color: var(--color-light-text-primary);
     --primary-tablist-selected-color: var(--color-light-text-primary);
@@ -84,13 +83,11 @@
     /* size l */
 
     /* size xl */
-}
-.tabs__component_vx28z {
+} .tabs__component_mcuzy {
     position: relative;
     display: inline-flex;
     min-width: 100%
-}
-.tabs__component_vx28z:before {
+} .tabs__component_mcuzy:before {
         content: '';
         display: block;
         position: absolute;
@@ -98,20 +95,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }
-.tabs__fullWidthScroll_vx28z {
+    } .tabs__fullWidthScroll_mcuzy {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-}
-.tabs__container_vx28z {
+} .tabs__container_mcuzy {
     position: relative;
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
-}
-.tabs__title_vx28z {
+} .tabs__title_mcuzy {
     display: flex;
     align-items: center;
     height: 100%;
@@ -128,100 +122,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-}
-.tabs__title_vx28z:not(.tabs__disabled_vx28z):hover {
+} .tabs__title_mcuzy:not(.tabs__disabled_mcuzy):hover {
         color: var(--primary-tablist-hover-color);
-    }
-.tabs__focused_vx28z {
+    } .tabs__focused_mcuzy {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}
-.tabs__collapsed_vx28z {
+} .tabs__collapsed_mcuzy {
     order: 99;
     visibility: collapse;
-}
-.tabs__selected_vx28z {
+} .tabs__selected_mcuzy {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}
-.tabs__disabled_vx28z {
+} .tabs__disabled_mcuzy {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}
-.tabs__line_vx28z {
+} .tabs__line_mcuzy {
     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_vx28z .tabs__title_vx28z, .tabs__xs_vx28z .tabs__title_vx28z, .tabs__xxs_vx28z .tabs__title_vx28z {
+} /* sizes */ .tabs__s_mcuzy .tabs__title_mcuzy, .tabs__xs_mcuzy .tabs__title_mcuzy, .tabs__xxs_mcuzy .tabs__title_mcuzy {
         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_vx28z .tabs__title_vx28z + .tabs__title_vx28z, .tabs__xs_vx28z .tabs__title_vx28z + .tabs__title_vx28z, .tabs__xxs_vx28z .tabs__title_vx28z + .tabs__title_vx28z {
+    } .tabs__s_mcuzy .tabs__title_mcuzy + .tabs__title_mcuzy, .tabs__xs_mcuzy .tabs__title_mcuzy + .tabs__title_mcuzy, .tabs__xxs_mcuzy .tabs__title_mcuzy + .tabs__title_mcuzy {
         margin-left: var(--primary-tablist-s-gaps);
-    }
-.tabs__s_vx28z .tabs__pickerWrapper_vx28z, .tabs__xs_vx28z .tabs__pickerWrapper_vx28z, .tabs__xxs_vx28z .tabs__pickerWrapper_vx28z {
+    } .tabs__s_mcuzy .tabs__pickerWrapper_mcuzy, .tabs__xs_mcuzy .tabs__pickerWrapper_mcuzy, .tabs__xxs_mcuzy .tabs__pickerWrapper_mcuzy {
         margin-left: var(--primary-tablist-s-gaps);
-    }
-.tabs__s_vx28z .tabs__option_vx28z, .tabs__xs_vx28z .tabs__option_vx28z, .tabs__xxs_vx28z .tabs__option_vx28z {
+    } .tabs__s_mcuzy .tabs__option_mcuzy, .tabs__xs_mcuzy .tabs__option_mcuzy, .tabs__xxs_mcuzy .tabs__option_mcuzy {
         padding: 0;
-    }
-.tabs__m_vx28z .tabs__title_vx28z {
+    } .tabs__m_mcuzy .tabs__title_mcuzy {
         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_vx28z .tabs__title_vx28z + .tabs__title_vx28z {
+    } .tabs__m_mcuzy .tabs__title_mcuzy + .tabs__title_mcuzy {
         margin-left: var(--primary-tablist-m-gaps);
-    }
-.tabs__m_vx28z .tabs__pickerWrapper_vx28z {
+    } .tabs__m_mcuzy .tabs__pickerWrapper_mcuzy {
         margin-left: var(--primary-tablist-m-gaps);
-    }
-.tabs__m_vx28z .tabs__option_vx28z {
+    } .tabs__m_mcuzy .tabs__option_mcuzy {
         padding: 0;
-    }
-.tabs__l_vx28z .tabs__title_vx28z {
+    } .tabs__l_mcuzy .tabs__title_mcuzy {
         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_vx28z .tabs__title_vx28z + .tabs__title_vx28z {
+    } .tabs__l_mcuzy .tabs__title_mcuzy + .tabs__title_mcuzy {
         margin-left: var(--primary-tablist-l-gaps);
-    }
-.tabs__l_vx28z .tabs__pickerWrapper_vx28z {
+    } .tabs__l_mcuzy .tabs__pickerWrapper_mcuzy {
         margin-left: var(--primary-tablist-l-gaps);
-    }
-.tabs__l_vx28z .tabs__option_vx28z {
+    } .tabs__l_mcuzy .tabs__option_mcuzy {
         padding: 0;
-    }
-.tabs__xl_vx28z .tabs__title_vx28z {
+    } .tabs__xl_mcuzy .tabs__title_mcuzy {
         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_vx28z .tabs__title_vx28z + .tabs__title_vx28z {
+    } .tabs__xl_mcuzy .tabs__title_mcuzy + .tabs__title_mcuzy {
         margin-left: var(--primary-tablist-xl-gaps);
-    }
-.tabs__xl_vx28z .tabs__pickerWrapper_vx28z {
+    } .tabs__xl_mcuzy .tabs__pickerWrapper_mcuzy {
         margin-left: var(--primary-tablist-xl-gaps);
-    }
-.tabs__xl_vx28z .tabs__option_vx28z {
+    } .tabs__xl_mcuzy .tabs__option_mcuzy {
         padding: 0;
-    }
-.tabs__rightAddons_vx28z {
+    } .tabs__rightAddons_mcuzy {
     display: flex;
     justify-content: center;
     align-items: center;