@alfalab/core-components-tabs 7.3.7 → 7.3.8

package/Component-7ca84eff.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { NavigationBarProps } from "./index-e81c389f";
+type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'>;
+declare const Header: FC<HeaderProps>;
+export { HeaderProps, Header };

package/Component-ebda875c.d.ts

@@ -118,6 +118,7 @@ type BaseModalProps = {
     componentRef?: MutableRefObject<HTMLDivElement | null>;
 };
 type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
     hasHeader?: boolean;
     hasScroll?: boolean;

package/Component.mobile-e81c389f.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode } from "react";
+import { NavigationBarProps } from "./index-e81c389f";
+import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
+type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+declare const Header: FC<HeaderProps>;
+declare const Content: FC<ContentProps>;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const Footer: FC<FooterProps>;
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
+    Header: React.FC<HeaderProps>;
+    Footer: React.FC<FooterProps>;
+    Closer: React.FC<import("./index-e81c389f").CloserProps>;
+};
+export { HeaderProps, Header, Content, FooterProps, Footer, ModalMobile };

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

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-1af5e8ab.js');
+var index_module = require('../../index.module-c25214c2.js');
 require('classnames');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-keyboard-focusable');

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

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-1af5e8ab.js');
+var index_module = require('../../index.module-c25214c2.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-keyboard-focusable');
 require('@alfalab/core-components-picker-button/desktop');
@@ -23,7 +23,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var mobileStyles = {"title":"tabs__title_aj6aj tabs__title_1q26v","mobile":"tabs__mobile_aj6aj"};
+var mobileStyles = {"title":"tabs__title_1ltne tabs__title_63cld","mobile":"tabs__mobile_1ltne"};
 require('./mobile.css')
 
 var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);

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

@@ -18,7 +18,7 @@ require('../../synthetic-events.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../title/Component.js');
-require('../../index.module-1af5e8ab.js');
+require('../../index.module-c25214c2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/primary-tablist/index.css

@@ -1,4 +1,4 @@
-/* hash: stde7 */
+/* hash: 14asn */
 :root {
 } /* deprecated */ :root {
     --color-light-border-accent: #ef3124;
@@ -83,11 +83,11 @@
     /* size l */
 
     /* size xl */
-} .tabs__component_1q26v {
+} .tabs__component_63cld {
     position: relative;
     display: inline-flex;
     min-width: 100%
-} .tabs__component_1q26v:before {
+} .tabs__component_63cld:before {
         content: '';
         display: block;
         position: absolute;
@@ -95,17 +95,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    } .tabs__fullWidthScroll_1q26v {
+    } .tabs__fullWidthScroll_63cld {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-} .tabs__container_1q26v {
+} .tabs__container_63cld {
     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_1q26v {
+} .tabs__title_63cld {
     display: flex;
     align-items: center;
     height: 100%;
@@ -122,76 +122,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-} .tabs__title_1q26v:not(.tabs__disabled_1q26v):hover {
+} .tabs__title_63cld:not(.tabs__disabled_63cld):hover {
         color: var(--primary-tablist-hover-color);
-    } .tabs__focused_1q26v {
+    } .tabs__focused_63cld {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tabs__collapsed_1q26v {
+} .tabs__collapsed_63cld {
     order: 99;
     visibility: collapse;
-} .tabs__selected_1q26v {
+} .tabs__selected_63cld {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-} .tabs__disabled_1q26v {
+} .tabs__disabled_63cld {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-} .tabs__line_1q26v {
+} .tabs__line_63cld {
     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_1q26v .tabs__title_1q26v, .tabs__xs_1q26v .tabs__title_1q26v, .tabs__xxs_1q26v .tabs__title_1q26v {
+} /* sizes */ .tabs__s_63cld .tabs__title_63cld, .tabs__xs_63cld .tabs__title_63cld, .tabs__xxs_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v, .tabs__xs_1q26v .tabs__title_1q26v + .tabs__title_1q26v, .tabs__xxs_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    } .tabs__s_63cld .tabs__title_63cld + .tabs__title_63cld, .tabs__xs_63cld .tabs__title_63cld + .tabs__title_63cld, .tabs__xxs_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_1q26v .tabs__pickerWrapper_1q26v, .tabs__xs_1q26v .tabs__pickerWrapper_1q26v, .tabs__xxs_1q26v .tabs__pickerWrapper_1q26v {
+    } .tabs__s_63cld .tabs__pickerWrapper_63cld, .tabs__xs_63cld .tabs__pickerWrapper_63cld, .tabs__xxs_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_1q26v .tabs__option_1q26v, .tabs__xs_1q26v .tabs__option_1q26v, .tabs__xxs_1q26v .tabs__option_1q26v {
+    } .tabs__s_63cld .tabs__option_63cld, .tabs__xs_63cld .tabs__option_63cld, .tabs__xxs_63cld .tabs__option_63cld {
         padding: 0;
-    } .tabs__m_1q26v .tabs__title_1q26v {
+    } .tabs__m_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    } .tabs__m_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_1q26v .tabs__pickerWrapper_1q26v {
+    } .tabs__m_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_1q26v .tabs__option_1q26v {
+    } .tabs__m_63cld .tabs__option_63cld {
         padding: 0;
-    } .tabs__l_1q26v .tabs__title_1q26v {
+    } .tabs__l_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    } .tabs__l_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_1q26v .tabs__pickerWrapper_1q26v {
+    } .tabs__l_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_1q26v .tabs__option_1q26v {
+    } .tabs__l_63cld .tabs__option_63cld {
         padding: 0;
-    } .tabs__xl_1q26v .tabs__title_1q26v {
+    } .tabs__xl_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    } .tabs__xl_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_1q26v .tabs__pickerWrapper_1q26v {
+    } .tabs__xl_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_1q26v .tabs__option_1q26v {
+    } .tabs__xl_63cld .tabs__option_63cld {
         padding: 0;
-    } .tabs__rightAddons_1q26v {
+    } .tabs__rightAddons_63cld {
     display: flex;
     justify-content: center;
     align-items: center;

package/components/primary-tablist/mobile.css

@@ -1,4 +1,4 @@
-/* hash: tpvrh */
+/* hash: 1c3vf */
 :root {
 }/* deprecated */:root {
     --color-light-border-accent: #ef3124;
@@ -90,11 +90,11 @@
     /* size l */
 
     /* size xl */
-}.tabs__component_1q26v {
+}.tabs__component_63cld {
     position: relative;
     display: inline-flex;
     min-width: 100%
-}.tabs__component_1q26v:before {
+}.tabs__component_63cld:before {
         content: '';
         display: block;
         position: absolute;
@@ -102,17 +102,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }.tabs__fullWidthScroll_1q26v {
+    }.tabs__fullWidthScroll_63cld {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-}.tabs__container_1q26v {
+}.tabs__container_63cld {
     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_1q26v {
+}.tabs__title_63cld {
     display: flex;
     align-items: center;
     height: 100%;
@@ -129,76 +129,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-}.tabs__title_1q26v:not(.tabs__disabled_1q26v):hover {
+}.tabs__title_63cld:not(.tabs__disabled_63cld):hover {
         color: var(--primary-tablist-hover-color);
-    }.tabs__focused_1q26v {
+    }.tabs__focused_63cld {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}.tabs__collapsed_1q26v {
+}.tabs__collapsed_63cld {
     order: 99;
     visibility: collapse;
-}.tabs__selected_1q26v {
+}.tabs__selected_63cld {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}.tabs__disabled_1q26v {
+}.tabs__disabled_63cld {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}.tabs__line_1q26v {
+}.tabs__line_63cld {
     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_1q26v .tabs__title_1q26v, .tabs__xs_1q26v .tabs__title_1q26v, .tabs__xxs_1q26v .tabs__title_1q26v {
+}/* sizes */.tabs__s_63cld .tabs__title_63cld, .tabs__xs_63cld .tabs__title_63cld, .tabs__xxs_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v, .tabs__xs_1q26v .tabs__title_1q26v + .tabs__title_1q26v, .tabs__xxs_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    }.tabs__s_63cld .tabs__title_63cld + .tabs__title_63cld, .tabs__xs_63cld .tabs__title_63cld + .tabs__title_63cld, .tabs__xxs_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_1q26v .tabs__pickerWrapper_1q26v, .tabs__xs_1q26v .tabs__pickerWrapper_1q26v, .tabs__xxs_1q26v .tabs__pickerWrapper_1q26v {
+    }.tabs__s_63cld .tabs__pickerWrapper_63cld, .tabs__xs_63cld .tabs__pickerWrapper_63cld, .tabs__xxs_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_1q26v .tabs__option_1q26v, .tabs__xs_1q26v .tabs__option_1q26v, .tabs__xxs_1q26v .tabs__option_1q26v {
+    }.tabs__s_63cld .tabs__option_63cld, .tabs__xs_63cld .tabs__option_63cld, .tabs__xxs_63cld .tabs__option_63cld {
         padding: 0;
-    }.tabs__m_1q26v .tabs__title_1q26v {
+    }.tabs__m_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    }.tabs__m_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_1q26v .tabs__pickerWrapper_1q26v {
+    }.tabs__m_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_1q26v .tabs__option_1q26v {
+    }.tabs__m_63cld .tabs__option_63cld {
         padding: 0;
-    }.tabs__l_1q26v .tabs__title_1q26v {
+    }.tabs__l_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    }.tabs__l_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_1q26v .tabs__pickerWrapper_1q26v {
+    }.tabs__l_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_1q26v .tabs__option_1q26v {
+    }.tabs__l_63cld .tabs__option_63cld {
         padding: 0;
-    }.tabs__xl_1q26v .tabs__title_1q26v {
+    }.tabs__xl_63cld .tabs__title_63cld {
         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_1q26v .tabs__title_1q26v + .tabs__title_1q26v {
+    }.tabs__xl_63cld .tabs__title_63cld + .tabs__title_63cld {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_1q26v .tabs__pickerWrapper_1q26v {
+    }.tabs__xl_63cld .tabs__pickerWrapper_63cld {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_1q26v .tabs__option_1q26v {
+    }.tabs__xl_63cld .tabs__option_63cld {
         padding: 0;
-    }.tabs__rightAddons_1q26v {
+    }.tabs__rightAddons_63cld {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -1008,13 +1008,13 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__title_aj6aj {
-} .tabs__mobile_aj6aj .tabs__title_aj6aj {
+} .tabs__title_1ltne {
+} .tabs__mobile_1ltne .tabs__title_1ltne {
         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: var(--primary-tablist-mobile-line-height)
-    } .tabs__mobile_aj6aj .tabs__title_aj6aj + .tabs__title_aj6aj {
+    } .tabs__mobile_1ltne .tabs__title_1ltne + .tabs__title_1ltne {
             margin-left: var(--primary-tablist-mobile-gaps);
         }

package/components/scrollable-container/Component.js

@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var computeScrollIntoView__default = /*#__PURE__*/_interopDefaultCompat(computeScrollIntoView);
 
-var styles = {"container":"tabs__container_2evgt","fullWidthScroll":"tabs__fullWidthScroll_2evgt"};
+var styles = {"container":"tabs__container_1ctxs","fullWidthScroll":"tabs__fullWidthScroll_1ctxs"};
 require('./index.css')
 
 /**

package/components/scrollable-container/index.css

@@ -1,4 +1,4 @@
-/* hash: 15v7f */
+/* hash: uds6p */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -42,7 +42,7 @@
     /* size l */
 
     /* size xl */
-} .tabs__container_2evgt {
+} .tabs__container_1ctxs {
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
@@ -52,10 +52,10 @@
     /* 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__container_2evgt::-webkit-scrollbar {
+} .tabs__container_1ctxs::-webkit-scrollbar {
         display: none;
-    } .tabs__container_2evgt > * {
+    } .tabs__container_1ctxs > * {
         flex-shrink: 0;
-    } .tabs__fullWidthScroll_2evgt {
+    } .tabs__fullWidthScroll_1ctxs {
     margin: 0 var(--gap-m-neg);
 }

package/components/secondary-tablist/Component.desktop.js

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-41c09f8d.js');
+var index_module = require('../../index.module-de4145ce.js');
 require('classnames');
 require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');

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

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-41c09f8d.js');
+var index_module = require('../../index.module-de4145ce.js');
 require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var mobileStyles = {"title":"tabs__title_1ixy2 tabs__title_1e30c","mobile":"tabs__mobile_1ixy2"};
+var mobileStyles = {"title":"tabs__title_abkgu tabs__title_qcder","mobile":"tabs__mobile_abkgu"};
 require('./mobile.css')
 
 var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);

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

@@ -11,7 +11,7 @@ require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
-require('../../index.module-41c09f8d.js');
+require('../../index.module-de4145ce.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/secondary-tablist/index.css

@@ -1,4 +1,4 @@
-/* hash: wv7ht */
+/* hash: 1f976 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -50,29 +50,29 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__component_1e30c {
+} .tabs__component_qcder {
     position: relative;
     display: inline-flex;
-} .tabs__fullWidthScroll_1e30c {
+} .tabs__fullWidthScroll_qcder {
     margin: 0 var(--gap-m);
-} .tabs__container_1e30c {
+} .tabs__container_qcder {
     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_1e30c {
+} .tabs__title_qcder {
     white-space: nowrap;
-} /* sizes */ .tabs__xxs_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+} /* sizes */ .tabs__xxs_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-xxs-gaps);
-} .tabs__xs_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+} .tabs__xs_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-xs-gaps);
-} .tabs__s_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+} .tabs__s_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-s-gaps);
-} .tabs__m_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+} .tabs__m_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-m-gaps);
-} .tabs__l_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+} .tabs__l_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-l-gaps);
-} .tabs__xl_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+} .tabs__xl_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-xl-gaps);
 }

package/components/secondary-tablist/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1qkr1 */
+/* hash: 18cra */
 :root {
 }/* deprecated */:root {
 }:root {
@@ -51,30 +51,30 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}.tabs__component_1e30c {
+}.tabs__component_qcder {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_1e30c {
+}.tabs__fullWidthScroll_qcder {
     margin: 0 var(--gap-m);
-}.tabs__container_1e30c {
+}.tabs__container_qcder {
     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_1e30c {
+}.tabs__title_qcder {
     white-space: nowrap;
-}/* sizes */.tabs__xxs_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+}/* sizes */.tabs__xxs_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}.tabs__xs_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+}.tabs__xs_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-xs-gaps);
-}.tabs__s_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+}.tabs__s_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-s-gaps);
-}.tabs__m_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+}.tabs__m_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-m-gaps);
-}.tabs__l_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+}.tabs__l_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-l-gaps);
-}.tabs__xl_1e30c .tabs__title_1e30c + .tabs__title_1e30c {
+}.tabs__xl_qcder .tabs__title_qcder + .tabs__title_qcder {
     margin-left: var(--secondary-tablist-xl-gaps);
 } :root {
     --color-dark-indigo: #0b1f35;
@@ -881,7 +881,7 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__title_1ixy2 {
-} .tabs__mobile_1ixy2 .tabs__title_1ixy2 + .tabs__title_1ixy2 {
+} .tabs__title_abkgu {
+} .tabs__mobile_abkgu .tabs__title_abkgu + .tabs__title_abkgu {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }

package/components/tab/Component.js

@@ -8,7 +8,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":"tabs__component_1s56b","hidden":"tabs__hidden_1s56b"};
+var styles = {"component":"tabs__component_1yffw","hidden":"tabs__hidden_1yffw"};
 require('./index.css')
 
 var Tab = function (_a) {

package/components/tab/index.css

@@ -1,8 +1,8 @@
-/* hash: 133g1 */
-.tabs__component_1s56b {
+/* hash: f2bo9 */
+.tabs__component_1yffw {
     outline: none;
 }
 
-.tabs__hidden_1s56b {
+.tabs__hidden_1yffw {
     display: none;
 }

package/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ require('../../synthetic-events.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../title/Component.js');
-require('../../index.module-1af5e8ab.js');
+require('../../index.module-c25214c2.js');
 require('../secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('../../index.module-41c09f8d.js');
+require('../../index.module-de4145ce.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ require('../../synthetic-events.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../title/Component.js');
-require('../../index.module-1af5e8ab.js');
+require('../../index.module-c25214c2.js');
 require('../secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('../../index.module-41c09f8d.js');
+require('../../index.module-de4145ce.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/tabs/Component.responsive.js

@@ -20,12 +20,12 @@ require('../../synthetic-events.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../title/Component.js');
-require('../../index.module-1af5e8ab.js');
+require('../../index.module-c25214c2.js');
 require('../primary-tablist/Component.mobile.js');
 require('../secondary-tablist/Component.desktop.js');
 require('../secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('../../index.module-41c09f8d.js');
+require('../../index.module-de4145ce.js');
 require('../secondary-tablist/Component.mobile.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }