@alfalab/core-components 34.0.0 → 35.0.0

package/tabs/cssm/index.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
-require('../../keyboard-focusable/cssm');
 require('classnames');
+require('../../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');
@@ -29,8 +29,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/tabs/cssm/mobile.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
-require('../../keyboard-focusable/cssm');
 require('classnames');
+require('../../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('../../tag/cssm');
@@ -24,8 +24,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/tabs/cssm/responsive.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ce870b46.js');
+require('./tslib.es6-9682e485.js');
 require('react');
-require('../../keyboard-focusable/cssm');
 require('classnames');
+require('../../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');
@@ -29,8 +29,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/tabs/cssm/tslib.es6-9682e485.d.ts

@@ -0,0 +1,36 @@
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => 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 __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+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, 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, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/tabs/cssm/tslib.es6-9682e485.js

@@ -0,0 +1,40 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+exports.__assign = function () {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+exports.__rest = __rest;

package/tabs/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 "../../tag";
 type SelectedId = string | number;
 type TabsMatchMedia = 'desktop' | 'mobile';

package/tabs/desktop.js

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-b52e919e.js');
+require('./tslib.es6-3a2676d6.js');
 require('react');
-require('../keyboard-focusable');
 require('classnames');
+require('../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-2764845a.js');
+require('./index.module-7a6d77c2.js');
 var components_primaryTablist_Component_desktop = require('./components/primary-tablist/Component.desktop.js');
 require('../tag');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-d39b1261.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');
@@ -20,8 +20,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/tabs/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/tabs/esm/components/primary-tablist/Component.desktop.js

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-44f5d6b4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-954a2f25.js';
 import React from 'react';
-import '../../../../keyboard-focusable/esm';
 import 'classnames';
+import '../../../../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-3fb6e9b4.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/tabs/esm/components/primary-tablist/Component.js

@@ -1,10 +1,10 @@
-import { a as __assign } from '../../tslib.es6-44f5d6b4.js';
+import { a as __assign } from '../../tslib.es6-954a2f25.js';
 import React, { useRef, useEffect } from 'react';
-import { KeyboardFocusable } from '../../../../keyboard-focusable/esm';
 import cn from 'classnames';
+import { KeyboardFocusable } from '../../../../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/tabs/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/tabs/esm/components/primary-tablist/Component.mobile.js

@@ -1,14 +1,14 @@
-import { a as __assign, _ as __rest } from '../../tslib.es6-44f5d6b4.js';
+import { a as __assign, _ as __rest } from '../../tslib.es6-954a2f25.js';
 import React from 'react';
-import '../../../../keyboard-focusable/esm';
 import cn from 'classnames';
+import '../../../../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-3fb6e9b4.js';
+import { c as commonStyles } from '../../index.module-7ca9e703.js';
 
-var mobileStyles = {"title":"tabs__title_102yd tabs__title_4qaeo","mobile":"tabs__mobile_102yd"};
+var mobileStyles = {"title":"tabs__title_1d7bc tabs__title_8sfek","mobile":"tabs__mobile_1d7bc"};
 require('./mobile.css');
 
 var styles = __assign(__assign({}, commonStyles), mobileStyles);

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

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-44f5d6b4.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-954a2f25.js';
 import React from 'react';
-import '../../../../keyboard-focusable/esm';
 import 'classnames';
+import '../../../../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-3fb6e9b4.js';
+import '../../index.module-7ca9e703.js';
 import { PrimaryTabListDesktop } from './Component.desktop.js';
 import { useMedia } from '@alfalab/hooks';
 import { PrimaryTabListMobile } from './Component.mobile.js';

package/tabs/esm/components/primary-tablist/index.css

@@ -83,12 +83,12 @@
 
     /* size xl */
 }
-.tabs__component_4qaeo {
+.tabs__component_8sfek {
     position: relative;
     display: inline-flex;
     min-width: 100%
 }
-.tabs__component_4qaeo:before {
+.tabs__component_8sfek:before {
         content: '';
         display: block;
         position: absolute;
@@ -97,15 +97,15 @@
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
     }
-.tabs__fullWidthScroll_4qaeo {
+.tabs__fullWidthScroll_8sfek {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
 }
-.tabs__container_4qaeo {
+.tabs__container_8sfek {
     position: relative;
     overflow: hidden;
 }
-.tabs__title_4qaeo {
+.tabs__title_8sfek {
     display: flex;
     align-items: center;
     height: 100%;
@@ -123,22 +123,22 @@
     cursor: pointer;
     outline: none
 }
-.tabs__title_4qaeo:not(.tabs__disabled_4qaeo):hover {
+.tabs__title_8sfek:not(.tabs__disabled_8sfek):hover {
         color: var(--primary-tablist-hover-color);
     }
-.tabs__focused_4qaeo {
+.tabs__focused_8sfek {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tabs__selected_4qaeo {
+.tabs__selected_8sfek {
     cursor: default;
     color: var(--primary-tablist-selected-color);
 }
-.tabs__disabled_4qaeo {
+.tabs__disabled_8sfek {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
 }
-.tabs__line_4qaeo {
+.tabs__line_8sfek {
     position: absolute;
     height: 3px;
     bottom: 0;
@@ -147,46 +147,46 @@
     transition: transform 0.2s ease, width 0.2s ease;
 }
 /* sizes */
-.tabs__s_4qaeo .tabs__title_4qaeo, .tabs__xs_4qaeo .tabs__title_4qaeo, .tabs__xxs_4qaeo .tabs__title_4qaeo {
+.tabs__s_8sfek .tabs__title_8sfek, .tabs__xs_8sfek .tabs__title_8sfek, .tabs__xxs_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo, .tabs__xs_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo, .tabs__xxs_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+.tabs__s_8sfek .tabs__title_8sfek + .tabs__title_8sfek, .tabs__xs_8sfek .tabs__title_8sfek + .tabs__title_8sfek, .tabs__xxs_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-s-gaps);
     }
-.tabs__m_4qaeo .tabs__title_4qaeo {
+.tabs__m_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+.tabs__m_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-m-gaps);
     }
-.tabs__l_4qaeo .tabs__title_4qaeo {
+.tabs__l_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+.tabs__l_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-l-gaps);
     }
-.tabs__xl_4qaeo .tabs__title_4qaeo {
+.tabs__xl_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+.tabs__xl_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-xl-gaps);
     }
-.tabs__rightAddons_4qaeo {
+.tabs__rightAddons_8sfek {
     margin-left: var(--gap-xs);
 }

package/tabs/esm/components/primary-tablist/mobile.css

@@ -88,11 +88,11 @@
     /* size l */
 
     /* size xl */
-}.tabs__component_4qaeo {
+}.tabs__component_8sfek {
     position: relative;
     display: inline-flex;
     min-width: 100%
-}.tabs__component_4qaeo:before {
+}.tabs__component_8sfek:before {
         content: '';
         display: block;
         position: absolute;
@@ -100,13 +100,13 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }.tabs__fullWidthScroll_4qaeo {
+    }.tabs__fullWidthScroll_8sfek {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-}.tabs__container_4qaeo {
+}.tabs__container_8sfek {
     position: relative;
     overflow: hidden;
-}.tabs__title_4qaeo {
+}.tabs__title_8sfek {
     display: flex;
     align-items: center;
     height: 100%;
@@ -123,57 +123,57 @@
             user-select: none;
     cursor: pointer;
     outline: none
-}.tabs__title_4qaeo:not(.tabs__disabled_4qaeo):hover {
+}.tabs__title_8sfek:not(.tabs__disabled_8sfek):hover {
         color: var(--primary-tablist-hover-color);
-    }.tabs__focused_4qaeo {
+    }.tabs__focused_8sfek {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}.tabs__selected_4qaeo {
+}.tabs__selected_8sfek {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}.tabs__disabled_4qaeo {
+}.tabs__disabled_8sfek {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}.tabs__line_4qaeo {
+}.tabs__line_8sfek {
     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_4qaeo .tabs__title_4qaeo, .tabs__xs_4qaeo .tabs__title_4qaeo, .tabs__xxs_4qaeo .tabs__title_4qaeo {
+}/* sizes */.tabs__s_8sfek .tabs__title_8sfek, .tabs__xs_8sfek .tabs__title_8sfek, .tabs__xxs_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo, .tabs__xs_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo, .tabs__xxs_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+    }.tabs__s_8sfek .tabs__title_8sfek + .tabs__title_8sfek, .tabs__xs_8sfek .tabs__title_8sfek + .tabs__title_8sfek, .tabs__xxs_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__m_4qaeo .tabs__title_4qaeo {
+    }.tabs__m_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+    }.tabs__m_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__l_4qaeo .tabs__title_4qaeo {
+    }.tabs__l_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+    }.tabs__l_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__xl_4qaeo .tabs__title_4qaeo {
+    }.tabs__xl_8sfek .tabs__title_8sfek {
         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_4qaeo .tabs__title_4qaeo + .tabs__title_4qaeo {
+    }.tabs__xl_8sfek .tabs__title_8sfek + .tabs__title_8sfek {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__rightAddons_4qaeo {
+    }.tabs__rightAddons_8sfek {
     margin-left: var(--gap-xs);
 }
 :root {
@@ -610,12 +610,18 @@
     --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
     --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
     --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
+    --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
+    --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
+    --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
+    --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
     --color-dark-text-link-shade-30: rgb(0, 85, 179);
     --color-dark-text-link-shade-50: rgb(0, 61, 128);
     --color-dark-text-link-tint-20: rgb(51, 149, 255);
     --color-dark-text-link-tint-40: rgb(102, 175, 255);
     --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
+    --color-dark-text-primary-shade-24: rgb(194, 194, 194);
     --color-dark-text-primary-shade-30: rgb(179, 179, 179);
+    --color-dark-text-primary-shade-40: rgb(153, 153, 153);
     --color-dark-text-primary-shade-50: rgb(128, 128, 128);
     --color-dark-text-primary-tint-20: rgb(255, 255, 255);
     --color-dark-text-primary-tint-40: rgb(255, 255, 255);
@@ -625,7 +631,9 @@
     --color-dark-text-primary-inverted-shade-30: rgb(8, 22, 37);
     --color-dark-text-primary-inverted-tint-7: rgb(28, 47, 67);
     --color-dark-text-primary-inverted-tint-15: rgb(48, 65, 83);
+    --color-dark-text-primary-inverted-tint-24: rgb(70, 85, 101);
     --color-dark-text-primary-inverted-tint-30: rgb(84, 98, 114);
+    --color-dark-text-primary-inverted-tint-40: rgb(109, 121, 134);
     --color-dark-text-primary-inverted-tint-50: rgb(133, 143, 154);
     --color-dark-text-secondary-shade-20: rgba(204, 204, 204, 0.76);
     --color-dark-text-secondary-shade-30: rgba(179, 179, 179, 0.79);
@@ -749,12 +757,18 @@
     --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
     --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
     --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.32);
+    --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
+    --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
+    --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
+    --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
     --color-light-text-link-tint-30: rgb(77, 162, 255);
     --color-light-text-link-tint-50: rgb(128, 189, 255);
     --color-light-text-link-shade-20: rgb(0, 98, 204);
     --color-light-text-link-shade-40: rgb(0, 73, 153);
     --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
+    --color-light-text-primary-tint-24: rgb(70, 85, 101);
     --color-light-text-primary-tint-30: rgb(84, 98, 114);
+    --color-light-text-primary-tint-40: rgb(109, 121, 134);
     --color-light-text-primary-tint-50: rgb(133, 143, 154);
     --color-light-text-primary-shade-20: rgb(9, 25, 42);
     --color-light-text-primary-shade-40: rgb(7, 19, 32);
@@ -764,7 +778,9 @@
     --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
     --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
     --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
+    --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
     --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
+    --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
     --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
     --color-light-text-secondary-tint-20: rgba(60, 76, 93, 0.76);
     --color-light-text-secondary-tint-30: rgba(84, 98, 114, 0.79);
@@ -968,15 +984,15 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
 }
-.tabs__title_102yd {
+.tabs__title_1d7bc {
 }
-.tabs__mobile_102yd .tabs__title_102yd {
+.tabs__mobile_1d7bc .tabs__title_1d7bc {
         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_102yd .tabs__title_102yd + .tabs__title_102yd {
+.tabs__mobile_1d7bc .tabs__title_1d7bc + .tabs__title_1d7bc {
             margin-left: var(--primary-tablist-mobile-gaps);
         }

package/tabs/esm/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/tabs/esm/components/scrollable-container/Component.js

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import cn from 'classnames';
 import computeScrollIntoView from 'compute-scroll-into-view';
 
-var styles = {"container":"tabs__container_1t5mq","fullWidthScroll":"tabs__fullWidthScroll_1t5mq"};
+var styles = {"container":"tabs__container_1f1bc","fullWidthScroll":"tabs__fullWidthScroll_1f1bc"};
 require('./index.css');
 
 /**

package/tabs/esm/components/scrollable-container/index.css

@@ -36,19 +36,19 @@
 
     /* size xl */
 }
-.tabs__container_1t5mq {
+.tabs__container_1f1bc {
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
     scroll-behavior: smooth;
     scrollbar-width: none
 }
-.tabs__container_1t5mq::-webkit-scrollbar {
+.tabs__container_1f1bc::-webkit-scrollbar {
         display: none;
     }
-.tabs__container_1t5mq > * {
+.tabs__container_1f1bc > * {
         flex-shrink: 0;
     }
-.tabs__fullWidthScroll_1t5mq {
+.tabs__fullWidthScroll_1f1bc {
     margin: 0 var(--gap-m-neg);
 }

package/tabs/esm/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 };