@alfalab/core-components 47.14.0-beta.0 → 47.14.0

package/themes/click.css

@@ -1481,38 +1481,38 @@
 
     /* новые значения, используйте их */
     --gap-0: 0;
-    --gap-2: 2px;
-    --gap-4: 4px;
-    --gap-8: 8px;
-    --gap-12: 12px;
-    --gap-16: 16px;
-    --gap-20: 20px;
-    --gap-24: 24px;
-    --gap-32: 32px;
-    --gap-40: 40px;
-    --gap-48: 48px;
+    --gap-2: var(--gap-3xs);
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
+    --gap-48: var(--gap-4xl);
     --gap-56: 56px;
-    --gap-64: 64px;
-    --gap-72: 72px;
+    --gap-64: var(--gap-5xl);
+    --gap-72: var(--gap-6xl);
     --gap-80: 80px;
-    --gap-96: 96px;
-    --gap-128: 128px;
-    --gap-2-neg: -2px;
-    --gap-4-neg: -4px;
-    --gap-8-neg: -8px;
-    --gap-12-neg: -12px;
-    --gap-16-neg: -16px;
-    --gap-20-neg: -20px;
-    --gap-24-neg: -24px;
-    --gap-32-neg: -32px;
-    --gap-40-neg: -40px;
-    --gap-48-neg: -48px;
+    --gap-96: var(--gap-7xl);
+    --gap-128: var(--gap-8xl);
+    --gap-2-neg: var(--gap-3xs-neg);
+    --gap-4-neg: var(--gap-2xs-neg);
+    --gap-8-neg: var(--gap-xs-neg);
+    --gap-12-neg: var(--gap-s-neg);
+    --gap-16-neg: var(--gap-m-neg);
+    --gap-20-neg: var(--gap-l-neg);
+    --gap-24-neg: var(--gap-xl-neg);
+    --gap-32-neg: var(--gap-2xl-neg);
+    --gap-40-neg: var(--gap-3xl-neg);
+    --gap-48-neg: var(--gap-4xl-neg);
     --gap-56-neg: -56px;
-    --gap-64-neg: -64px;
-    --gap-72-neg: -72px;
+    --gap-64-neg: var(--gap-5xl-neg);
+    --gap-72-neg: var(--gap-6xl-neg);
     --gap-80-neg: -80px;
-    --gap-96-neg: -96px;
-    --gap-128-neg: -128px;
+    --gap-96-neg: var(--gap-7xl-neg);
+    --gap-128-neg: var(--gap-8xl-neg);
 }
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
@@ -1575,7 +1575,7 @@
 
     --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-1300);
     /* checkmark */
-    --select-checkmark-margin-after: 0 0 0 var(--gap-s);
+    --select-checkmark-margin-after: 0 0 0 var(--gap-12);
     --select-checkmark-size: 24px;
     --select-checkmark-before-display: none;
     --select-checkmark-after-display: none;
@@ -1599,19 +1599,19 @@
     --primary-tablist-s-font-size: 18px;
     --primary-tablist-s-font-weight: 500;
     --primary-tablist-s-font-family: var(--font-family-system);
-    --primary-tablist-s-padding: var(--gap-s) 0;
+    --primary-tablist-s-padding: var(--gap-12) 0;
     --primary-tablist-m-font-size: 20px;
     --primary-tablist-m-font-weight: 500;
     --primary-tablist-m-font-family: var(--font-family-styrene);
-    --primary-tablist-m-padding: var(--gap-s) 0;
+    --primary-tablist-m-padding: var(--gap-12) 0;
     --primary-tablist-l-font-size: 24px;
     --primary-tablist-l-font-weight: 500;
     --primary-tablist-l-font-family: var(--font-family-styrene);
-    --primary-tablist-l-padding: var(--gap-l) 0;
+    --primary-tablist-l-padding: var(--gap-20) 0;
     --primary-tablist-xl-font-size: 24px;
     --primary-tablist-xl-font-weight: 500;
     --primary-tablist-xl-font-family: var(--font-family-styrene);
-    --primary-tablist-xl-padding: var(--gap-l) 0;
+    --primary-tablist-xl-padding: var(--gap-20) 0;
     --primary-tablist-font-feature-settings: 'ss01';
     /* mobile */
     --primary-tablist-mobile-font-weight: 500;
@@ -1634,26 +1634,26 @@
     --calendar-month-only-header-font-size: 20px;
     --calendar-month-only-header-font-weight: 500;
     /* sizes */
-    --modal-vertical-padding: var(--gap-4xl);
-    --modal-footer-default-gap: var(--gap-xl);
+    --modal-vertical-padding: var(--gap-48);
+    --modal-footer-default-gap: var(--gap-24);
     /* paddings */
-    --modal-s-header-paddings: 28px 28px var(--gap-m);
-    --modal-s-content-paddings: var(--gap-m) var(--gap-3xl) var(--gap-xs);
-    --modal-s-content-only-bottom-padding: var(--gap-4xl);
-    --modal-s-footer-paddings: var(--gap-xl) var(--gap-3xl) var(--gap-3xl);
+    --modal-s-header-paddings: 28px 28px var(--gap-16);
+    --modal-s-content-paddings: var(--gap-16) var(--gap-40) var(--gap-8);
+    --modal-s-content-only-bottom-padding: var(--gap-48);
+    --modal-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
     /* scroll */
     --modal-header-highlight-background: var(--color-light-base-bg-primary);
     --modal-footer-highlight-background: var(--color-light-base-bg-secondary);
     --modal-footer-highlight-box-shadow: none;
     /* desktop */
-    --modal-s-header-desktop-content-paddings: var(--gap-xs) var(--gap-s) 0;
+    --modal-s-header-desktop-content-paddings: var(--gap-8) var(--gap-12) 0;
     --modal-s-header-desktop-font-size: 24px;
     --modal-s-header-desktop-line-height: 32px;
     --modal-header-desktop-font-weight: 500;
     --modal-header-desktop-font-family: var(--font-family-styrene);
     /* mobile */
-    --modal-header-mobile-paddings: 0 var(--gap-xs);
-    --modal-header-mobile-content-paddings: 10px var(--gap-xs) 10px var(--gap-xs);
+    --modal-header-mobile-paddings: 0 var(--gap-8);
+    --modal-header-mobile-content-paddings: 10px var(--gap-8) 10px var(--gap-8);
     --modal-header-mobile-font-size: 20px;
     --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-styrene);
@@ -1661,13 +1661,13 @@
     /* theme */
     --toast-plate-title-font-weight: 400;
     --toast-plate-action-align: flex-start;
-    --toast-plate-action-padding: 0 0 0 var(--gap-xl);
+    --toast-plate-action-padding: 0 0 0 var(--gap-24);
     --toast-plate-action-divider-display: none;
     --toast-plate-content-with-closer-right-padding: 0;
     --toast-plate-close-button-align: flex-start;
     --toast-plate-action-margin: 0;
     /* theme */
-    --list-item-margin: var(--gap-m);
+    --list-item-margin: var(--gap-16);
     --dropzone-active-cursor: pointer;
     --bottom-sheet-header-border-bottom: none;
     --bottom-sheet-footer-border-top: none;

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,21 @@
-.badge__component_14mdt.badge__background-accent_14mdt {
+.backdrop__backdrop_17s4d {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_17s4d,
+.backdrop__enter_17s4d {
+    background-color: transparent;
+} .backdrop__appearActive_17s4d,
+.backdrop__enterActive_17s4d,
+.backdrop__appearDone_17s4d,
+.backdrop__enterDone_17s4d {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_17s4d {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_17s4d,
+.backdrop__exitDone_17s4d {
+    background-color: transparent;
+} .backdrop__transparent_17s4d {
+    background-color: transparent;
+}.badge__component_14mdt.badge__background-accent_14mdt {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_14mdt.badge__background-specialbg-secondary-transparent_14mdt {
@@ -62,21 +79,6 @@
     background: #e7e8ea;
 } .card-image__loaded_snx2p {
     background: transparent
-}.backdrop__backdrop_17s4d {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_17s4d,
-.backdrop__enter_17s4d {
-    background-color: transparent;
-} .backdrop__appearActive_17s4d,
-.backdrop__enterActive_17s4d,
-.backdrop__appearDone_17s4d,
-.backdrop__enterDone_17s4d {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_17s4d {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_17s4d,
-.backdrop__exitDone_17s4d {
-    background-color: transparent;
 }.divider__component_4mgdh {
     border-bottom: 1px solid #353539;
 }.dropzone__component_n345m {
@@ -168,7 +170,14 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_hpxyf {
         background: #f83a2a;
-    }.indicator__component_1imro {
+    }.icon-view__component_rnpb0 {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_rnpb0 {
+    fill: #1c1c1e;
+} .icon-view__border_rnpb0 {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_1imro {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_1imro {
@@ -186,14 +195,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_1imro.indicator__border_1imro {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_rnpb0 {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_rnpb0 {
-    fill: #1c1c1e;
-} .icon-view__border_rnpb0 {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_lmr6z {
+    }@keyframes loader__blink_lmr6z {
 }.link__primary_1rrja {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -288,7 +290,19 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_1n3sw.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.slider__component_17cj2 .noUi-base:hover .noUi-connects {
+        }.skeleton__component_bijdk {
+    color: transparent;
+    background: rgba(214, 214, 229, 0.07)
+} .skeleton__component_bijdk:before {
+    background: transparent;
+} @keyframes skeleton__background_bijdk {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}.slider__component_17cj2 .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
         } .slider__component_17cj2 .noUi-base:hover .noUi-connect {
             background: #f83a2a;
@@ -306,19 +320,7 @@
         background: #f83a2a;
     } .slider__component_17cj2 .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.skeleton__component_bijdk {
-    color: transparent;
-    background: rgba(214, 214, 229, 0.07)
-} .skeleton__component_bijdk:before {
-    background: transparent;
-} @keyframes skeleton__background_bijdk {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}.segmented-control__wrapper_k8sfn {
+    }.segmented-control__wrapper_k8sfn {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_k8sfn.segmented-control__selected_k8sfn {
     color: rgba(255, 255, 255, 0.94);

package/themes/corp.css

@@ -1481,38 +1481,38 @@
 
     /* новые значения, используйте их */
     --gap-0: 0;
-    --gap-2: 2px;
-    --gap-4: 4px;
-    --gap-8: 8px;
-    --gap-12: 12px;
-    --gap-16: 16px;
-    --gap-20: 20px;
-    --gap-24: 24px;
-    --gap-32: 32px;
-    --gap-40: 40px;
-    --gap-48: 48px;
+    --gap-2: var(--gap-3xs);
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
+    --gap-48: var(--gap-4xl);
     --gap-56: 56px;
-    --gap-64: 64px;
-    --gap-72: 72px;
+    --gap-64: var(--gap-5xl);
+    --gap-72: var(--gap-6xl);
     --gap-80: 80px;
-    --gap-96: 96px;
-    --gap-128: 128px;
-    --gap-2-neg: -2px;
-    --gap-4-neg: -4px;
-    --gap-8-neg: -8px;
-    --gap-12-neg: -12px;
-    --gap-16-neg: -16px;
-    --gap-20-neg: -20px;
-    --gap-24-neg: -24px;
-    --gap-32-neg: -32px;
-    --gap-40-neg: -40px;
-    --gap-48-neg: -48px;
+    --gap-96: var(--gap-7xl);
+    --gap-128: var(--gap-8xl);
+    --gap-2-neg: var(--gap-3xs-neg);
+    --gap-4-neg: var(--gap-2xs-neg);
+    --gap-8-neg: var(--gap-xs-neg);
+    --gap-12-neg: var(--gap-s-neg);
+    --gap-16-neg: var(--gap-m-neg);
+    --gap-20-neg: var(--gap-l-neg);
+    --gap-24-neg: var(--gap-xl-neg);
+    --gap-32-neg: var(--gap-2xl-neg);
+    --gap-40-neg: var(--gap-3xl-neg);
+    --gap-48-neg: var(--gap-4xl-neg);
     --gap-56-neg: -56px;
-    --gap-64-neg: -64px;
-    --gap-72-neg: -72px;
+    --gap-64-neg: var(--gap-5xl-neg);
+    --gap-72-neg: var(--gap-6xl-neg);
     --gap-80-neg: -80px;
-    --gap-96-neg: -96px;
-    --gap-128-neg: -128px;
+    --gap-96-neg: var(--gap-7xl-neg);
+    --gap-128-neg: var(--gap-8xl-neg);
 }
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);

package/themes/intranet.css

@@ -1481,38 +1481,38 @@
 
     /* новые значения, используйте их */
     --gap-0: 0;
-    --gap-2: 2px;
-    --gap-4: 4px;
-    --gap-8: 8px;
-    --gap-12: 12px;
-    --gap-16: 16px;
-    --gap-20: 20px;
-    --gap-24: 24px;
-    --gap-32: 32px;
-    --gap-40: 40px;
-    --gap-48: 48px;
+    --gap-2: var(--gap-3xs);
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
+    --gap-48: var(--gap-4xl);
     --gap-56: 56px;
-    --gap-64: 64px;
-    --gap-72: 72px;
+    --gap-64: var(--gap-5xl);
+    --gap-72: var(--gap-6xl);
     --gap-80: 80px;
-    --gap-96: 96px;
-    --gap-128: 128px;
-    --gap-2-neg: -2px;
-    --gap-4-neg: -4px;
-    --gap-8-neg: -8px;
-    --gap-12-neg: -12px;
-    --gap-16-neg: -16px;
-    --gap-20-neg: -20px;
-    --gap-24-neg: -24px;
-    --gap-32-neg: -32px;
-    --gap-40-neg: -40px;
-    --gap-48-neg: -48px;
+    --gap-96: var(--gap-7xl);
+    --gap-128: var(--gap-8xl);
+    --gap-2-neg: var(--gap-3xs-neg);
+    --gap-4-neg: var(--gap-2xs-neg);
+    --gap-8-neg: var(--gap-xs-neg);
+    --gap-12-neg: var(--gap-s-neg);
+    --gap-16-neg: var(--gap-m-neg);
+    --gap-20-neg: var(--gap-l-neg);
+    --gap-24-neg: var(--gap-xl-neg);
+    --gap-32-neg: var(--gap-2xl-neg);
+    --gap-40-neg: var(--gap-3xl-neg);
+    --gap-48-neg: var(--gap-4xl-neg);
     --gap-56-neg: -56px;
-    --gap-64-neg: -64px;
-    --gap-72-neg: -72px;
+    --gap-64-neg: var(--gap-5xl-neg);
+    --gap-72-neg: var(--gap-6xl-neg);
     --gap-80-neg: -80px;
-    --gap-96-neg: -96px;
-    --gap-128-neg: -128px;
+    --gap-96-neg: var(--gap-7xl-neg);
+    --gap-128-neg: var(--gap-8xl-neg);
 }
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
@@ -1580,8 +1580,8 @@
     --confirmation-text-font-size: 14px;
     --confirmation-text-line-height: 20px;
     --confirmation-text-color: var(--color-light-text-secondary);
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
-    --radio-group-sub-padding-left: var(--gap-2xs);
-    --radio-group-list-padding-left: var(--gap-3xs);
+    --checkbox-group-sub-padding-left: var(--gap-4);
+    --checkbox-group-list-padding-left: var(--gap-2);
+    --radio-group-sub-padding-left: var(--gap-4);
+    --radio-group-list-padding-left: var(--gap-2);
 }

package/themes/list/click.css

@@ -1,4 +1,4 @@
 :root {
     /* theme */
-    --list-item-margin: var(--gap-m);
+    --list-item-margin: var(--gap-16);
 }

package/themes/mixins/checkbox-group/intranet.css

@@ -1,4 +1,4 @@
 @define-mixin checkbox-group-intranet {
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
+    --checkbox-group-sub-padding-left: var(--gap-4);
+    --checkbox-group-list-padding-left: var(--gap-2);
 }

package/themes/mixins/checkbox-group/mobile.css

@@ -1,4 +1,4 @@
 @define-mixin checkbox-group-mobile {
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
+    --checkbox-group-sub-padding-left: var(--gap-4);
+    --checkbox-group-list-padding-left: var(--gap-2);
 }

package/themes/mixins/list/click.css

@@ -1,4 +1,4 @@
 @define-mixin list-click {
     /* theme */
-    --list-item-margin: var(--gap-m);
+    --list-item-margin: var(--gap-16);
 }

package/themes/mixins/modal/click.css

@@ -1,13 +1,13 @@
 @define-mixin modal-click {
     /* sizes */
-    --modal-vertical-padding: var(--gap-4xl);
-    --modal-footer-default-gap: var(--gap-xl);
+    --modal-vertical-padding: var(--gap-48);
+    --modal-footer-default-gap: var(--gap-24);
 
     /* paddings */
-    --modal-s-header-paddings: 28px 28px var(--gap-m);
-    --modal-s-content-paddings: var(--gap-m) var(--gap-3xl) var(--gap-xs);
-    --modal-s-content-only-bottom-padding: var(--gap-4xl);
-    --modal-s-footer-paddings: var(--gap-xl) var(--gap-3xl) var(--gap-3xl);
+    --modal-s-header-paddings: 28px 28px var(--gap-16);
+    --modal-s-content-paddings: var(--gap-16) var(--gap-40) var(--gap-8);
+    --modal-s-content-only-bottom-padding: var(--gap-48);
+    --modal-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
 
     /* scroll */
     --modal-header-highlight-background: var(--color-light-base-bg-primary);
@@ -15,15 +15,15 @@
     --modal-footer-highlight-box-shadow: none;
 
     /* desktop */
-    --modal-s-header-desktop-content-paddings: var(--gap-xs) var(--gap-s) 0;
+    --modal-s-header-desktop-content-paddings: var(--gap-8) var(--gap-12) 0;
     --modal-s-header-desktop-font-size: 24px;
     --modal-s-header-desktop-line-height: 32px;
     --modal-header-desktop-font-weight: 500;
     --modal-header-desktop-font-family: var(--font-family-styrene);
 
     /* mobile */
-    --modal-header-mobile-paddings: 0 var(--gap-xs);
-    --modal-header-mobile-content-paddings: 10px var(--gap-xs) 10px var(--gap-xs);
+    --modal-header-mobile-paddings: 0 var(--gap-8);
+    --modal-header-mobile-content-paddings: 10px var(--gap-8) 10px var(--gap-8);
     --modal-header-mobile-font-size: 20px;
     --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-styrene);

package/themes/mixins/radio-group/intranet.css

@@ -1,4 +1,4 @@
 @define-mixin radio-group-intranet {
-    --radio-group-sub-padding-left: var(--gap-2xs);
-    --radio-group-list-padding-left: var(--gap-3xs);
+    --radio-group-sub-padding-left: var(--gap-4);
+    --radio-group-list-padding-left: var(--gap-2);
 }

package/themes/mixins/radio-group/mobile.css

@@ -1,4 +1,4 @@
 @define-mixin radio-group-mobile {
-    --radio-group-sub-padding-left: var(--gap-2xs);
-    --radio-group-list-padding-left: var(--gap-3xs);
+    --radio-group-sub-padding-left: var(--gap-4);
+    --radio-group-list-padding-left: var(--gap-2);
 }

package/themes/mixins/select/click.css

@@ -1,7 +1,7 @@
 @define-mixin select-click {
     /* checkmark */
 
-    --select-checkmark-margin-after: 0 0 0 var(--gap-s);
+    --select-checkmark-margin-after: 0 0 0 var(--gap-12);
     --select-checkmark-size: 24px;
     --select-checkmark-before-display: none;
     --select-checkmark-after-display: none;

package/themes/mixins/tabs/click.css

@@ -3,19 +3,19 @@
     --primary-tablist-s-font-size: 18px;
     --primary-tablist-s-font-weight: 500;
     --primary-tablist-s-font-family: var(--font-family-system);
-    --primary-tablist-s-padding: var(--gap-s) 0;
+    --primary-tablist-s-padding: var(--gap-12) 0;
     --primary-tablist-m-font-size: 20px;
     --primary-tablist-m-font-weight: 500;
     --primary-tablist-m-font-family: var(--font-family-styrene);
-    --primary-tablist-m-padding: var(--gap-s) 0;
+    --primary-tablist-m-padding: var(--gap-12) 0;
     --primary-tablist-l-font-size: 24px;
     --primary-tablist-l-font-weight: 500;
     --primary-tablist-l-font-family: var(--font-family-styrene);
-    --primary-tablist-l-padding: var(--gap-l) 0;
+    --primary-tablist-l-padding: var(--gap-20) 0;
     --primary-tablist-xl-font-size: 24px;
     --primary-tablist-xl-font-weight: 500;
     --primary-tablist-xl-font-family: var(--font-family-styrene);
-    --primary-tablist-xl-padding: var(--gap-l) 0;
+    --primary-tablist-xl-padding: var(--gap-20) 0;
     --primary-tablist-font-feature-settings: 'ss01';
 
     /* mobile */

package/themes/mixins/tabs/site.css

@@ -1,8 +1,8 @@
 @define-mixin tabs-site {
     /* theme */
-    --primary-tablist-m-gaps: var(--gap-4xl);
+    --primary-tablist-m-gaps: var(--gap-48);
     --primary-tablist-m-font-weight: 500;
-    --primary-tablist-l-gaps: var(--gap-4xl);
+    --primary-tablist-l-gaps: var(--gap-48);
     --primary-tablist-l-font-weight: 500;
     --primary-tablist-bottom-border-color: var(--color-light-neutral-500);
 }

package/themes/mixins/toast-plate/click.css

@@ -2,7 +2,7 @@
     /* theme */
     --toast-plate-title-font-weight: 400;
     --toast-plate-action-align: flex-start;
-    --toast-plate-action-padding: 0 0 0 var(--gap-xl);
+    --toast-plate-action-padding: 0 0 0 var(--gap-24);
     --toast-plate-action-divider-display: none;
     --toast-plate-content-with-closer-right-padding: 0;
     --toast-plate-close-button-align: flex-start;

package/themes/mobile.css

@@ -1481,38 +1481,38 @@
 
     /* новые значения, используйте их */
     --gap-0: 0;
-    --gap-2: 2px;
-    --gap-4: 4px;
-    --gap-8: 8px;
-    --gap-12: 12px;
-    --gap-16: 16px;
-    --gap-20: 20px;
-    --gap-24: 24px;
-    --gap-32: 32px;
-    --gap-40: 40px;
-    --gap-48: 48px;
+    --gap-2: var(--gap-3xs);
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
+    --gap-48: var(--gap-4xl);
     --gap-56: 56px;
-    --gap-64: 64px;
-    --gap-72: 72px;
+    --gap-64: var(--gap-5xl);
+    --gap-72: var(--gap-6xl);
     --gap-80: 80px;
-    --gap-96: 96px;
-    --gap-128: 128px;
-    --gap-2-neg: -2px;
-    --gap-4-neg: -4px;
-    --gap-8-neg: -8px;
-    --gap-12-neg: -12px;
-    --gap-16-neg: -16px;
-    --gap-20-neg: -20px;
-    --gap-24-neg: -24px;
-    --gap-32-neg: -32px;
-    --gap-40-neg: -40px;
-    --gap-48-neg: -48px;
+    --gap-96: var(--gap-7xl);
+    --gap-128: var(--gap-8xl);
+    --gap-2-neg: var(--gap-3xs-neg);
+    --gap-4-neg: var(--gap-2xs-neg);
+    --gap-8-neg: var(--gap-xs-neg);
+    --gap-12-neg: var(--gap-s-neg);
+    --gap-16-neg: var(--gap-m-neg);
+    --gap-20-neg: var(--gap-l-neg);
+    --gap-24-neg: var(--gap-xl-neg);
+    --gap-32-neg: var(--gap-2xl-neg);
+    --gap-40-neg: var(--gap-3xl-neg);
+    --gap-48-neg: var(--gap-4xl-neg);
     --gap-56-neg: -56px;
-    --gap-64-neg: -64px;
-    --gap-72-neg: -72px;
+    --gap-64-neg: var(--gap-5xl-neg);
+    --gap-72-neg: var(--gap-6xl-neg);
     --gap-80-neg: -80px;
-    --gap-96-neg: -96px;
-    --gap-128-neg: -128px;
+    --gap-96-neg: var(--gap-7xl-neg);
+    --gap-128-neg: var(--gap-8xl-neg);
 }
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
@@ -1576,8 +1576,8 @@
     --confirmation-text-font-size: 14px;
     --confirmation-text-line-height: 20px;
     --confirmation-text-color: var(--color-light-text-secondary);
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
-    --radio-group-sub-padding-left: var(--gap-2xs);
-    --radio-group-list-padding-left: var(--gap-3xs);
+    --checkbox-group-sub-padding-left: var(--gap-4);
+    --checkbox-group-list-padding-left: var(--gap-2);
+    --radio-group-sub-padding-left: var(--gap-4);
+    --radio-group-list-padding-left: var(--gap-2);
 }