@alfalab/core-components-tabs 7.3.3 → 7.3.5

package/components/primary-tablist/mobile.css

@@ -1,7 +1,6 @@
-/* hash: bovdu */
+/* hash: 1h8wu */
 :root {
-}:root {
-}:root {
+}/* deprecated */:root {
     --color-light-border-accent: #ef3124;
     --color-light-border-link: #007aff;
     --color-light-border-primary: #dbdee1;
@@ -9,6 +8,7 @@
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
 }:root {
+}:root {
 }:root {
 
     /* Hard */
@@ -16,6 +16,7 @@
     /* Up */
 
     /* Hard up */
+}:root {
 }:root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
@@ -28,7 +29,6 @@
 }:root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}:root {
 }:root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
@@ -90,11 +90,11 @@
     /* size l */
 
     /* size xl */
-}.tabs__component_1w0vv {
+}.tabs__component_1ab8f {
     position: relative;
     display: inline-flex;
     min-width: 100%
-}.tabs__component_1w0vv:before {
+}.tabs__component_1ab8f:before {
         content: '';
         display: block;
         position: absolute;
@@ -102,17 +102,17 @@
         height: 1px;
         width: 100%;
         background-color: var(--primary-tablist-bottom-border-color);
-    }.tabs__fullWidthScroll_1w0vv {
+    }.tabs__fullWidthScroll_1ab8f {
     min-width: calc(100% - 2 * var(--gap-m));
     margin: 0 var(--gap-m);
-}.tabs__container_1w0vv {
+}.tabs__container_1ab8f {
     position: relative;
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
-}.tabs__title_1w0vv {
+}.tabs__title_1ab8f {
     display: flex;
     align-items: center;
     height: 100%;
@@ -129,82 +129,81 @@
             user-select: none;
     cursor: pointer;
     outline: none
-}.tabs__title_1w0vv:not(.tabs__disabled_1w0vv):hover {
+}.tabs__title_1ab8f:not(.tabs__disabled_1ab8f):hover {
         color: var(--primary-tablist-hover-color);
-    }.tabs__focused_1w0vv {
+    }.tabs__focused_1ab8f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}.tabs__collapsed_1w0vv {
+}.tabs__collapsed_1ab8f {
     order: 99;
     visibility: collapse;
-}.tabs__selected_1w0vv {
+}.tabs__selected_1ab8f {
     cursor: default;
     color: var(--primary-tablist-selected-color);
-}.tabs__disabled_1w0vv {
+}.tabs__disabled_1ab8f {
     cursor: var(--disabled-cursor);
     color: var(--primary-tablist-disabled-color);
-}.tabs__line_1w0vv {
+}.tabs__line_1ab8f {
     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_1w0vv .tabs__title_1w0vv, .tabs__xs_1w0vv .tabs__title_1w0vv, .tabs__xxs_1w0vv .tabs__title_1w0vv {
+}/* sizes */.tabs__s_1ab8f .tabs__title_1ab8f, .tabs__xs_1ab8f .tabs__title_1ab8f, .tabs__xxs_1ab8f .tabs__title_1ab8f {
         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_1w0vv .tabs__title_1w0vv + .tabs__title_1w0vv, .tabs__xs_1w0vv .tabs__title_1w0vv + .tabs__title_1w0vv, .tabs__xxs_1w0vv .tabs__title_1w0vv + .tabs__title_1w0vv {
+    }.tabs__s_1ab8f .tabs__title_1ab8f + .tabs__title_1ab8f, .tabs__xs_1ab8f .tabs__title_1ab8f + .tabs__title_1ab8f, .tabs__xxs_1ab8f .tabs__title_1ab8f + .tabs__title_1ab8f {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_1w0vv .tabs__pickerWrapper_1w0vv, .tabs__xs_1w0vv .tabs__pickerWrapper_1w0vv, .tabs__xxs_1w0vv .tabs__pickerWrapper_1w0vv {
+    }.tabs__s_1ab8f .tabs__pickerWrapper_1ab8f, .tabs__xs_1ab8f .tabs__pickerWrapper_1ab8f, .tabs__xxs_1ab8f .tabs__pickerWrapper_1ab8f {
         margin-left: var(--primary-tablist-s-gaps);
-    }.tabs__s_1w0vv .tabs__option_1w0vv, .tabs__xs_1w0vv .tabs__option_1w0vv, .tabs__xxs_1w0vv .tabs__option_1w0vv {
+    }.tabs__s_1ab8f .tabs__option_1ab8f, .tabs__xs_1ab8f .tabs__option_1ab8f, .tabs__xxs_1ab8f .tabs__option_1ab8f {
         padding: 0;
-    }.tabs__m_1w0vv .tabs__title_1w0vv {
+    }.tabs__m_1ab8f .tabs__title_1ab8f {
         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_1w0vv .tabs__title_1w0vv + .tabs__title_1w0vv {
+    }.tabs__m_1ab8f .tabs__title_1ab8f + .tabs__title_1ab8f {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_1w0vv .tabs__pickerWrapper_1w0vv {
+    }.tabs__m_1ab8f .tabs__pickerWrapper_1ab8f {
         margin-left: var(--primary-tablist-m-gaps);
-    }.tabs__m_1w0vv .tabs__option_1w0vv {
+    }.tabs__m_1ab8f .tabs__option_1ab8f {
         padding: 0;
-    }.tabs__l_1w0vv .tabs__title_1w0vv {
+    }.tabs__l_1ab8f .tabs__title_1ab8f {
         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_1w0vv .tabs__title_1w0vv + .tabs__title_1w0vv {
+    }.tabs__l_1ab8f .tabs__title_1ab8f + .tabs__title_1ab8f {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_1w0vv .tabs__pickerWrapper_1w0vv {
+    }.tabs__l_1ab8f .tabs__pickerWrapper_1ab8f {
         margin-left: var(--primary-tablist-l-gaps);
-    }.tabs__l_1w0vv .tabs__option_1w0vv {
+    }.tabs__l_1ab8f .tabs__option_1ab8f {
         padding: 0;
-    }.tabs__xl_1w0vv .tabs__title_1w0vv {
+    }.tabs__xl_1ab8f .tabs__title_1ab8f {
         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_1w0vv .tabs__title_1w0vv + .tabs__title_1w0vv {
+    }.tabs__xl_1ab8f .tabs__title_1ab8f + .tabs__title_1ab8f {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_1w0vv .tabs__pickerWrapper_1w0vv {
+    }.tabs__xl_1ab8f .tabs__pickerWrapper_1ab8f {
         margin-left: var(--primary-tablist-xl-gaps);
-    }.tabs__xl_1w0vv .tabs__option_1w0vv {
+    }.tabs__xl_1ab8f .tabs__option_1ab8f {
         padding: 0;
-    }.tabs__rightAddons_1w0vv {
+    }.tabs__rightAddons_1ab8f {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-xs);
-}
-:root {
+} :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);
@@ -274,106 +273,7 @@
     --color-bg-corporate-60-flat: #7a7f85;
     --color-bg-corporate-30-flat: #bdc0c2;
     --color-light-blue: #f5f7f9;
-}
-:root {
-    --color-static-corpbg-neutral: #bdc0c2;
-    --color-static-corpbg-primary: #212a33;
-    --color-static-corpbg-secondary: #384048;
-    --color-static-corpbg-tertiary: #7a7f85;
-    --color-static-graphic-amethyst: #a489aa;
-    --color-static-graphic-blackberry: #bfafc6;
-    --color-static-graphic-blue-chill: #0f9c8c;
-    --color-static-graphic-blue-maya: #7eb3ff;
-    --color-static-graphic-blue-moody: #7879cf;
-    --color-static-graphic-blue-steel: #4f84ba;
-    --color-static-graphic-botticelli: #cee5e5;
-    --color-static-graphic-boulder: #7a7a7a;
-    --color-static-graphic-brink-pink: #fc617c;
-    --color-static-graphic-burnt-sienna: #eb7a58;
-    --color-static-graphic-carrot: #e8bba3;
-    --color-static-graphic-chatelle: #bfafc6;
-    --color-static-graphic-chathams-blue: #155966;
-    --color-static-graphic-chick: #f2db9e;
-    --color-static-graphic-crete: #847128;
-    --color-static-graphic-curious-blue: #2381db;
-    --color-static-graphic-curious-blue-light: #3b99d9;
-    --color-static-graphic-eastern-blue: #269cb3;
-    --color-static-graphic-french-lilac: #d3baed;
-    --color-static-graphic-fuel-yellow: #f29d32;
-    --color-static-graphic-fun-blue: #1d6ab5;
-    --color-static-graphic-gallery: #eee;
-    --color-static-graphic-green-jungle: #2fc26e;
-    --color-static-graphic-hippie-blue: #5aa4b0;
-    --color-static-graphic-jaffa: #f07134;
-    --color-static-graphic-jaffa-light: #f18836;
-    --color-static-graphic-java: #15c0e0;
-    --color-static-graphic-jungle-green: #2ab79a;
-    --color-static-graphic-lavender: #8888ad;
-    --color-static-graphic-mantis: #63cd4f;
-    --color-static-graphic-matisse: #16548f;
-    --color-static-graphic-milano-red: #cd1501;
-    --color-static-graphic-mirage: #1d2434;
-    --color-static-graphic-moon-raker: #e9dbf7;
-    --color-static-graphic-moss-green: #a6d29c;
-    --color-static-graphic-nevada: #626b75;
-    --color-static-graphic-olive: #bfd3c9;
-    --color-static-graphic-olivine: #87b965;
-    --color-static-graphic-peach: #fcc99b;
-    --color-static-graphic-persimmon: #ff5c5c;
-    --color-static-graphic-pewter: #96a5a5;
-    --color-static-graphic-pickled-bluewood: #2d3f50;
-    --color-static-graphic-porsche: #e7b965;
-    --color-static-graphic-raspberry: #dfb2bb;
-    --color-static-graphic-red-damask: #da713c;
-    --color-static-graphic-saffron: #f0c330;
-    --color-static-graphic-salomie: #fee984;
-    --color-static-graphic-sand: #f6bf65;
-    --color-static-graphic-sandy-brown: #f38f6f;
-    --color-static-graphic-seawater: #aecfd9;
-    --color-static-graphic-serenade: #fff0e3;
-    --color-static-graphic-sky: #a6c0db;
-    --color-static-graphic-soft-peach: #f3eaeb;
-    --color-static-graphic-solitude: #e8f2fe;
-    --color-static-graphic-strawberry: #f8b6a9;
-    --color-static-graphic-sundust: #d9d6ce;
-    --color-static-graphic-turkish-rose: #b56a6b;
-    --color-static-graphic-turquoise-blue: #6bd3e6;
-    --color-static-graphic-valencia: #d8463b;
-    --color-static-graphic-waikawa-gray: #5b6d9c;
-    --color-static-graphic-whisper: #f2eff6;
-    --color-static-graphic-zanah: #e1f0de;
-    --color-static-local-light-blue: #f5f7f9;
-    --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
-    --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
-    --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
-    --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
-    --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
-    --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
-    --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
-    --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
-    --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
-    --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
-    --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
-    --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
-    --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
-    --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
-    --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
-    --color-static-status-blue: #007aff;
-    --color-static-status-green: #13a463;
-    --color-static-status-grey: #6d7986;
-    --color-static-status-orange: #de6a00;
-    --color-static-status-purple: #673ab7;
-    --color-static-status-red: #d91d0b;
-    --color-static-status-teal: #219187;
-    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
-    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
-    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
-    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
-    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
-    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
-    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
-}
-:root {
+} /* deprecated */ :root {
     --color-dark-bg-accent: #ef3124;
     --color-dark-bg-attention-muted: #432000;
     --color-dark-bg-info: #001c3c;
@@ -825,8 +725,104 @@
     --color-static-bg-primary-dark-alpha-10: rgba(11, 31, 53, 0.1);
     --color-static-bg-primary-dark-alpha-20: rgba(11, 31, 53, 0.2);
     --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
-}
-:root {
+} :root {
+    --color-static-corpbg-neutral: #bdc0c2;
+    --color-static-corpbg-primary: #212a33;
+    --color-static-corpbg-secondary: #384048;
+    --color-static-corpbg-tertiary: #7a7f85;
+    --color-static-graphic-amethyst: #a489aa;
+    --color-static-graphic-blackberry: #bfafc6;
+    --color-static-graphic-blue-chill: #0f9c8c;
+    --color-static-graphic-blue-maya: #7eb3ff;
+    --color-static-graphic-blue-moody: #7879cf;
+    --color-static-graphic-blue-steel: #4f84ba;
+    --color-static-graphic-botticelli: #cee5e5;
+    --color-static-graphic-boulder: #7a7a7a;
+    --color-static-graphic-brink-pink: #fc617c;
+    --color-static-graphic-burnt-sienna: #eb7a58;
+    --color-static-graphic-carrot: #e8bba3;
+    --color-static-graphic-chatelle: #bfafc6;
+    --color-static-graphic-chathams-blue: #155966;
+    --color-static-graphic-chick: #f2db9e;
+    --color-static-graphic-crete: #847128;
+    --color-static-graphic-curious-blue: #2381db;
+    --color-static-graphic-curious-blue-light: #3b99d9;
+    --color-static-graphic-eastern-blue: #269cb3;
+    --color-static-graphic-french-lilac: #d3baed;
+    --color-static-graphic-fuel-yellow: #f29d32;
+    --color-static-graphic-fun-blue: #1d6ab5;
+    --color-static-graphic-gallery: #eee;
+    --color-static-graphic-green-jungle: #2fc26e;
+    --color-static-graphic-hippie-blue: #5aa4b0;
+    --color-static-graphic-jaffa: #f07134;
+    --color-static-graphic-jaffa-light: #f18836;
+    --color-static-graphic-java: #15c0e0;
+    --color-static-graphic-jungle-green: #2ab79a;
+    --color-static-graphic-lavender: #8888ad;
+    --color-static-graphic-mantis: #63cd4f;
+    --color-static-graphic-matisse: #16548f;
+    --color-static-graphic-milano-red: #cd1501;
+    --color-static-graphic-mirage: #1d2434;
+    --color-static-graphic-moon-raker: #e9dbf7;
+    --color-static-graphic-moss-green: #a6d29c;
+    --color-static-graphic-nevada: #626b75;
+    --color-static-graphic-olive: #bfd3c9;
+    --color-static-graphic-olivine: #87b965;
+    --color-static-graphic-peach: #fcc99b;
+    --color-static-graphic-persimmon: #ff5c5c;
+    --color-static-graphic-pewter: #96a5a5;
+    --color-static-graphic-pickled-bluewood: #2d3f50;
+    --color-static-graphic-porsche: #e7b965;
+    --color-static-graphic-raspberry: #dfb2bb;
+    --color-static-graphic-red-damask: #da713c;
+    --color-static-graphic-saffron: #f0c330;
+    --color-static-graphic-salomie: #fee984;
+    --color-static-graphic-sand: #f6bf65;
+    --color-static-graphic-sandy-brown: #f38f6f;
+    --color-static-graphic-seawater: #aecfd9;
+    --color-static-graphic-serenade: #fff0e3;
+    --color-static-graphic-sky: #a6c0db;
+    --color-static-graphic-soft-peach: #f3eaeb;
+    --color-static-graphic-solitude: #e8f2fe;
+    --color-static-graphic-strawberry: #f8b6a9;
+    --color-static-graphic-sundust: #d9d6ce;
+    --color-static-graphic-turkish-rose: #b56a6b;
+    --color-static-graphic-turquoise-blue: #6bd3e6;
+    --color-static-graphic-valencia: #d8463b;
+    --color-static-graphic-waikawa-gray: #5b6d9c;
+    --color-static-graphic-whisper: #f2eff6;
+    --color-static-graphic-zanah: #e1f0de;
+    --color-static-local-light-blue: #f5f7f9;
+    --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
+    --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
+    --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
+    --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
+    --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
+    --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
+    --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
+    --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
+    --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
+    --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
+    --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
+    --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
+    --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
+    --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
+    --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
+    --color-static-status-blue: #007aff;
+    --color-static-status-green: #13a463;
+    --color-static-status-grey: #6d7986;
+    --color-static-status-orange: #de6a00;
+    --color-static-status-purple: #673ab7;
+    --color-static-status-red: #d91d0b;
+    --color-static-status-teal: #219187;
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
+} :root {
     --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
     --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
     --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -851,8 +847,7 @@
     --color-static-senary-light: rgba(255, 255, 255, 0.12);
     --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
     --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
-}
-:root {
+} :root {
     --shadow-xs: 0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04);
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
@@ -889,8 +884,17 @@
         0 -12px 24px rgba(11, 31, 53, 0.16);
     --shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32),
         0 -16px 32px rgba(11, 31, 53, 0.16);
-}
-:root {
+} :root {
+    --border-radius-xs: 2px;
+    --border-radius-s: 4px;
+    --border-radius-m: 8px;
+    --border-radius-l: 12px;
+    --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
+    --border-radius-3xl: 24px;
+    --border-radius-circle: 50%;
+    --border-radius-pill: 99px;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
@@ -919,25 +923,12 @@
     --gap-6xl-neg: -72px;
     --gap-7xl-neg: -96px;
     --gap-8xl-neg: -128px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
-}
-:root {
-    --border-radius-xs: 2px;
-    --border-radius-s: 4px;
-    --border-radius-m: 8px;
-    --border-radius-l: 12px;
-    --border-radius-xl: 16px;
-    --border-radius-xxl: 20px;
-    --border-radius-3xl: 24px;
-    --border-radius-circle: 50%;
-    --border-radius-pill: 99px;
-}
-:root {
+} :root {
     --text-primary-color: var(--color-light-text-primary);
     --text-secondary-color: var(--color-light-text-secondary);
     --text-tertiary-color: var(--color-light-text-tertiary);
@@ -946,13 +937,13 @@
         sans-serif;
     --disabled-cursor: not-allowed;
     --arrow-transform: rotate(180deg);
-    --size-xs-height: 32px;
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
     --primary-tablist-color: var(--color-light-text-secondary);
     --primary-tablist-hover-color: var(--color-light-text-primary);
     --primary-tablist-selected-color: var(--color-light-text-primary);
@@ -1017,16 +1008,13 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}
-.tabs__title_f1h14 {
-}
-.tabs__mobile_f1h14 .tabs__title_f1h14 {
+} .tabs__title_tfqy8 {
+} .tabs__mobile_tfqy8 .tabs__title_tfqy8 {
         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_f1h14 .tabs__title_f1h14 + .tabs__title_f1h14 {
+    } .tabs__mobile_tfqy8 .tabs__title_tfqy8 + .tabs__title_tfqy8 {
             margin-left: var(--primary-tablist-mobile-gaps);
         }

package/components/scrollable-container/Component.js

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

package/components/scrollable-container/index.css

@@ -1,18 +1,23 @@
-/* hash: 1nw7t */
+/* hash: 1grs6 */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-2xs-neg: -4px;
     --gap-m-neg: -16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* mobile */
 
@@ -37,8 +42,7 @@
     /* size l */
 
     /* size xl */
-}
-.tabs__container_1lf44 {
+} .tabs__container_cqz45 {
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
@@ -48,13 +52,10 @@
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
-}
-.tabs__container_1lf44::-webkit-scrollbar {
+} .tabs__container_cqz45::-webkit-scrollbar {
         display: none;
-    }
-.tabs__container_1lf44 > * {
+    } .tabs__container_cqz45 > * {
         flex-shrink: 0;
-    }
-.tabs__fullWidthScroll_1lf44 {
+    } .tabs__fullWidthScroll_cqz45 {
     margin: 0 var(--gap-m-neg);
 }

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-edd9cdac.js');
+var tslib_es6 = require('../../tslib.es6-95ad71fb.js');
 var React = require('react');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-a5052a1c.js');
+var index_module = require('../../index.module-3467e7f3.js');
 require('classnames');
 require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');

package/components/secondary-tablist/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-edd9cdac.js');
+var tslib_es6 = require('../../tslib.es6-95ad71fb.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('@alfalab/core-components-tag');

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-edd9cdac.js');
+var tslib_es6 = require('../../tslib.es6-95ad71fb.js');
 var React = require('react');
 var cn = require('classnames');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-a5052a1c.js');
+var index_module = require('../../index.module-3467e7f3.js');
 require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var mobileStyles = {"title":"tabs__title_qaf9d tabs__title_1p09l","mobile":"tabs__mobile_qaf9d"};
+var mobileStyles = {"title":"tabs__title_ws13q tabs__title_4dfg7","mobile":"tabs__mobile_ws13q"};
 require('./mobile.css')
 
 var styles = tslib_es6.__assign(tslib_es6.__assign({}, index_module.commonStyles), mobileStyles);

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-edd9cdac.js');
+var tslib_es6 = require('../../tslib.es6-95ad71fb.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var components_secondaryTablist_Component_desktop = require('./Component.desktop.js');
@@ -11,7 +11,7 @@ require('@alfalab/core-components-tag');
 require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
-require('../../index.module-a5052a1c.js');
+require('../../index.module-3467e7f3.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }