@alfalab/core-components-tabs 8.6.1 → 8.6.2

package/esm/components/scroll-controls/Component.js

@@ -7,7 +7,7 @@ import { ChevronLeftCompactSIcon } from '@alfalab/icons-glyph/ChevronLeftCompact
 import { ChevronRightCompactSIcon } from '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import { getDisabledState, scrollIntoFirstTab, scrollIntoLastTab } from './utils.js';
 
-var styles = {"component":"tabs__component_12cok","primary":"tabs__primary_12cok","button":"tabs__button_12cok","xl":"tabs__xl_12cok","secondary":"tabs__secondary_12cok","xs":"tabs__xs_12cok","borderVisible":"tabs__borderVisible_12cok"};
+var styles = {"component":"tabs__component_1kzgm","primary":"tabs__primary_1kzgm","button":"tabs__button_1kzgm","xl":"tabs__xl_1kzgm","secondary":"tabs__secondary_1kzgm","xs":"tabs__xs_1kzgm","borderVisible":"tabs__borderVisible_1kzgm"};
 require('./index.css')
 
 var ScrollControls = forwardRef(function (_a, ref) {

package/esm/components/scroll-controls/index.css

@@ -1,5 +1,5 @@
-/* hash: hq9h6 */
-:root {
+/* hash: 4jmmy */
+: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 */ /* 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 {
     --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28); /* 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 */
@@ -44,14 +44,14 @@
     /* size l */
 
     /* size xl */
-} .tabs__component_12cok {
+} .tabs__component_1kzgm {
     position: relative;
     display: flex;
     flex-shrink: 0;
-} .tabs__primary_12cok {
+} .tabs__primary_1kzgm {
     align-items: flex-start;
     justify-content: flex-end
-} .tabs__primary_12cok:after {
+} .tabs__primary_1kzgm:after {
         content: '';
         display: block;
         position: absolute;
@@ -59,18 +59,18 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    } .tabs__primary_12cok {
+    } .tabs__primary_1kzgm {
 
-    .tabs__button_12cok:first-child {
+    .tabs__button_1kzgm:first-child {
         padding-left: var(--gap-xs);
         margin-right: var(--gap-xs);
     }
-} .tabs__primary_12cok.tabs__xl_12cok .tabs__button_12cok:first-child {
+} .tabs__primary_1kzgm.tabs__xl_1kzgm .tabs__button_1kzgm:first-child {
         margin-right: var(--gap-2xs);
-    } .tabs__secondary_12cok {
+    } .tabs__secondary_1kzgm {
     align-items: center;
     justify-content: center
-} .tabs__secondary_12cok:before {
+} .tabs__secondary_1kzgm:before {
         content: '';
         display: block;
         position: absolute;
@@ -80,12 +80,12 @@
         background-color: transparent;
         transition: background-color 0.3s ease;
         bottom: 0;
-    } .tabs__secondary_12cok.tabs__xs_12cok {
+    } .tabs__secondary_1kzgm.tabs__xs_1kzgm {
         width: 76px;
 
-        .tabs__button_12cok:first-child {
+        .tabs__button_1kzgm:first-child {
             margin-right: var(--gap-2xs);
         }
-    } .tabs__borderVisible_12cok:before {
+    } .tabs__borderVisible_1kzgm:before {
     background-color: var(--color-light-neutral-translucent-300);
 }

package/esm/components/scrollable-container/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { compute } from 'compute-scroll-into-view';
 import { ScrollControls } from '../scroll-controls/Component.js';
 
-var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_umnae","container":"tabs__container_umnae","fullWidthScroll":"tabs__fullWidthScroll_umnae"};
+var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_12gn6","container":"tabs__container_12gn6","fullWidthScroll":"tabs__fullWidthScroll_12gn6"};
 require('./index.css')
 
 /**

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

@@ -1,5 +1,5 @@
-/* hash: h49bt */
-:root {
+/* hash: l932i */
+: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 */ /* 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 */ /* 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 */
 } :root {
@@ -42,9 +42,9 @@
     /* size l */
 
     /* size xl */
-} .tabs__scrollableContainerWrapper_umnae {
+} .tabs__scrollableContainerWrapper_12gn6 {
     display: flex;
-} .tabs__container_umnae {
+} .tabs__container_12gn6 {
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
@@ -55,11 +55,11 @@
     /* 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_umnae::-webkit-scrollbar {
+} .tabs__container_12gn6::-webkit-scrollbar {
         display: none;
-    } .tabs__container_umnae > * {
+    } .tabs__container_12gn6 > * {
         flex-shrink: 0;
-    } .tabs__fullWidthScroll_umnae {
+    } .tabs__fullWidthScroll_12gn6 {
     padding-left: 0;
     margin: var(--gap-2xs-neg) var(--gap-m-neg);
 }

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

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { TagDesktop } from '@alfalab/core-components-tag/esm/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-c2b4a565.js';
+import { c as commonStyles } from '../../index.module-d4b5f517.js';
 
 var SecondaryTabListDesktop = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b, restProps = __rest(_a, ["size"]);

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

@@ -3,9 +3,9 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '@alfalab/core-components-tag/esm/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-c2b4a565.js';
+import { c as commonStyles } from '../../index.module-d4b5f517.js';
 
-var mobileStyles = {"title":"tabs__title_17q83 tabs__title_tu2e9","mobile":"tabs__mobile_17q83"};
+var mobileStyles = {"title":"tabs__title_1gmco tabs__title_e18me","mobile":"tabs__mobile_1gmco"};
 require('./mobile.css')
 
 var styles = __assign(__assign({}, commonStyles), mobileStyles);

package/esm/components/secondary-tablist/index.css

@@ -1,5 +1,5 @@
-/* hash: 8y8a1 */
-:root {
+/* hash: 120pk */
+: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 */ /* 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 */ /* 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 */
 } :root {
@@ -50,29 +50,29 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__component_tu2e9 {
+} .tabs__component_e18me {
     position: relative;
     display: inline-flex;
-} .tabs__fullWidthScroll_tu2e9 {
+} .tabs__fullWidthScroll_e18me {
     margin: 0 var(--gap-m);
-} .tabs__container_tu2e9 {
+} .tabs__container_e18me {
     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_tu2e9 {
+} .tabs__title_e18me {
     white-space: nowrap;
-} /* sizes */ .tabs__xxs_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+} /* sizes */ .tabs__xxs_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-xxs-gaps);
-} .tabs__xs_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+} .tabs__xs_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-xs-gaps);
-} .tabs__s_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+} .tabs__s_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-s-gaps);
-} .tabs__m_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+} .tabs__m_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-m-gaps);
-} .tabs__l_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+} .tabs__l_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-l-gaps);
-} .tabs__xl_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+} .tabs__xl_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-xl-gaps);
 }

package/esm/components/secondary-tablist/mobile.css

@@ -1,5 +1,5 @@
-/* hash: 1hg1x */
-:root {
+/* hash: jlt71 */
+: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 */ /* 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 */ /* 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 */
 }:root {
@@ -51,101 +51,101 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}.tabs__component_tu2e9 {
+}.tabs__component_e18me {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_tu2e9 {
+}.tabs__fullWidthScroll_e18me {
     margin: 0 var(--gap-m);
-}.tabs__container_tu2e9 {
+}.tabs__container_e18me {
     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_tu2e9 {
+}.tabs__title_e18me {
     white-space: nowrap;
-}/* sizes */.tabs__xxs_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+}/* sizes */.tabs__xxs_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}.tabs__xs_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+}.tabs__xs_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-xs-gaps);
-}.tabs__s_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+}.tabs__s_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-s-gaps);
-}.tabs__m_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+}.tabs__m_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-m-gaps);
-}.tabs__l_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+}.tabs__l_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-l-gaps);
-}.tabs__xl_tu2e9 .tabs__title_tu2e9 + .tabs__title_tu2e9 {
+}.tabs__xl_e18me .tabs__title_e18me + .tabs__title_e18me {
     margin-left: var(--secondary-tablist-xl-gaps);
 } :root {
-    --color-dark-indigo: #0b1f35;
-    --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
-    --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
-    --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
-    --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
-    --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
-    --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
-    --color-dark-indigo-60-flat: #6d7986;
-    --color-dark-indigo-30-flat: #b6bcc3;
-    --color-dark-indigo-15-flat: #dbdee1;
-    --color-dark-indigo-10-flat: #e7e9eb;
-    --color-dark-indigo-07-flat: #eeeff1;
-    --color-dark-indigo-05-flat: #f3f4f5;
-    --color-red-brand: #ef3124;
-    --color-red-brand-85: rgba(239, 49, 36, 0.85);
-    --color-red-brand-70: rgba(239, 49, 36, 0.7);
-    --color-red-brand-50: rgba(239, 49, 36, 0.5);
-    --color-red-brand-30: rgba(239, 49, 36, 0.3);
-    --color-red-brand-20: rgba(239, 49, 36, 0.2);
-    --color-red-brand-10: rgba(239, 49, 36, 0.1);
-    --color-red-brand-85-flat: #f15045;
-    --color-red-brand-70-flat: #f46f66;
-    --color-red-brand-50-flat: #f69791;
-    --color-red-brand-30-flat: #fbc2bd;
-    --color-red-brand-20-flat: #fcd6d3;
-    --color-red-brand-10-flat: #feebea;
-    --color-red-brand-05-flat: #fef5f4;
-    --color-red-dark: #d91d0b;
-    --color-red-error: #ff5c5c;
-    --color-green-text: #13a463;
-    --color-green-text-60: rgba(19, 164, 99, 0.6);
-    --color-green-text-60-flat: #71c8a1;
-    --color-green-done: #2fc26e;
-    --color-green-done-20: rgba(47, 194, 110, 0.2);
-    --color-green-done-10: rgba(47, 194, 110, 0.1);
-    --color-green-done-05: rgba(47, 194, 110, 0.05);
-    --color-green-done-20-flat: #d5f3e2;
-    --color-green-done-10-flat: #ebf9f1;
-    --color-green-done-05-flat: #f4fcf7;
-    --color-blue-action: #0e60b9;
-    --color-blue-swipe-a: #2670c6;
-    --color-blue-swipe-b: #3781d8;
-    --color-blue-swipe-c: #4a90e2;
-    --color-blue-link-mobile: #007aff;
-    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
-    --color-blue-link-mobile-10-flat: #e6f2ff;
-    --color-blue-link-web: #0f62fe;
-    --color-sand: #f6bf65;
-    --color-lavender: #8888ad;
-    --color-amethyst: #a489aa;
-    --color-black: #000;
-    --color-black-60: rgba(0, 0, 0, 0.6);
-    --color-black-30: rgba(0, 0, 0, 0.3);
-    --color-black-10: rgba(0, 0, 0, 0.1);
-    --color-black-60-flat: #666;
-    --color-black-30-flat: #b3b3b3;
-    --color-black-10-flat: #e6e6e6;
-    --color-white: #fff;
-    --color-white-60: rgba(255, 255, 255, 0.6);
-    --color-white-30: rgba(255, 255, 255, 0.3);
-    --color-white-10: rgba(255, 255, 255, 0.1);
-    --color-bg-corporate: #212a33;
-    --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
-    --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
-    --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
-    --color-bg-corporate-90-flat: #384048;
-    --color-bg-corporate-60-flat: #7a7f85;
-    --color-bg-corporate-30-flat: #bdc0c2;
-    --color-light-blue: #f5f7f9;
+    --color-dark-indigo: #0b1f35; /* deprecated */
+    --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
+    --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
+    --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
+    --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
+    --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
+    --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
+    --color-dark-indigo-60-flat: #6d7986; /* deprecated */
+    --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
+    --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
+    --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
+    --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
+    --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
+    --color-red-brand: #ef3124; /* deprecated */
+    --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
+    --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
+    --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
+    --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
+    --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
+    --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
+    --color-red-brand-85-flat: #f15045; /* deprecated */
+    --color-red-brand-70-flat: #f46f66; /* deprecated */
+    --color-red-brand-50-flat: #f69791; /* deprecated */
+    --color-red-brand-30-flat: #fbc2bd; /* deprecated */
+    --color-red-brand-20-flat: #fcd6d3; /* deprecated */
+    --color-red-brand-10-flat: #feebea; /* deprecated */
+    --color-red-brand-05-flat: #fef5f4; /* deprecated */
+    --color-red-dark: #d91d0b; /* deprecated */
+    --color-red-error: #ff5c5c; /* deprecated */
+    --color-green-text: #13a463; /* deprecated */
+    --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
+    --color-green-text-60-flat: #71c8a1; /* deprecated */
+    --color-green-done: #2fc26e; /* deprecated */
+    --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
+    --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
+    --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
+    --color-green-done-20-flat: #d5f3e2; /* deprecated */
+    --color-green-done-10-flat: #ebf9f1; /* deprecated */
+    --color-green-done-05-flat: #f4fcf7; /* deprecated */
+    --color-blue-action: #0e60b9; /* deprecated */
+    --color-blue-swipe-a: #2670c6; /* deprecated */
+    --color-blue-swipe-b: #3781d8; /* deprecated */
+    --color-blue-swipe-c: #4a90e2; /* deprecated */
+    --color-blue-link-mobile: #007aff; /* deprecated */
+    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
+    --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
+    --color-blue-link-web: #0f62fe; /* deprecated */
+    --color-sand: #f6bf65; /* deprecated */
+    --color-lavender: #8888ad; /* deprecated */
+    --color-amethyst: #a489aa; /* deprecated */
+    --color-black: #000; /* deprecated */
+    --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
+    --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
+    --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
+    --color-black-60-flat: #666; /* deprecated */
+    --color-black-30-flat: #b3b3b3; /* deprecated */
+    --color-black-10-flat: #e6e6e6; /* deprecated */
+    --color-white: #fff; /* deprecated */
+    --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
+    --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
+    --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
+    --color-bg-corporate: #212a33; /* deprecated */
+    --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
+    --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
+    --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
+    --color-bg-corporate-90-flat: #384048; /* deprecated */
+    --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
+    --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
+    --color-light-blue: #f5f7f9; /* deprecated */
 } /* deprecated */ :root {
     --color-dark-accent-primary: #f83a2a;
     --color-dark-accent-primary-hover: #ff503e;
@@ -1637,7 +1637,7 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__title_17q83 {
-} .tabs__mobile_17q83 .tabs__title_17q83 + .tabs__title_17q83 {
+} .tabs__title_1gmco {
+} .tabs__mobile_1gmco .tabs__title_1gmco + .tabs__title_1gmco {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }

package/esm/components/tab/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"tabs__component_9y627","hidden":"tabs__hidden_9y627"};
+var styles = {"component":"tabs__component_hs5ym","hidden":"tabs__hidden_hs5ym"};
 require('./index.css')
 
 var Tab = function (_a) {

package/esm/components/tab/index.css

@@ -1,8 +1,8 @@
-/* hash: 1jz09 */
-.tabs__component_9y627 {
+/* hash: 1bk4w */
+.tabs__component_hs5ym {
     outline: none;
 }
 
-.tabs__hidden_9y627 {
+.tabs__hidden_hs5ym {
     display: none;
 }

package/esm/index.module-0319b1d5.js

@@ -0,0 +1,4 @@
+var styles = {"component":"tabs__component_16jc9","desktop":"tabs__desktop_16jc9","paragraph-primary-large":"tabs__paragraph-primary-large_16jc9","title":"tabs__title_16jc9","paragraph-primary-medium":"tabs__paragraph-primary-medium_16jc9","paragraph-primary-small":"tabs__paragraph-primary-small_16jc9","action-primary-large":"tabs__action-primary-large_16jc9","action-primary-medium":"tabs__action-primary-medium_16jc9","action-primary-small":"tabs__action-primary-small_16jc9","accent-primary-large":"tabs__accent-primary-large_16jc9","accent-primary-medium":"tabs__accent-primary-medium_16jc9","accent-primary-small":"tabs__accent-primary-small_16jc9","pickerWrapper":"tabs__pickerWrapper_16jc9","option":"tabs__option_16jc9","scrollControls":"tabs__scrollControls_16jc9","headline-system-xlarge":"tabs__headline-system-xlarge_16jc9","headline-system-large":"tabs__headline-system-large_16jc9","headline-system-medium":"tabs__headline-system-medium_16jc9","headline-system-small":"tabs__headline-system-small_16jc9","headline-system-xsmall":"tabs__headline-system-xsmall_16jc9","headline-xlarge":"tabs__headline-xlarge_16jc9","headline-large":"tabs__headline-large_16jc9","headline-medium":"tabs__headline-medium_16jc9","headline-small":"tabs__headline-small_16jc9","headline-xsmall":"tabs__headline-xsmall_16jc9","fullWidthScroll":"tabs__fullWidthScroll_16jc9","container":"tabs__container_16jc9","disabled":"tabs__disabled_16jc9","focused":"tabs__focused_16jc9","collapsed":"tabs__collapsed_16jc9","selected":"tabs__selected_16jc9","line":"tabs__line_16jc9","s":"tabs__s_16jc9","xs":"tabs__xs_16jc9","xxs":"tabs__xxs_16jc9","m":"tabs__m_16jc9","l":"tabs__l_16jc9","xl":"tabs__xl_16jc9","rightAddons":"tabs__rightAddons_16jc9"};
+require('./components/primary-tablist/index.css')
+
+export { styles as s };

package/esm/index.module-d4b5f517.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_e18me","fullWidthScroll":"tabs__fullWidthScroll_e18me","container":"tabs__container_e18me","title":"tabs__title_e18me","xxs":"tabs__xxs_e18me","xs":"tabs__xs_e18me","s":"tabs__s_e18me","m":"tabs__m_e18me","l":"tabs__l_e18me","xl":"tabs__xl_e18me"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/index.module-1049c1f5.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"component":"tabs__component_16jc9","desktop":"tabs__desktop_16jc9","paragraph-primary-large":"tabs__paragraph-primary-large_16jc9","title":"tabs__title_16jc9","paragraph-primary-medium":"tabs__paragraph-primary-medium_16jc9","paragraph-primary-small":"tabs__paragraph-primary-small_16jc9","action-primary-large":"tabs__action-primary-large_16jc9","action-primary-medium":"tabs__action-primary-medium_16jc9","action-primary-small":"tabs__action-primary-small_16jc9","accent-primary-large":"tabs__accent-primary-large_16jc9","accent-primary-medium":"tabs__accent-primary-medium_16jc9","accent-primary-small":"tabs__accent-primary-small_16jc9","pickerWrapper":"tabs__pickerWrapper_16jc9","option":"tabs__option_16jc9","scrollControls":"tabs__scrollControls_16jc9","headline-system-xlarge":"tabs__headline-system-xlarge_16jc9","headline-system-large":"tabs__headline-system-large_16jc9","headline-system-medium":"tabs__headline-system-medium_16jc9","headline-system-small":"tabs__headline-system-small_16jc9","headline-system-xsmall":"tabs__headline-system-xsmall_16jc9","headline-xlarge":"tabs__headline-xlarge_16jc9","headline-large":"tabs__headline-large_16jc9","headline-medium":"tabs__headline-medium_16jc9","headline-small":"tabs__headline-small_16jc9","headline-xsmall":"tabs__headline-xsmall_16jc9","fullWidthScroll":"tabs__fullWidthScroll_16jc9","container":"tabs__container_16jc9","disabled":"tabs__disabled_16jc9","focused":"tabs__focused_16jc9","collapsed":"tabs__collapsed_16jc9","selected":"tabs__selected_16jc9","line":"tabs__line_16jc9","s":"tabs__s_16jc9","xs":"tabs__xs_16jc9","xxs":"tabs__xxs_16jc9","m":"tabs__m_16jc9","l":"tabs__l_16jc9","xl":"tabs__xl_16jc9","rightAddons":"tabs__rightAddons_16jc9"};
+require('./components/primary-tablist/index.css')
+
+exports.styles = styles;

package/index.module-106b958a.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"tabs__component_e18me","fullWidthScroll":"tabs__fullWidthScroll_e18me","container":"tabs__container_e18me","title":"tabs__title_e18me","xxs":"tabs__xxs_e18me","xs":"tabs__xs_e18me","s":"tabs__s_e18me","m":"tabs__m_e18me","l":"tabs__l_e18me","xl":"tabs__xl_e18me"};
+require('./components/secondary-tablist/index.css')
+
+exports.commonStyles = commonStyles;

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

@@ -6,7 +6,7 @@ import { PickerButtonDesktop } from '@alfalab/core-components-picker-button/mode
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-45e29a3d.js';
+import { s as styles } from '../../index.module-02d26880.js';
 
 const CollapsiblePrimaryTabList = ({ size = 'm', className, containerClassName, titles = [], selectedId = titles.length ? titles[0].id : undefined, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint = 1024, defaultMatchMediaValue, textStyle, }) => {
     const lineRef = useRef(null);

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-45e29a3d.js';
+import { s as styles } from '../../index.module-02d26880.js';
 
 const PrimaryTabListDesktop = ({ size = 'm', ...restProps }) => (React.createElement(PrimaryTabList, { ...restProps, size: size, styles: styles, platform: 'desktop' }));
 

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-45e29a3d.js';
+import { s as styles$1 } from '../../index.module-02d26880.js';
 
-const mobileStyles = {"title":"tabs__title_1iwdw tabs__title_1edc6","mobile":"tabs__mobile_1iwdw","paragraph-primary-large":"tabs__paragraph-primary-large_1iwdw","paragraph-primary-medium":"tabs__paragraph-primary-medium_1iwdw","paragraph-primary-small":"tabs__paragraph-primary-small_1iwdw","action-primary-large":"tabs__action-primary-large_1iwdw","action-primary-medium":"tabs__action-primary-medium_1iwdw","action-primary-small":"tabs__action-primary-small_1iwdw","accent-primary-large":"tabs__accent-primary-large_1iwdw","accent-primary-medium":"tabs__accent-primary-medium_1iwdw","accent-primary-small":"tabs__accent-primary-small_1iwdw","pickerWrapper":"tabs__pickerWrapper_1iwdw","option":"tabs__option_1iwdw","scrollControls":"tabs__scrollControls_1iwdw","headline-system-xlarge":"tabs__headline-system-xlarge_1iwdw","headline-system-large":"tabs__headline-system-large_1iwdw","headline-system-medium":"tabs__headline-system-medium_1iwdw","headline-system-small":"tabs__headline-system-small_1iwdw","headline-system-xsmall":"tabs__headline-system-xsmall_1iwdw","headline-xlarge":"tabs__headline-xlarge_1iwdw","headline-large":"tabs__headline-large_1iwdw","headline-medium":"tabs__headline-medium_1iwdw","headline-small":"tabs__headline-small_1iwdw","headline-xsmall":"tabs__headline-xsmall_1iwdw"};
+const mobileStyles = {"title":"tabs__title_133k4 tabs__title_16jc9","mobile":"tabs__mobile_133k4","paragraph-primary-large":"tabs__paragraph-primary-large_133k4","paragraph-primary-medium":"tabs__paragraph-primary-medium_133k4","paragraph-primary-small":"tabs__paragraph-primary-small_133k4","action-primary-large":"tabs__action-primary-large_133k4","action-primary-medium":"tabs__action-primary-medium_133k4","action-primary-small":"tabs__action-primary-small_133k4","accent-primary-large":"tabs__accent-primary-large_133k4","accent-primary-medium":"tabs__accent-primary-medium_133k4","accent-primary-small":"tabs__accent-primary-small_133k4","pickerWrapper":"tabs__pickerWrapper_133k4","option":"tabs__option_133k4","scrollControls":"tabs__scrollControls_133k4","headline-system-xlarge":"tabs__headline-system-xlarge_133k4","headline-system-large":"tabs__headline-system-large_133k4","headline-system-medium":"tabs__headline-system-medium_133k4","headline-system-small":"tabs__headline-system-small_133k4","headline-system-xsmall":"tabs__headline-system-xsmall_133k4","headline-xlarge":"tabs__headline-xlarge_133k4","headline-large":"tabs__headline-large_133k4","headline-medium":"tabs__headline-medium_133k4","headline-small":"tabs__headline-small_133k4","headline-xsmall":"tabs__headline-xsmall_133k4"};
 require('./mobile.css')
 
 const styles = {