@alfalab/core-components-tabs 7.7.0 → 7.7.2

package/Component-3e68f8db.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { FC, SVGProps } from 'react';
+import React from 'react';
+import { FC, SVGProps } from "react";
 import { OptionShape } from "./typings-5e1b8383";
 import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
         icon?: FC<SVGProps<SVGSVGElement>>;
     };
 };
-declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
+declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
 export { Option };

package/Component-5e1b8383.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { CheckmarkProps } from "./typings-5e1b8383";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
 export { BaseCheckmark };

package/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-fae20163";
+import { BottomSheetProps } from "./types-3441be57";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/components/primary-tablist/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { Styles, TabListProps } from "../../typings";
-declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, }: TabListProps & Styles) => JSX.Element;
+declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, }: TabListProps & Styles) => React.JSX.Element;
 export { PrimaryTabList };

package/components/primary-tablist/Component.desktop.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { TabListProps } from "../../typings";
-declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => JSX.Element;
+declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
 export { PrimaryTabListDesktop };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-c9ae6c01.js');
+var index_module = require('../../index.module-0362701b.js');
 require('classnames');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-keyboard-focusable');

package/components/primary-tablist/Component.mobile.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import React from 'react';
 import { TabListProps } from "../../typings";
 type PrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
-declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => JSX.Element;
+declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => React.JSX.Element;
 export { PrimaryTabListMobileProps, PrimaryTabListMobile };

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

@@ -6,7 +6,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-c9ae6c01.js');
+var index_module = require('../../index.module-0362701b.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-keyboard-focusable');
 require('@alfalab/core-components-picker-button/desktop');
@@ -25,7 +25,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_19lxb tabs__title_wok73","mobile":"tabs__mobile_19lxb"};
+var mobileStyles = {"title":"tabs__title_1yus2 tabs__title_hw7vm","mobile":"tabs__mobile_1yus2"};
 require('./mobile.css')
 
 var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);

package/components/primary-tablist/Component.responsive.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { TabListProps } from "../../typings";
-declare const PrimaryTabListResponsive: ({ size, defaultMatch, collapsible, collapsedTabsIds, fullWidthScroll, ...restProps }: TabListProps) => JSX.Element;
+declare const PrimaryTabListResponsive: ({ size, defaultMatch, collapsible, collapsedTabsIds, fullWidthScroll, ...restProps }: TabListProps) => React.JSX.Element;
 export { PrimaryTabListResponsive };

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

@@ -20,7 +20,7 @@ require('../../synthetic-events.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../title/Component.js');
-require('../../index.module-c9ae6c01.js');
+require('../../index.module-0362701b.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: 1tx7l */
+/* hash: encz3 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-accent: #ef3124;
@@ -83,11 +83,11 @@
     /* size l */
 
     /* size xl */
-} .tabs__component_wok73 {
+} .tabs__component_hw7vm {
     position: relative;
     display: inline-flex;
     min-width: 100%
-} .tabs__component_wok73:before {
+} .tabs__component_hw7vm:before {
         content: '';
         display: block;
         position: absolute;
@@ -95,17 +95,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    } .tabs__fullWidthScroll_wok73 {
+    } .tabs__fullWidthScroll_hw7vm {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-} .tabs__container_wok73 {
+} .tabs__container_hw7vm {
     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_wok73 {
+} .tabs__title_hw7vm {
     display: flex;
     align-items: center;
     height: 100%;
@@ -122,76 +122,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-} .tabs__title_wok73:not(.tabs__disabled_wok73):hover {
+} .tabs__title_hw7vm:not(.tabs__disabled_hw7vm):hover {
         color: var(--primary-tablist-hover-color);
-    } .tabs__focused_wok73 {
+    } .tabs__focused_hw7vm {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tabs__collapsed_wok73 {
+} .tabs__collapsed_hw7vm {
     order: 99;
     visibility: collapse;
-} .tabs__selected_wok73 {
+} .tabs__selected_hw7vm {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-} .tabs__disabled_wok73 {
+} .tabs__disabled_hw7vm {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-} .tabs__line_wok73 {
+} .tabs__line_hw7vm {
     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_wok73 .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 {
+} /* sizes */ .tabs__s_hw7vm .tabs__title_hw7vm, .tabs__xs_hw7vm .tabs__title_hw7vm, .tabs__xxs_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    } .tabs__s_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm, .tabs__xs_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm, .tabs__xxs_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_wok73 .tabs__pickerWrapper_wok73, .tabs__xs_wok73 .tabs__pickerWrapper_wok73, .tabs__xxs_wok73 .tabs__pickerWrapper_wok73 {
+    } .tabs__s_hw7vm .tabs__pickerWrapper_hw7vm, .tabs__xs_hw7vm .tabs__pickerWrapper_hw7vm, .tabs__xxs_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-s-gaps);
-    } .tabs__s_wok73 .tabs__option_wok73, .tabs__xs_wok73 .tabs__option_wok73, .tabs__xxs_wok73 .tabs__option_wok73 {
+    } .tabs__s_hw7vm .tabs__option_hw7vm, .tabs__xs_hw7vm .tabs__option_hw7vm, .tabs__xxs_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    } .tabs__m_wok73 .tabs__title_wok73 {
+    } .tabs__m_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    } .tabs__m_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_wok73 .tabs__pickerWrapper_wok73 {
+    } .tabs__m_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-m-gaps);
-    } .tabs__m_wok73 .tabs__option_wok73 {
+    } .tabs__m_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    } .tabs__l_wok73 .tabs__title_wok73 {
+    } .tabs__l_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    } .tabs__l_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_wok73 .tabs__pickerWrapper_wok73 {
+    } .tabs__l_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-l-gaps);
-    } .tabs__l_wok73 .tabs__option_wok73 {
+    } .tabs__l_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    } .tabs__xl_wok73 .tabs__title_wok73 {
+    } .tabs__xl_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    } .tabs__xl_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_wok73 .tabs__pickerWrapper_wok73 {
+    } .tabs__xl_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-xl-gaps);
-    } .tabs__xl_wok73 .tabs__option_wok73 {
+    } .tabs__xl_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    } .tabs__rightAddons_wok73 {
+    } .tabs__rightAddons_hw7vm {
     display: flex;
     justify-content: center;
     align-items: center;

package/components/primary-tablist/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1ok00 */
+/* hash: 115sw */
 :root {
 }/* deprecated */:root {
     --color-light-border-accent: #ef3124;
@@ -90,11 +90,11 @@
     /* size l */
 
     /* size xl */
-}.tabs__component_wok73 {
+}.tabs__component_hw7vm {
     position: relative;
     display: inline-flex;
     min-width: 100%
-}.tabs__component_wok73:before {
+}.tabs__component_hw7vm:before {
         content: '';
         display: block;
         position: absolute;
@@ -102,17 +102,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }.tabs__fullWidthScroll_wok73 {
+    }.tabs__fullWidthScroll_hw7vm {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-}.tabs__container_wok73 {
+}.tabs__container_hw7vm {
     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_wok73 {
+}.tabs__title_hw7vm {
     display: flex;
     align-items: center;
     height: 100%;
@@ -129,76 +129,76 @@
             user-select: none;
     cursor: pointer;
     outline: none
-}.tabs__title_wok73:not(.tabs__disabled_wok73):hover {
+}.tabs__title_hw7vm:not(.tabs__disabled_hw7vm):hover {
         color: var(--primary-tablist-hover-color);
-    }.tabs__focused_wok73 {
+    }.tabs__focused_hw7vm {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}.tabs__collapsed_wok73 {
+}.tabs__collapsed_hw7vm {
     order: 99;
     visibility: collapse;
-}.tabs__selected_wok73 {
+}.tabs__selected_hw7vm {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}.tabs__disabled_wok73 {
+}.tabs__disabled_hw7vm {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}.tabs__line_wok73 {
+}.tabs__line_hw7vm {
     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_wok73 .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 {
+}/* sizes */.tabs__s_hw7vm .tabs__title_hw7vm, .tabs__xs_hw7vm .tabs__title_hw7vm, .tabs__xxs_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xs_wok73 .tabs__title_wok73 + .tabs__title_wok73, .tabs__xxs_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    }.tabs__s_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm, .tabs__xs_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm, .tabs__xxs_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_wok73 .tabs__pickerWrapper_wok73, .tabs__xs_wok73 .tabs__pickerWrapper_wok73, .tabs__xxs_wok73 .tabs__pickerWrapper_wok73 {
+    }.tabs__s_hw7vm .tabs__pickerWrapper_hw7vm, .tabs__xs_hw7vm .tabs__pickerWrapper_hw7vm, .tabs__xxs_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_wok73 .tabs__option_wok73, .tabs__xs_wok73 .tabs__option_wok73, .tabs__xxs_wok73 .tabs__option_wok73 {
+    }.tabs__s_hw7vm .tabs__option_hw7vm, .tabs__xs_hw7vm .tabs__option_hw7vm, .tabs__xxs_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    }.tabs__m_wok73 .tabs__title_wok73 {
+    }.tabs__m_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    }.tabs__m_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_wok73 .tabs__pickerWrapper_wok73 {
+    }.tabs__m_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_wok73 .tabs__option_wok73 {
+    }.tabs__m_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    }.tabs__l_wok73 .tabs__title_wok73 {
+    }.tabs__l_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    }.tabs__l_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_wok73 .tabs__pickerWrapper_wok73 {
+    }.tabs__l_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_wok73 .tabs__option_wok73 {
+    }.tabs__l_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    }.tabs__xl_wok73 .tabs__title_wok73 {
+    }.tabs__xl_hw7vm .tabs__title_hw7vm {
         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_wok73 .tabs__title_wok73 + .tabs__title_wok73 {
+    }.tabs__xl_hw7vm .tabs__title_hw7vm + .tabs__title_hw7vm {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_wok73 .tabs__pickerWrapper_wok73 {
+    }.tabs__xl_hw7vm .tabs__pickerWrapper_hw7vm {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_wok73 .tabs__option_wok73 {
+    }.tabs__xl_hw7vm .tabs__option_hw7vm {
         padding: 0;
-    }.tabs__rightAddons_wok73 {
+    }.tabs__rightAddons_hw7vm {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -1098,13 +1098,13 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__title_19lxb {
-} .tabs__mobile_19lxb .tabs__title_19lxb {
+} .tabs__title_1yus2 {
+} .tabs__mobile_1yus2 .tabs__title_1yus2 {
         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_19lxb .tabs__title_19lxb + .tabs__title_19lxb {
+    } .tabs__mobile_1yus2 .tabs__title_1yus2 + .tabs__title_1yus2 {
             margin-left: var(--primary-tablist-mobile-gaps);
         }

package/components/scrollable-container/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ReactNode } from 'react';
+import React from 'react';
+import { ReactNode } from "react";
 import { TabsProps } from "../../typings";
 type ScrollableContainerProps = {
     /**
@@ -15,5 +16,5 @@ type ScrollableContainerProps = {
      */
     activeChild: HTMLElement | null;
 };
-declare const ScrollableContainer: ({ containerClassName, children, activeChild, fullWidthScroll, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'>) => JSX.Element;
+declare const ScrollableContainer: ({ containerClassName, children, activeChild, fullWidthScroll, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'>) => React.JSX.Element;
 export { ScrollableContainerProps, ScrollableContainer };

package/components/scrollable-container/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var computeScrollIntoView__default = /*#__PURE__*/_interopDefaultCompat(computeScrollIntoView);
 
-var styles = {"container":"tabs__container_1w990","fullWidthScroll":"tabs__fullWidthScroll_1w990"};
+var styles = {"container":"tabs__container_1hbv6","fullWidthScroll":"tabs__fullWidthScroll_1hbv6"};
 require('./index.css')
 
 /**

package/components/scrollable-container/index.css

@@ -1,4 +1,4 @@
-/* hash: 1g5r4 */
+/* hash: 1r7rg */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -42,7 +42,7 @@
     /* size l */
 
     /* size xl */
-} .tabs__container_1w990 {
+} .tabs__container_1hbv6 {
     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_1w990::-webkit-scrollbar {
+} .tabs__container_1hbv6::-webkit-scrollbar {
         display: none;
-    } .tabs__container_1w990 > * {
+    } .tabs__container_1hbv6 > * {
         flex-shrink: 0;
-    } .tabs__fullWidthScroll_1w990 {
+    } .tabs__fullWidthScroll_1hbv6 {
     margin: 0 var(--gap-m-neg);
 }

package/components/secondary-tablist/Component.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { SecondaryTabListProps, Styles } from "../../typings";
-declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, }: SecondaryTabListProps & Styles) => JSX.Element;
+declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, }: SecondaryTabListProps & Styles) => React.JSX.Element;
 export { SecondaryTabList };

package/components/secondary-tablist/Component.desktop.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import React from 'react';
 import { SecondaryTabListProps } from "../../typings";
 type SecondaryTabListDesktopProps = Omit<SecondaryTabListProps, 'tagSize'>;
-declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => JSX.Element;
+declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => React.JSX.Element;
 export { SecondaryTabListDesktopProps, SecondaryTabListDesktop };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-276f636f.js');
+var index_module = require('../../index.module-b8728ee4.js');
 require('classnames');
 require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');

package/components/secondary-tablist/Component.mobile.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import React from 'react';
 import { SecondaryTabListProps } from "../../typings";
 type SecondaryTabListMobileProps = Omit<SecondaryTabListProps, 'size' | 'tagSize'>;
-declare const SecondaryTabListMobile: ({ className, ...restProps }: SecondaryTabListMobileProps) => JSX.Element;
+declare const SecondaryTabListMobile: ({ className, ...restProps }: SecondaryTabListMobileProps) => React.JSX.Element;
 export { SecondaryTabListMobileProps, SecondaryTabListMobile };

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

@@ -6,7 +6,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-276f636f.js');
+var index_module = require('../../index.module-b8728ee4.js');
 require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
@@ -17,7 +17,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_1jmsq tabs__title_17vtv","mobile":"tabs__mobile_1jmsq"};
+var mobileStyles = {"title":"tabs__title_nm86u tabs__title_1lkwx","mobile":"tabs__mobile_nm86u"};
 require('./mobile.css')
 
 var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobileStyles);

package/components/secondary-tablist/Component.responsive.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import React from 'react';
 import { SecondaryTabListProps } from "../../typings";
-declare const SecondaryTabListResponsive: ({ size, defaultMatch, fullWidthScroll, ...restProps }: SecondaryTabListProps) => JSX.Element;
+declare const SecondaryTabListResponsive: ({ size, defaultMatch, fullWidthScroll, ...restProps }: SecondaryTabListProps) => React.JSX.Element;
 export { SecondaryTabListResponsive };

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

@@ -13,7 +13,7 @@ require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
-require('../../index.module-276f636f.js');
+require('../../index.module-b8728ee4.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: 1rpbq */
+/* hash: 14b4m */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -50,29 +50,29 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__component_17vtv {
+} .tabs__component_1lkwx {
     position: relative;
     display: inline-flex;
-} .tabs__fullWidthScroll_17vtv {
+} .tabs__fullWidthScroll_1lkwx {
     margin: 0 var(--gap-m);
-} .tabs__container_17vtv {
+} .tabs__container_1lkwx {
     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_17vtv {
+} .tabs__title_1lkwx {
     white-space: nowrap;
-} /* sizes */ .tabs__xxs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
+} /* sizes */ .tabs__xxs_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
     margin-left: var(--secondary-tablist-xxs-gaps);
-} .tabs__xs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
+} .tabs__xs_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
     margin-left: var(--secondary-tablist-xs-gaps);
-} .tabs__s_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
+} .tabs__s_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
     margin-left: var(--secondary-tablist-s-gaps);
-} .tabs__m_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
+} .tabs__m_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
     margin-left: var(--secondary-tablist-m-gaps);
-} .tabs__l_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
+} .tabs__l_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
     margin-left: var(--secondary-tablist-l-gaps);
-} .tabs__xl_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
+} .tabs__xl_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
     margin-left: var(--secondary-tablist-xl-gaps);
 }