@alfalab/core-components-tabs 7.1.0 → 7.1.2

package/cssm/components/primary-tablist/index.module.css

@@ -3,8 +3,8 @@
     --color-light-border-link: #007aff;
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
-    --color-light-text-secondary: #546272;
-    --color-light-text-tertiary: #b6bcc3;
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
+    --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
 }
 :root {
 
@@ -36,6 +36,7 @@
     --primary-tablist-disabled-color: var(--color-light-text-tertiary);
     --primary-tablist-bottom-border-color: var(--color-light-border-primary);
     --primary-tablist-line-color: var(--color-light-border-accent);
+    --primary-tablist-font-feature-settings: normal;
 
     /* mobile */
 
@@ -110,7 +111,7 @@
     padding: 0;
     cursor: pointer;
     color: var(--primary-tablist-color);
-    font-feature-settings: 'ss01';
+    font-feature-settings: var(--primary-tablist-font-feature-settings);
     transition: color 0.2s ease;
     border: 0;
     background: none;

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

@@ -15,5 +15,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'>) => JSX.Element;
 export { ScrollableContainerProps, ScrollableContainer };

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

@@ -1,8 +1,4 @@
 /// <reference types="react" />
-import { Styles } from "../../typings";
-declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll"> & {
-    titles?: import("../../typings").TabListTitle[] | undefined;
-} & {
-    tagSize?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | undefined;
-} & Styles) => JSX.Element;
+import { SecondaryTabListProps, Styles } from "../../typings";
+declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, }: SecondaryTabListProps & Styles) => JSX.Element;
 export { SecondaryTabList };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SecondaryTabListProps } from "../../typings";
 type SecondaryTabListDesktopProps = Omit<SecondaryTabListProps, 'tagSize'>;
-declare const SecondaryTabListDesktop: ({ size, ...restProps }: Pick<SecondaryTabListProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "titles">) => JSX.Element;
+declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => JSX.Element;
 export { SecondaryTabListDesktopProps, SecondaryTabListDesktop };

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 require('classnames');
+require('../../useTabs.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
 require('../scrollable-container/Component.js');
-require('../../useTabs.js');
 require('@alfalab/core-components-tag/cssm');
 var components_secondaryTablist_Component = require('./Component.js');
 var commonStyles = require('./index.module.css');

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
+var useTabs = require('../../useTabs.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
 var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
-var useTabs = require('../../useTabs.js');
 var coreComponentsTag = require('@alfalab/core-components-tag/cssm');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SecondaryTabListProps } from "../../typings";
 type SecondaryTabListMobileProps = Omit<SecondaryTabListProps, 'size' | 'tagSize'>;
-declare const SecondaryTabListMobile: ({ className, ...restProps }: Pick<SecondaryTabListProps, "className" | "onChange" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "titles">) => JSX.Element;
+declare const SecondaryTabListMobile: ({ className, ...restProps }: SecondaryTabListMobileProps) => JSX.Element;
 export { SecondaryTabListMobileProps, SecondaryTabListMobile };

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 var cn = require('classnames');
+require('../../useTabs.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
 require('../scrollable-container/Component.js');
-require('../../useTabs.js');
 require('@alfalab/core-components-tag/cssm');
 var components_secondaryTablist_Component = require('./Component.js');
 var commonStyles = require('./index.module.css');

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
 require('classnames');
+require('../../useTabs.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
 require('../scrollable-container/Component.js');
-require('../../useTabs.js');
 require('@alfalab/core-components-tag/cssm');
 require('./Component.js');
 require('./index.module.css');

package/cssm/components/tabs/Component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
-declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, fullWidthScroll, keepMounted, dataTestId, onChange, }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted" | "TabList">) => JSX.Element;
+declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, fullWidthScroll, keepMounted, dataTestId, onChange, }: Omit<TabsProps, 'view'>) => JSX.Element;
 export { Tabs };

package/cssm/components/tabs/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
 type TabsDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll'>;
-declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "keepMounted">) => JSX.Element;
+declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: TabsDesktopProps) => JSX.Element;
 export { TabsDesktopProps, TabsDesktop };

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
-require('@alfalab/core-components-keyboard-focusable/cssm');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable/cssm');
+require('../../useTabs.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
 require('../scrollable-container/Component.js');
-require('../../useTabs.js');
 require('../primary-tablist/Component.js');
 require('../primary-tablist/index.module.css');
 var components_primaryTablist_Component_desktop = require('../primary-tablist/Component.desktop.js');

package/cssm/components/tabs/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
 type TabsMobileProps = Omit<TabsProps, 'TabList' | 'size'>;
-declare const TabsMobile: ({ view, scrollable, ...restProps }: Pick<TabsProps, "children" | "className" | "onChange" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted">) => JSX.Element;
+declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => JSX.Element;
 export { TabsMobileProps, TabsMobile };

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
-require('@alfalab/core-components-keyboard-focusable/cssm');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable/cssm');
+require('../../useTabs.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
 require('../scrollable-container/Component.js');
-require('../../useTabs.js');
 require('../primary-tablist/Component.js');
 require('../primary-tablist/index.module.css');
 require('@alfalab/core-components-tag/cssm');

package/cssm/components/tabs/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
 type TabsResponsiveProps = Omit<TabsProps, 'TabList'>;
-declare const TabsResponsive: ({ view, scrollable, ...restProps }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted">) => JSX.Element;
+declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => JSX.Element;
 export { TabsResponsiveProps, TabsResponsive };

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var tslib_es6 = require('../../tslib.es6-9682e485.js');
 var React = require('react');
-require('@alfalab/core-components-keyboard-focusable/cssm');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable/cssm');
+require('../../useTabs.js');
 require('compute-scroll-into-view');
 require('../scrollable-container/index.module.css');
 require('../scrollable-container/Component.js');
-require('../../useTabs.js');
 require('../primary-tablist/Component.js');
 require('../primary-tablist/index.module.css');
 require('../primary-tablist/Component.desktop.js');

package/cssm/desktop.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
-require('@alfalab/core-components-keyboard-focusable/cssm');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable/cssm');
+var useTabs = require('./useTabs.js');
 require('compute-scroll-into-view');
 require('./components/scrollable-container/index.module.css');
 var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
-var useTabs = require('./useTabs.js');
 require('./components/primary-tablist/Component.js');
 require('./components/primary-tablist/index.module.css');
 var components_primaryTablist_Component_desktop = require('./components/primary-tablist/Component.desktop.js');
@@ -24,8 +24,8 @@ var components_tabs_Component_desktop = require('./components/tabs/Component.des
 
 
 
-exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.useTabs = useTabs.useTabs;
+exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.PrimaryTabListDesktop = components_primaryTablist_Component_desktop.PrimaryTabListDesktop;
 exports.SecondaryTabListDesktop = components_secondaryTablist_Component_desktop.SecondaryTabListDesktop;
 exports.Tab = components_tab_Component.Tab;

package/cssm/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
-require('@alfalab/core-components-keyboard-focusable/cssm');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable/cssm');
+var useTabs = require('./useTabs.js');
 require('compute-scroll-into-view');
 require('./components/scrollable-container/index.module.css');
 var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
-var useTabs = require('./useTabs.js');
 require('./components/primary-tablist/Component.js');
 require('./components/primary-tablist/index.module.css');
 require('./components/primary-tablist/Component.desktop.js');
@@ -31,8 +31,8 @@ var components_tabs_Component_responsive = require('./components/tabs/Component.
 
 
 
-exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.useTabs = useTabs.useTabs;
+exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.Tab = components_tab_Component.Tab;
 exports.PrimaryTabListResponsive = components_primaryTablist_Component_responsive.PrimaryTabListResponsive;
 exports.SecondaryTabListResponsive = components_secondaryTablist_Component_responsive.SecondaryTabListResponsive;

package/cssm/mobile.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
-require('@alfalab/core-components-keyboard-focusable/cssm');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable/cssm');
+var useTabs = require('./useTabs.js');
 require('compute-scroll-into-view');
 require('./components/scrollable-container/index.module.css');
 var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
-var useTabs = require('./useTabs.js');
 require('./components/primary-tablist/Component.js');
 require('./components/primary-tablist/index.module.css');
 require('@alfalab/core-components-tag/cssm');
@@ -26,8 +26,8 @@ var components_tabs_Component_mobile = require('./components/tabs/Component.mobi
 
 
 
-exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.useTabs = useTabs.useTabs;
+exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.Tab = components_tab_Component.Tab;
 exports.PrimaryTabListMobile = components_primaryTablist_Component_mobile.PrimaryTabListMobile;
 exports.SecondaryTabListMobile = components_secondaryTablist_Component_mobile.SecondaryTabListMobile;

package/cssm/responsive.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
-require('@alfalab/core-components-keyboard-focusable/cssm');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable/cssm');
+var useTabs = require('./useTabs.js');
 require('compute-scroll-into-view');
 require('./components/scrollable-container/index.module.css');
 var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
-var useTabs = require('./useTabs.js');
 require('./components/primary-tablist/Component.js');
 require('./components/primary-tablist/index.module.css');
 require('./components/primary-tablist/Component.desktop.js');
@@ -31,8 +31,8 @@ var components_tabs_Component_responsive = require('./components/tabs/Component.
 
 
 
-exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.useTabs = useTabs.useTabs;
+exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.Tab = components_tab_Component.Tab;
 exports.PrimaryTabListResponsive = components_primaryTablist_Component_responsive.PrimaryTabListResponsive;
 exports.SecondaryTabListResponsive = components_secondaryTablist_Component_responsive.SecondaryTabListResponsive;

package/cssm/{tslib.es6-ce870b46.d.ts → tslib.es6-9682e485.d.ts}

@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
 declare function __exportStar(m: any, o: any): void;
 declare function __values(o: any): any;
 declare function __read(o: any, n: any): any;
+/** @deprecated */
 declare function __spread(...args: any[]): any[];
+/** @deprecated */
 declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
 declare class __await {
     constructor(v: any);
     v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
 declare function __makeTemplateObject(cooked: any, raw: any): any;
 declare function __importStar(mod: any): any;
 declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/{tslib.es6-e61a3999.js → cssm/tslib.es6-9682e485.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/cssm/typings.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, FC, ReactElement, ReactNode } from 'react';
+import { FC, MouseEvent, ReactElement, ReactNode } from 'react';
 import { TagProps } from "@alfalab/core-components-tag";
 type SelectedId = string | number;
 type TabsMatchMedia = 'desktop' | 'mobile';

package/desktop.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-e61a3999.js');
+require('./tslib.es6-3a2676d6.js');
 require('react');
-require('@alfalab/core-components-keyboard-focusable');
 require('classnames');
+require('@alfalab/core-components-keyboard-focusable');
+var useTabs = require('./useTabs.js');
 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-7226e3a9.js');
+require('./index.module-7a6d77c2.js');
 var components_primaryTablist_Component_desktop = require('./components/primary-tablist/Component.desktop.js');
 require('@alfalab/core-components-tag');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-509288bb.js');
+require('./index.module-d59767dd.js');
 var components_secondaryTablist_Component_desktop = require('./components/secondary-tablist/Component.desktop.js');
 var components_tab_Component = require('./components/tab/Component.js');
 require('./components/tabs/Component.js');
@@ -22,8 +22,8 @@ var components_tabs_Component_desktop = require('./components/tabs/Component.des
 
 
 
-exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.useTabs = useTabs.useTabs;
+exports.ScrollableContainer = components_scrollableContainer_Component.ScrollableContainer;
 exports.PrimaryTabListDesktop = components_primaryTablist_Component_desktop.PrimaryTabListDesktop;
 exports.SecondaryTabListDesktop = components_secondaryTablist_Component_desktop.SecondaryTabListDesktop;
 exports.Tab = components_tab_Component.Tab;

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

@@ -1,6 +1,4 @@
 /// <reference types="react" />
-import { Styles } from "../../typings";
-declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll"> & {
-    titles?: import("../../typings").TabListTitle[] | undefined;
-} & Styles) => JSX.Element;
+import { Styles, TabListProps } from "../../typings";
+declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, }: TabListProps & Styles) => JSX.Element;
 export { PrimaryTabList };

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

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fbd13ab9.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-954a2f25.js';
 import React from 'react';
-import '@alfalab/core-components-keyboard-focusable/esm';
 import 'classnames';
+import '@alfalab/core-components-keyboard-focusable/esm';
+import '../../useTabs.js';
 import 'compute-scroll-into-view';
 import '../scrollable-container/Component.js';
-import '../../useTabs.js';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-134e200e.js';
+import { c as commonStyles } from '../../index.module-7ca9e703.js';
 
 var PrimaryTabListDesktop = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'm' : _b, restProps = __rest(_a, ["size"]);

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

@@ -1,10 +1,10 @@
-import { a as __assign } from '../../tslib.es6-fbd13ab9.js';
+import { a as __assign } from '../../tslib.es6-954a2f25.js';
 import React, { useRef, useEffect } from 'react';
-import { KeyboardFocusable } from '@alfalab/core-components-keyboard-focusable/esm';
 import cn from 'classnames';
+import { KeyboardFocusable } from '@alfalab/core-components-keyboard-focusable/esm';
+import { useTabs } from '../../useTabs.js';
 import 'compute-scroll-into-view';
 import { ScrollableContainer } from '../scrollable-container/Component.js';
-import { useTabs } from '../../useTabs.js';
 
 var PrimaryTabList = function (_a) {
     var size = _a.size, _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabListProps } from "../../typings";
 type PrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
-declare const PrimaryTabListMobile: ({ className, ...restProps }: Pick<TabListProps, "className" | "onChange" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "titles">) => JSX.Element;
+declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => JSX.Element;
 export { PrimaryTabListMobileProps, PrimaryTabListMobile };

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

@@ -1,14 +1,14 @@
-import { a as __assign, _ as __rest } from '../../tslib.es6-fbd13ab9.js';
+import { a as __assign, _ as __rest } from '../../tslib.es6-954a2f25.js';
 import React from 'react';
-import '@alfalab/core-components-keyboard-focusable/esm';
 import cn from 'classnames';
+import '@alfalab/core-components-keyboard-focusable/esm';
+import '../../useTabs.js';
 import 'compute-scroll-into-view';
 import '../scrollable-container/Component.js';
-import '../../useTabs.js';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-134e200e.js';
+import { c as commonStyles } from '../../index.module-7ca9e703.js';
 
-var mobileStyles = {"title":"tabs__title_186yr tabs__title_3bs9g","mobile":"tabs__mobile_186yr"};
+var mobileStyles = {"title":"tabs__title_1d7bc tabs__title_8sfek","mobile":"tabs__mobile_1d7bc"};
 require('./mobile.css')
 
 var styles = __assign(__assign({}, commonStyles), mobileStyles);

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

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fbd13ab9.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-954a2f25.js';
 import React from 'react';
-import '@alfalab/core-components-keyboard-focusable/esm';
 import 'classnames';
+import '@alfalab/core-components-keyboard-focusable/esm';
+import '../../useTabs.js';
 import 'compute-scroll-into-view';
 import '../scrollable-container/Component.js';
-import '../../useTabs.js';
 import './Component.js';
-import '../../index.module-134e200e.js';
+import '../../index.module-7ca9e703.js';
 import { PrimaryTabListDesktop } from './Component.desktop.js';
 import { useMedia } from '@alfalab/hooks';
 import { PrimaryTabListMobile } from './Component.mobile.js';