@alfalab/core-components-tabs 8.10.0 → 8.10.2

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

@@ -28,6 +28,7 @@
     --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -43,7 +44,7 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} :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);
@@ -59,28 +60,28 @@
     --primary-tablist-s-font-size: 18px;
     --primary-tablist-s-font-weight: 400;
     --primary-tablist-s-font-family: var(--font-family-system);
-    --primary-tablist-s-padding: 0 0 var(--gap-12);
+    --primary-tablist-s-padding: var(--gap-0) var(--gap-0) var(--gap-12);
 
     /* size m */
     --primary-tablist-m-gaps: var(--gap-32);
     --primary-tablist-m-font-size: 18px;
     --primary-tablist-m-font-weight: 400;
     --primary-tablist-m-font-family: var(--font-family-system);
-    --primary-tablist-m-padding: 0 0 var(--gap-16);
+    --primary-tablist-m-padding: var(--gap-0) var(--gap-0) var(--gap-16);
 
     /* size l */
     --primary-tablist-l-gaps: var(--gap-32);
     --primary-tablist-l-font-size: 18px;
     --primary-tablist-l-font-weight: 400;
     --primary-tablist-l-font-family: var(--font-family-system);
-    --primary-tablist-l-padding: 0 0 var(--gap-20);
+    --primary-tablist-l-padding: var(--gap-0) var(--gap-0) var(--gap-20);
 
     /* size xl */
     --primary-tablist-xl-gaps: var(--gap-32);
     --primary-tablist-xl-font-size: 18px;
     --primary-tablist-xl-font-weight: 400;
     --primary-tablist-xl-font-family: var(--font-family-system);
-    --primary-tablist-xl-padding: 0 0 var(--gap-20);
+    --primary-tablist-xl-padding: var(--gap-0) var(--gap-0) var(--gap-20);
 
     /* mobile */
 
@@ -159,14 +160,14 @@
     .desktop.action-primary-medium .pickerWrapper {
         margin-left: 24px;
     } .desktop.paragraph-primary-large .option, .desktop.paragraph-primary-medium .option, .desktop.accent-primary-large .option, .desktop.accent-primary-medium .option, .desktop.action-primary-large .option, .desktop.action-primary-medium .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.paragraph-primary-large .scrollControls > button, .desktop.paragraph-primary-medium .scrollControls > button, .desktop.accent-primary-large .scrollControls > button, .desktop.accent-primary-medium .scrollControls > button, .desktop.action-primary-large .scrollControls > button, .desktop.action-primary-medium .scrollControls > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.paragraph-primary-large .scrollControls button:first-child, .desktop.paragraph-primary-medium .scrollControls button:first-child, .desktop.accent-primary-large .scrollControls button:first-child, .desktop.accent-primary-medium .scrollControls button:first-child, .desktop.action-primary-large .scrollControls button:first-child, .desktop.action-primary-medium .scrollControls button:first-child {
-            margin: 0 0 0 calc(24px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
         } .desktop.paragraph-primary-small .title, .desktop.accent-primary-small .title, .desktop.action-primary-small .title {
         padding-bottom: calc(20px / 2);
     } .desktop.paragraph-primary-small .title + .title,
@@ -177,14 +178,14 @@
     .desktop.action-primary-small .pickerWrapper {
         margin-left: 20px;
     } .desktop.paragraph-primary-small .option, .desktop.accent-primary-small .option, .desktop.action-primary-small .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.paragraph-primary-small .scrollControls > button, .desktop.accent-primary-small .scrollControls > button, .desktop.action-primary-small .scrollControls > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.paragraph-primary-small .scrollControls button:first-child, .desktop.accent-primary-small .scrollControls button:first-child, .desktop.action-primary-small .scrollControls button:first-child {
-            margin: 0 0 0 calc(20px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
         } .desktop.headline-system-xlarge .title {
         font-size: 48px;
         line-height: 52px;
@@ -241,14 +242,14 @@
     .desktop.headline-system-xlarge .pickerWrapper {
         margin-left: 52px;
     } .desktop.headline-system-xlarge .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-system-xlarge .scrollControls > button {
             box-sizing: content-box;
             width: 52px;
             height: 52px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-system-xlarge .scrollControls button:first-child {
-            margin: 0 0 0 calc(52px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(52px / 2);
         } .desktop.headline-system-large .title, .desktop.headline-large .title {
         padding-bottom: calc(48px / 2);
     } .desktop.headline-system-large .title + .title,
@@ -257,127 +258,127 @@
     .desktop.headline-large .pickerWrapper {
         margin-left: 48px;
     } .desktop.headline-system-large .option, .desktop.headline-large .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-system-large .scrollControls > button, .desktop.headline-large .scrollControls > button {
             box-sizing: content-box;
             width: 48px;
             height: 48px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-system-large .scrollControls button:first-child, .desktop.headline-large .scrollControls button:first-child {
-            margin: 0 0 0 calc(48px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(48px / 2);
         } .desktop.headline-system-medium .title {
         padding-bottom: calc(36px / 2);
     } .desktop.headline-system-medium .title + .title,
     .desktop.headline-system-medium .pickerWrapper {
         margin-left: 36px;
     } .desktop.headline-system-medium .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-system-medium .scrollControls > button {
             box-sizing: content-box;
             width: 36px;
             height: 36px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-system-medium .scrollControls button:first-child {
-            margin: 0 0 0 calc(36px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
         } .desktop.headline-system-small .title {
         padding-bottom: calc(26px / 2);
     } .desktop.headline-system-small .title + .title,
     .desktop.headline-system-small .pickerWrapper {
         margin-left: 26px;
     } .desktop.headline-system-small .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-system-small .scrollControls > button {
             box-sizing: content-box;
             width: 26px;
             height: 26px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-system-small .scrollControls button:first-child {
-            margin: 0 0 0 calc(26px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(26px / 2);
         } .desktop.headline-system-xsmall .title {
         padding-bottom: calc(22px / 2);
     } .desktop.headline-system-xsmall .title + .title,
     .desktop.headline-system-xsmall .pickerWrapper {
         margin-left: 22px;
     } .desktop.headline-system-xsmall .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-system-xsmall .scrollControls > button {
             box-sizing: content-box;
             width: 22px;
             height: 22px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-system-xsmall .scrollControls button:first-child {
-            margin: 0 0 0 calc(22px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(22px / 2);
         } .desktop.headline-xlarge .title {
         padding-bottom: calc(64px / 2);
     } .desktop.headline-xlarge .title + .title,
     .desktop.headline-xlarge .pickerWrapper {
         margin-left: 64px;
     } .desktop.headline-xlarge .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-xlarge .scrollControls > button {
             box-sizing: content-box;
             width: 64px;
             height: 64px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-xlarge .scrollControls button:first-child {
-            margin: 0 0 0 calc(64px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(64px / 2);
         } .desktop.headline-medium .title {
         padding-bottom: calc(40px / 2);
     } .desktop.headline-medium .title + .title,
     .desktop.headline-medium .pickerWrapper {
         margin-left: 40px;
     } .desktop.headline-medium .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-medium .scrollControls > button {
             box-sizing: content-box;
             width: 40px;
             height: 40px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-medium .scrollControls button:first-child {
-            margin: 0 0 0 calc(40px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
         } .desktop.headline-small .title {
         padding-bottom: calc(32px / 2);
     } .desktop.headline-small .title + .title,
     .desktop.headline-small .pickerWrapper {
         margin-left: 32px;
     } .desktop.headline-small .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-small .scrollControls > button {
             box-sizing: content-box;
             width: 32px;
             height: 32px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-small .scrollControls button:first-child {
-            margin: 0 0 0 calc(32px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
         } .desktop.headline-xsmall .title {
         padding-bottom: calc(24px / 2);
     } .desktop.headline-xsmall .title + .title,
     .desktop.headline-xsmall .pickerWrapper {
         margin-left: 24px;
     } .desktop.headline-xsmall .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .desktop.headline-xsmall .scrollControls > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
-            padding: 0;
+            padding: var(--gap-0);
         } .desktop.headline-xsmall .scrollControls button:first-child {
-            margin: 0 0 0 calc(24px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
         } .fullWidthScroll {
     min-width: calc(100% - 2 * var(--gap-16));
-    margin: 0 var(--gap-16);
+    margin: var(--gap-0) var(--gap-16);
 } .container {
     position: relative;
     overflow: hidden;
 
     /* focus-outline fix */
-    margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
-    padding: var(--gap-4) 0 var(--gap-4) var(--gap-4);
+    margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
+    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
 } .title {
     display: flex;
     align-items: center;
     height: 100%;
-    padding: 0;
+    padding: var(--gap-0);
     cursor: pointer;
     color: var(--primary-tablist-color);
     font-feature-settings: var(--primary-tablist-font-feature-settings);
@@ -406,8 +407,8 @@
 } .line {
     position: absolute;
     height: 3px;
-    bottom: 0;
-    left: 0;
+    bottom: var(--gap-0);
+    left: var(--gap-0);
     background-color: var(--primary-tablist-line-color);
     transition: transform 0.2s ease, width 0.2s ease;
 } .option {
@@ -423,7 +424,7 @@
     } .s .pickerWrapper, .xs .pickerWrapper, .xxs .pickerWrapper {
         margin-left: var(--primary-tablist-s-gaps);
     } .s .option, .xs .option, .xxs .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .m .title {
         padding: var(--primary-tablist-m-padding);
         font-size: var(--primary-tablist-m-font-size);
@@ -435,7 +436,7 @@
     } .m .pickerWrapper {
         margin-left: var(--primary-tablist-m-gaps);
     } .m .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .l .title {
         padding: var(--primary-tablist-l-padding);
         font-size: var(--primary-tablist-l-font-size);
@@ -447,7 +448,7 @@
     } .l .pickerWrapper {
         margin-left: var(--primary-tablist-l-gaps);
     } .l .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .xl .title {
         padding: var(--primary-tablist-xl-padding);
         font-size: var(--primary-tablist-xl-font-size);
@@ -459,12 +460,12 @@
     } .xl .pickerWrapper {
         margin-left: var(--primary-tablist-xl-gaps);
     } .xl .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .rightAddons {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-8);
 } .rightAddonsMarginZero {
-    margin-left: 0;
+    margin-left: var(--gap-0);
 }

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

@@ -17,6 +17,7 @@
     --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
 } :root {
@@ -25,7 +26,7 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* mobile */
     --primary-tablist-mobile-gaps: var(--gap-24);
@@ -33,7 +34,7 @@
     --primary-tablist-mobile-line-height: 24px;
     --primary-tablist-mobile-font-weight: 400;
     --primary-tablist-mobile-font-family: var(--font-family-system);
-    --primary-tablist-mobile-padding: 0 0 var(--gap-12);
+    --primary-tablist-mobile-padding: var(--gap-0) var(--gap-0) var(--gap-12);
 
     /* size s */
 
@@ -118,14 +119,14 @@
     .mobile.action-primary-medium .pickerWrapper {
         margin-left: 24px;
     } .mobile.paragraph-primary-large .option, .mobile.paragraph-primary-medium .option, .mobile.accent-primary-large .option, .mobile.accent-primary-medium .option, .mobile.action-primary-large .option, .mobile.action-primary-medium .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .mobile.paragraph-primary-large .scrollControls > button, .mobile.paragraph-primary-medium .scrollControls > button, .mobile.accent-primary-large .scrollControls > button, .mobile.accent-primary-medium .scrollControls > button, .mobile.action-primary-large .scrollControls > button, .mobile.action-primary-medium .scrollControls > button {
             box-sizing: content-box;
             width: 24px;
             height: 24px;
-            padding: 0;
+            padding: var(--gap-0);
         } .mobile.paragraph-primary-large .scrollControls button:first-child, .mobile.paragraph-primary-medium .scrollControls button:first-child, .mobile.accent-primary-large .scrollControls button:first-child, .mobile.accent-primary-medium .scrollControls button:first-child, .mobile.action-primary-large .scrollControls button:first-child, .mobile.action-primary-medium .scrollControls button:first-child {
-            margin: 0 0 0 calc(24px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(24px / 2);
         } .mobile.paragraph-primary-small .title, .mobile.accent-primary-small .title, .mobile.action-primary-small .title {
         padding-bottom: calc(20px / 2);
     } .mobile.paragraph-primary-small .title + .title,
@@ -136,14 +137,14 @@
     .mobile.action-primary-small .pickerWrapper {
         margin-left: 20px;
     } .mobile.paragraph-primary-small .option, .mobile.accent-primary-small .option, .mobile.action-primary-small .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .mobile.paragraph-primary-small .scrollControls > button, .mobile.accent-primary-small .scrollControls > button, .mobile.action-primary-small .scrollControls > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
-            padding: 0;
+            padding: var(--gap-0);
         } .mobile.paragraph-primary-small .scrollControls button:first-child, .mobile.accent-primary-small .scrollControls button:first-child, .mobile.action-primary-small .scrollControls button:first-child {
-            margin: 0 0 0 calc(20px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
         } .mobile.headline-system-xlarge .title {
         font-size: 34px;
         line-height: 40px;
@@ -202,14 +203,14 @@
     .mobile.headline-xlarge .pickerWrapper {
         margin-left: 40px;
     } .mobile.headline-system-xlarge .option, .mobile.headline-xlarge .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .mobile.headline-system-xlarge .scrollControls > button, .mobile.headline-xlarge .scrollControls > button {
             box-sizing: content-box;
             width: 40px;
             height: 40px;
-            padding: 0;
+            padding: var(--gap-0);
         } .mobile.headline-system-xlarge .scrollControls button:first-child, .mobile.headline-xlarge .scrollControls button:first-child {
-            margin: 0 0 0 calc(40px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(40px / 2);
         } .mobile.headline-system-large .title, .mobile.headline-large .title {
         padding-bottom: calc(36px / 2);
     } .mobile.headline-system-large .title + .title,
@@ -218,14 +219,14 @@
     .mobile.headline-large .pickerWrapper {
         margin-left: 36px;
     } .mobile.headline-system-large .option, .mobile.headline-large .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .mobile.headline-system-large .scrollControls > button, .mobile.headline-large .scrollControls > button {
             box-sizing: content-box;
             width: 36px;
             height: 36px;
-            padding: 0;
+            padding: var(--gap-0);
         } .mobile.headline-system-large .scrollControls button:first-child, .mobile.headline-large .scrollControls button:first-child {
-            margin: 0 0 0 calc(36px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(36px / 2);
         } .mobile.headline-system-medium .title, .mobile.headline-medium .title {
         padding-bottom: calc(32px / 2);
     } .mobile.headline-system-medium .title + .title,
@@ -234,14 +235,14 @@
     .mobile.headline-medium .pickerWrapper {
         margin-left: 32px;
     } .mobile.headline-system-medium .option, .mobile.headline-medium .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .mobile.headline-system-medium .scrollControls > button, .mobile.headline-medium .scrollControls > button {
             box-sizing: content-box;
             width: 32px;
             height: 32px;
-            padding: 0;
+            padding: var(--gap-0);
         } .mobile.headline-system-medium .scrollControls button:first-child, .mobile.headline-medium .scrollControls button:first-child {
-            margin: 0 0 0 calc(32px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(32px / 2);
         } .mobile.headline-system-small .title, .mobile.headline-small .title {
         padding-bottom: calc(28px / 2);
     } .mobile.headline-system-small .title + .title,
@@ -250,14 +251,14 @@
     .mobile.headline-small .pickerWrapper {
         margin-left: 28px;
     } .mobile.headline-system-small .option, .mobile.headline-small .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .mobile.headline-system-small .scrollControls > button, .mobile.headline-small .scrollControls > button {
             box-sizing: content-box;
             width: 28px;
             height: 28px;
-            padding: 0;
+            padding: var(--gap-0);
         } .mobile.headline-system-small .scrollControls button:first-child, .mobile.headline-small .scrollControls button:first-child {
-            margin: 0 0 0 calc(28px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(28px / 2);
         } .mobile.headline-system-xsmall .title, .mobile.headline-xsmall .title {
         padding-bottom: calc(20px / 2);
     } .mobile.headline-system-xsmall .title + .title,
@@ -266,12 +267,12 @@
     .mobile.headline-xsmall .pickerWrapper {
         margin-left: 20px;
     } .mobile.headline-system-xsmall .option, .mobile.headline-xsmall .option {
-        padding: 0;
+        padding: var(--gap-0);
     } .mobile.headline-system-xsmall .scrollControls > button, .mobile.headline-xsmall .scrollControls > button {
             box-sizing: content-box;
             width: 20px;
             height: 20px;
-            padding: 0;
+            padding: var(--gap-0);
         } .mobile.headline-system-xsmall .scrollControls button:first-child, .mobile.headline-xsmall .scrollControls button:first-child {
-            margin: 0 0 0 calc(20px / 2);
+            margin: var(--gap-0) var(--gap-0) var(--gap-0) calc(20px / 2);
         }

package/cssm/components/primary-tablist/text-styles.module.css

@@ -17,4 +17,4 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-}
+} /* сбрасывает синюю подсветку при нажатии */

package/cssm/components/scroll-controls/index.module.css

@@ -19,11 +19,12 @@
     --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
     --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-500);
 
     /* mobile */
@@ -79,12 +80,12 @@
         content: '';
         display: block;
         position: absolute;
-        top: 0;
-        left: 0;
+        top: var(--gap-0);
+        left: var(--gap-0);
         width: 1px;
         background-color: transparent;
         transition: background-color 0.3s ease;
-        bottom: 0;
+        bottom: var(--gap-0);
     } .secondary.xs {
         width: 76px;
 

package/cssm/components/scrollable-container/index.module.css

@@ -18,12 +18,13 @@
     --gap-m-neg: -16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-4-neg: var(--gap-2xs-neg);
     --gap-16-neg: var(--gap-m-neg);
 } :root {
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* mobile */
 
@@ -59,13 +60,13 @@
     flex: 1;
 
     /* focus-outline fix */
-    margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
-    padding: var(--gap-4) 0 var(--gap-4) var(--gap-4)
+    margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
+    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4)
 } .container::-webkit-scrollbar {
         display: none;
     } .container > * {
         flex-shrink: 0;
     } .fullWidthScroll {
-    padding-left: 0;
+    padding-left: var(--gap-0);
     margin: var(--gap-4-neg) var(--gap-16-neg);
 }

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

@@ -20,6 +20,7 @@
     --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -27,7 +28,7 @@
     --gap-4-neg: var(--gap-2xs-neg);
 } :root {
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* mobile */
 
@@ -62,13 +63,13 @@
     position: relative;
     display: inline-flex;
 } .fullWidthScroll {
-    margin: 0 var(--gap-16);
+    margin: var(--gap-0) var(--gap-16);
 } .container {
     overflow: hidden;
 
     /* focus-outline fix */
-    margin: var(--gap-4-neg) 0 var(--gap-4-neg) var(--gap-4-neg);
-    padding: var(--gap-4) 0 var(--gap-4) var(--gap-4);
+    margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
+    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
 } .title {
     white-space: nowrap;
 } /* sizes */ .xxs .title + .title,

package/cssm/components/secondary-tablist/mobile.module.css

@@ -19,7 +19,7 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* mobile */
 

package/cssm/vars.css

@@ -17,7 +17,7 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
 
     /* mobile */
 

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

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '@alfalab/core-components-picker-button/esm/
 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-b5db675e.js';
+import { s as styles } from '../../index.module-145fd36b.js';
 
 var CollapsiblePrimaryTabList = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'm' : _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, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ? 1024 : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;

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

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-b5db675e.js';
+import { s as styles } from '../../index.module-145fd36b.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.mobile.js

@@ -1,9 +1,9 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-b5db675e.js';
+import { s as styles$1 } from '../../index.module-145fd36b.js';
 
-var mobileStyles = {"title":"tabs__title_14ysz tabs__title_187rr","mobile":"tabs__mobile_14ysz","paragraph-primary-large":"tabs__paragraph-primary-large_14ysz","paragraph-primary-medium":"tabs__paragraph-primary-medium_14ysz","paragraph-primary-small":"tabs__paragraph-primary-small_14ysz","action-primary-large":"tabs__action-primary-large_14ysz","action-primary-medium":"tabs__action-primary-medium_14ysz","action-primary-small":"tabs__action-primary-small_14ysz","accent-primary-large":"tabs__accent-primary-large_14ysz","accent-primary-medium":"tabs__accent-primary-medium_14ysz","accent-primary-small":"tabs__accent-primary-small_14ysz","pickerWrapper":"tabs__pickerWrapper_14ysz","option":"tabs__option_14ysz","scrollControls":"tabs__scrollControls_14ysz","headline-system-xlarge":"tabs__headline-system-xlarge_14ysz","headline-system-large":"tabs__headline-system-large_14ysz","headline-system-medium":"tabs__headline-system-medium_14ysz","headline-system-small":"tabs__headline-system-small_14ysz","headline-system-xsmall":"tabs__headline-system-xsmall_14ysz","headline-xlarge":"tabs__headline-xlarge_14ysz","headline-large":"tabs__headline-large_14ysz","headline-medium":"tabs__headline-medium_14ysz","headline-small":"tabs__headline-small_14ysz","headline-xsmall":"tabs__headline-xsmall_14ysz"};
+var mobileStyles = {"title":"tabs__title_16lqr tabs__title_1sgqp","mobile":"tabs__mobile_16lqr","paragraph-primary-large":"tabs__paragraph-primary-large_16lqr","paragraph-primary-medium":"tabs__paragraph-primary-medium_16lqr","paragraph-primary-small":"tabs__paragraph-primary-small_16lqr","action-primary-large":"tabs__action-primary-large_16lqr","action-primary-medium":"tabs__action-primary-medium_16lqr","action-primary-small":"tabs__action-primary-small_16lqr","accent-primary-large":"tabs__accent-primary-large_16lqr","accent-primary-medium":"tabs__accent-primary-medium_16lqr","accent-primary-small":"tabs__accent-primary-small_16lqr","pickerWrapper":"tabs__pickerWrapper_16lqr","option":"tabs__option_16lqr","scrollControls":"tabs__scrollControls_16lqr","headline-system-xlarge":"tabs__headline-system-xlarge_16lqr","headline-system-large":"tabs__headline-system-large_16lqr","headline-system-medium":"tabs__headline-system-medium_16lqr","headline-system-small":"tabs__headline-system-small_16lqr","headline-system-xsmall":"tabs__headline-system-xsmall_16lqr","headline-xlarge":"tabs__headline-xlarge_16lqr","headline-large":"tabs__headline-large_16lqr","headline-medium":"tabs__headline-medium_16lqr","headline-small":"tabs__headline-small_16lqr","headline-xsmall":"tabs__headline-xsmall_16lqr"};
 require('./mobile.css')
 
 var styles = __assign(__assign({}, styles$1), mobileStyles);