@alfalab/core-components 47.15.0 → 47.16.0

package/themes/corp.css

@@ -11,14 +11,15 @@
 
     /* новые значения, используйте их */
     --border-radius-0: 0;
-    --border-radius-4: 4px;
+    --border-radius-2: var(--border-radius-xs);
+    --border-radius-4: var(--border-radius-s);
     --border-radius-6: 6px;
-    --border-radius-8: 8px;
+    --border-radius-8: var(--border-radius-m);
     --border-radius-10: 10px;
-    --border-radius-12: 12px;
-    --border-radius-16: 16px;
-    --border-radius-20: 20px;
-    --border-radius-24: 24px;
+    --border-radius-12: var(--border-radius-l);
+    --border-radius-16: var(--border-radius-xl);
+    --border-radius-20: var(--border-radius-xxl);
+    --border-radius-24: var(--border-radius-3xl);
     --border-radius-32: 32px;
     --border-radius-36: 36px;
     --border-radius-64: 64px;
@@ -1608,7 +1609,66 @@
     --button-spinner-inverted-static-color: var(--color-light-neutral-translucent-1300);
     --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
+    /* border-radius desktop */
+    --button-xxs-size-border-radius: var(--border-radius-10);
+    --button-xs-size-border-radius: var(--border-radius-12);
+    --button-s-size-border-radius: var(--border-radius-12);
+    --button-m-size-border-radius: var(--border-radius-16);
+    --button-l-size-border-radius: var(--border-radius-16);
+    --button-xl-size-border-radius: var(--border-radius-16);
+    /* border-radius mobile */
+    --button-xxs-size-mobile-border-radius: var(--border-radius-10);
     /* theme */
     --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-300);
     --primary-tablist-m-font-weight: 500;
+    /* mobile */
+    --primary-tablist-mobile-font-weight: 500;
+    --primary-tablist-mobile-padding: 0 0 var(--gap-16);
+    --primary-tablist-mobile-font-size: 18px;
+    --primary-tablist-mobile-gaps: var(--gap-32);
+    --form-control-bg-color: var(--color-light-neutral-translucent-100);
+    --form-control-box-shadow: 0 0 0 1px var(--color-light-neutral-translucent-100) inset;
+    /* error */
+    --form-control-error-bg-color: var(--color-light-neutral-translucent-100);
+    /* hover */
+    --form-control-box-shadow-hover: 0 0 0 1px var(--color-light-neutral-translucent-300) inset;
+    /* border-radius */
+    --form-control-s-border-radius: var(--border-radius-10);
+    --form-control-m-border-radius: var(--border-radius-12);
+    --form-control-l-border-radius: var(--border-radius-12);
+    --form-control-xl-border-radius: var(--border-radius-16);
+    /* box-shadow */
+    --code-input-box-shadow: 0 0 0 1px var(--color-light-neutral-translucent-100) inset;
+    --code-input-disabled-box-shadow: none;
+    /* border */
+    --code-input-border-radius: var(--border-radius-6);
+    /* hover */
+    --code-input-box-shadow-hover: 0 0 0 1px var(--color-light-neutral-translucent-300) inset;
+    /* error */
+    --code-input-error-box-shadow: 0 0 0 1px var(--color-light-status-muted-alt-negative) inset;
+    /* border */
+    --icon-button-24-size-border-radius: var(--border-radius-8);
+    --icon-button-32-size-border-radius: var(--border-radius-10);
+    --icon-button-40-size-border-radius: var(--border-radius-12);
+    --icon-button-48-size-border-radius: var(--border-radius-12);
+    --icon-button-56-size-border-radius: var(--border-radius-16);
+    --icon-button-64-size-border-radius: var(--border-radius-16);
+    --icon-button-72-size-border-radius: var(--border-radius-16);
+    --select-options-list-border-radius: var(--border-radius-16);
+    --select-option-list-footer-button-gap: var(--gap-8);
+    /* border */
+    --tag-rectangular-xxs-border-radius: var(--border-radius-10);
+    --tag-rectangular-xs-border-radius: var(--border-radius-12);
+    --tag-rectangular-s-border-radius: var(--border-radius-12);
+    --tag-alt-border-radius: var(--border-radius-16);
+    /* border mobile */
+    --tag-rectangular-mobile-xxs-border-radius: var(--border-radius-10);
+    --tag-rectangular-mobile-xs-border-radius: var(--border-radius-12);
+    --tag-rectangular-mobile-s-border-radius: var(--border-radius-12);
+    --tag-alt-mobile-border-radius: var(--border-radius-16);
+    /* border */
+    --calendar-popover-border-radius: var(--border-radius-12);
+    --calendar-select-button-border-radius: var(--border-radius-10);
+    --calendar-select-button-box-shadow: 0 0 0 1px var(--color-light-neutral-translucent-100) inset;
+    --calendar-select-button-background-color: var(--color-light-neutral-translucent-100);
 }

package/themes/form-control/corp.css

@@ -0,0 +1,16 @@
+:root {
+    --form-control-bg-color: var(--color-light-neutral-translucent-100);
+    --form-control-box-shadow: 0 0 0 1px var(--color-light-neutral-translucent-100) inset;
+
+    /* error */
+    --form-control-error-bg-color: var(--color-light-neutral-translucent-100);
+
+    /* hover */
+    --form-control-box-shadow-hover: 0 0 0 1px var(--color-light-neutral-translucent-300) inset;
+
+    /* border-radius */
+    --form-control-s-border-radius: var(--border-radius-10);
+    --form-control-m-border-radius: var(--border-radius-12);
+    --form-control-l-border-radius: var(--border-radius-12);
+    --form-control-xl-border-radius: var(--border-radius-16);
+}

package/themes/form-control/site.css

@@ -1,13 +1,13 @@
 :root {
     /* theme */
-    --form-control-s-border-radius: 4px 4px 0 0;
-    --form-control-m-border-radius: 4px 4px 0 0;
-    --form-control-l-border-radius: 4px 4px 0 0;
-    --form-control-xl-border-radius: 4px 4px 0 0;
-    --form-control-mobile-s-border-radius: 4px 4px 0 0;
-    --form-control-mobile-m-border-radius: 4px 4px 0 0;
-    --form-control-mobile-l-border-radius: 4px 4px 0 0;
-    --form-control-mobile-xl-border-radius: 4px 4px 0 0;
+    --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-sub-paddings: 0;
     --form-control-bg-backdrop-filter: blur(20px);
     --form-control-border-bottom: 1px solid var(--color-light-neutral-500);

package/themes/icon-button/corp.css

@@ -0,0 +1,10 @@
+:root {
+    /* border */
+    --icon-button-24-size-border-radius: var(--border-radius-8);
+    --icon-button-32-size-border-radius: var(--border-radius-10);
+    --icon-button-40-size-border-radius: var(--border-radius-12);
+    --icon-button-48-size-border-radius: var(--border-radius-12);
+    --icon-button-56-size-border-radius: var(--border-radius-16);
+    --icon-button-64-size-border-radius: var(--border-radius-16);
+    --icon-button-72-size-border-radius: var(--border-radius-16);
+}

package/themes/intranet.css

@@ -11,14 +11,15 @@
 
     /* новые значения, используйте их */
     --border-radius-0: 0;
-    --border-radius-4: 4px;
+    --border-radius-2: var(--border-radius-xs);
+    --border-radius-4: var(--border-radius-s);
     --border-radius-6: 6px;
-    --border-radius-8: 8px;
+    --border-radius-8: var(--border-radius-m);
     --border-radius-10: 10px;
-    --border-radius-12: 12px;
-    --border-radius-16: 16px;
-    --border-radius-20: 20px;
-    --border-radius-24: 24px;
+    --border-radius-12: var(--border-radius-l);
+    --border-radius-16: var(--border-radius-xl);
+    --border-radius-20: var(--border-radius-xxl);
+    --border-radius-24: var(--border-radius-3xl);
     --border-radius-32: 32px;
     --border-radius-36: 36px;
     --border-radius-64: 64px;
@@ -1578,7 +1579,7 @@
 }
 :root {
     --slider-origin-width: calc(100% - 16px);
-    --slider-origin-right: 8px;
+    --slider-origin-right: var(--gap-8);
     /* theme */
     --calendar-today-color: var(--color-light-accent-primary);
     --calendar-range-background: var(--color-light-neutral-translucent-200);

package/themes/mixins/button/corp.css

@@ -34,4 +34,15 @@
     --button-spinner-inverted-static-color: var(--color-light-neutral-translucent-1300);
     --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
+
+    /* border-radius desktop */
+    --button-xxs-size-border-radius: var(--border-radius-10);
+    --button-xs-size-border-radius: var(--border-radius-12);
+    --button-s-size-border-radius: var(--border-radius-12);
+    --button-m-size-border-radius: var(--border-radius-16);
+    --button-l-size-border-radius: var(--border-radius-16);
+    --button-xl-size-border-radius: var(--border-radius-16);
+
+    /* border-radius mobile */
+    --button-xxs-size-mobile-border-radius: var(--border-radius-10);
 }

package/themes/mixins/calendar/corp.css

@@ -0,0 +1,5 @@
+@define-mixin calendar-corp {
+    --calendar-select-button-border-radius: var(--border-radius-10);
+    --calendar-select-button-box-shadow: 0 0 0 1px var(--color-light-neutral-translucent-100) inset;
+    --calendar-select-button-background-color: var(--color-light-neutral-translucent-100);
+}

package/themes/mixins/calendar-input/site.css

@@ -1,3 +1,3 @@
 @define-mixin calendar-input-site {
-    --calendar-input-popover-border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
+    --calendar-input-popover-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);
 }

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

@@ -1,9 +1,9 @@
 @define-mixin checkbox-group-click {
     /* theme */
-    --checkbox-group-error-padding-left: 0;
+    --checkbox-group-error-padding-left: var(--gap-0);
     --checkbox-group-error-border-left: none;
 
     /* mobile */
-    --checkbox-group-mobile-sub-padding-left: 0;
-    --checkbox-group-mobile-list-padding-left: 0;
+    --checkbox-group-mobile-sub-padding-left: var(--gap-0);
+    --checkbox-group-mobile-list-padding-left: var(--gap-0);
 }

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

@@ -1,5 +1,5 @@
 @define-mixin checkbox-group-site {
     /* mobile */
-    --checkbox-group-mobile-sub-padding-left: 0;
-    --checkbox-group-mobile-list-padding-left: 0;
+    --checkbox-group-mobile-sub-padding-left: var(--gap-0);
+    --checkbox-group-mobile-list-padding-left: var(--gap-0);
 }

package/themes/mixins/code-input/corp.css

@@ -0,0 +1,14 @@
+@define-mixin code-input-corp {
+    /* box-shadow */
+    --code-input-box-shadow: 0 0 0 1px var(--color-light-neutral-translucent-100) inset;
+    --code-input-disabled-box-shadow: none;
+
+    /* border */
+    --code-input-border-radius: var(--border-radius-6);
+
+    /* hover */
+    --code-input-box-shadow-hover: 0 0 0 1px var(--color-light-neutral-translucent-300) inset;
+
+    /* error */
+    --code-input-error-box-shadow: 0 0 0 1px var(--color-light-status-muted-alt-negative) inset;
+}

package/themes/mixins/corp.css

@@ -1,7 +1,21 @@
 @import './button/corp.css';
 @import './tabs/corp.css';
+@import './form-control/corp.css';
+@import './code-input/corp.css';
+@import './icon-button/corp.css';
+@import './select/corp.css';
+@import './tag/corp.css';
+@import './universal-date-input/corp.css';
+@import './calendar/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin tabs-corp;
+    @mixin form-control-corp;
+    @mixin code-input-corp;
+    @mixin icon-button-corp;
+    @mixin select-corp;
+    @mixin tag-corp;
+    @mixin universal-date-input-corp;
+    @mixin calendar-corp;
 }

package/themes/mixins/form-control/corp.css

@@ -0,0 +1,16 @@
+@define-mixin form-control-corp {
+    --form-control-bg-color: var(--color-light-neutral-translucent-100);
+    --form-control-box-shadow: 0 0 0 1px var(--color-light-neutral-translucent-100) inset;
+
+    /* error */
+    --form-control-error-bg-color: var(--color-light-neutral-translucent-100);
+
+    /* hover */
+    --form-control-box-shadow-hover: 0 0 0 1px var(--color-light-neutral-translucent-300) inset;
+
+    /* border-radius */
+    --form-control-s-border-radius: var(--border-radius-10);
+    --form-control-m-border-radius: var(--border-radius-12);
+    --form-control-l-border-radius: var(--border-radius-12);
+    --form-control-xl-border-radius: var(--border-radius-16);
+}

package/themes/mixins/form-control/site.css

@@ -1,13 +1,13 @@
 @define-mixin form-control-site {
     /* theme */
-    --form-control-s-border-radius: 4px 4px 0 0;
-    --form-control-m-border-radius: 4px 4px 0 0;
-    --form-control-l-border-radius: 4px 4px 0 0;
-    --form-control-xl-border-radius: 4px 4px 0 0;
-    --form-control-mobile-s-border-radius: 4px 4px 0 0;
-    --form-control-mobile-m-border-radius: 4px 4px 0 0;
-    --form-control-mobile-l-border-radius: 4px 4px 0 0;
-    --form-control-mobile-xl-border-radius: 4px 4px 0 0;
+    --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-sub-paddings: 0;
     --form-control-bg-backdrop-filter: blur(20px);
     --form-control-border-bottom: 1px solid var(--color-light-neutral-500);

package/themes/mixins/icon-button/corp.css

@@ -0,0 +1,10 @@
+@define-mixin icon-button-corp {
+    /* border */
+    --icon-button-24-size-border-radius: var(--border-radius-8);
+    --icon-button-32-size-border-radius: var(--border-radius-10);
+    --icon-button-40-size-border-radius: var(--border-radius-12);
+    --icon-button-48-size-border-radius: var(--border-radius-12);
+    --icon-button-56-size-border-radius: var(--border-radius-16);
+    --icon-button-64-size-border-radius: var(--border-radius-16);
+    --icon-button-72-size-border-radius: var(--border-radius-16);
+}

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

@@ -1,5 +1,5 @@
 @define-mixin radio-group-click {
     /* mobile */
-    --radio-group-mobile-sub-padding-left: 0;
-    --radio-group-mobile-list-padding-left: 0;
+    --radio-group-mobile-sub-padding-left: var(--gap-0);
+    --radio-group-mobile-list-padding-left: var(--gap-0);
 }

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

@@ -1,5 +1,5 @@
 @define-mixin radio-group-site {
     /* mobile */
-    --radio-group-mobile-sub-padding-left: 0;
-    --radio-group-mobile-list-padding-left: 0;
+    --radio-group-mobile-sub-padding-left: var(--gap-0);
+    --radio-group-mobile-list-padding-left: var(--gap-0);
 }

package/themes/mixins/select/click.css

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

package/themes/mixins/select/corp.css

@@ -0,0 +1,4 @@
+@define-mixin select-corp {
+    --select-options-list-border-radius: var(--border-radius-16);
+    --select-option-list-footer-button-gap: var(--gap-8);
+}

package/themes/mixins/select/site.css

@@ -1,6 +1,6 @@
 @define-mixin select-site {
-    --select-options-list-border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
-    --select-options-list-offset: 0;
+    --select-options-list-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);
+    --select-options-list-offset: var(--gap-0);
 
     /* select mobile footer */
     --select-mobile-footer-border-top: 1px solid var(--color-light-neutral-400);

package/themes/mixins/slider/intranet.css

@@ -1,4 +1,4 @@
 @define-mixin slider-intranet {
     --slider-origin-width: calc(100% - 16px);
-    --slider-origin-right: 8px;
+    --slider-origin-right: var(--gap-8);
 }

package/themes/mixins/slider/mobile.css

@@ -1,4 +1,4 @@
 @define-mixin slider-mobile {
     --slider-origin-width: calc(100% - 16px);
-    --slider-origin-right: 8px;
+    --slider-origin-right: var(--gap-8);
 }

package/themes/mixins/slider-input/site.css

@@ -9,5 +9,5 @@
     --slider-input-progress-bg-color: var(--color-light-neutral-300);
     --slider-input-progress-hover-bg-color: var(--color-light-neutral-300);
     --slider-input-origin-width: 100%;
-    --slider-input-origin-right: 0;
+    --slider-input-origin-right: var(--gap-0);
 }

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-12) 0;
+    --primary-tablist-s-padding: var(--gap-12) var(--gap-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-12) 0;
+    --primary-tablist-m-padding: var(--gap-12) var(--gap-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-20) 0;
+    --primary-tablist-l-padding: var(--gap-20) var(--gap-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-20) 0;
+    --primary-tablist-xl-padding: var(--gap-20) var(--gap-0);
     --primary-tablist-font-feature-settings: 'ss01';
 
     /* mobile */

package/themes/mixins/tabs/corp.css

@@ -2,4 +2,10 @@
     /* theme */
     --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-300);
     --primary-tablist-m-font-weight: 500;
+
+    /* mobile */
+    --primary-tablist-mobile-font-weight: 500;
+    --primary-tablist-mobile-padding: 0 0 var(--gap-16);
+    --primary-tablist-mobile-font-size: 18px;
+    --primary-tablist-mobile-gaps: var(--gap-32);
 }

package/themes/mixins/tag/corp.css

@@ -0,0 +1,13 @@
+@define-mixin tag-corp {
+    /* border */
+    --tag-rectangular-xxs-border-radius: var(--border-radius-10);
+    --tag-rectangular-xs-border-radius: var(--border-radius-12);
+    --tag-rectangular-s-border-radius: var(--border-radius-12);
+    --tag-alt-border-radius: var(--border-radius-16);
+
+    /* border mobile */
+    --tag-rectangular-mobile-xxs-border-radius: var(--border-radius-10);
+    --tag-rectangular-mobile-xs-border-radius: var(--border-radius-12);
+    --tag-rectangular-mobile-s-border-radius: var(--border-radius-12);
+    --tag-alt-mobile-border-radius: var(--border-radius-16);
+}

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

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

package/themes/mixins/universal-date-input/corp.css

@@ -0,0 +1,4 @@
+@define-mixin universal-date-input-corp {
+    /* border */
+    --calendar-popover-border-radius: var(--border-radius-12);
+}

package/themes/mobile.css

@@ -11,14 +11,15 @@
 
     /* новые значения, используйте их */
     --border-radius-0: 0;
-    --border-radius-4: 4px;
+    --border-radius-2: var(--border-radius-xs);
+    --border-radius-4: var(--border-radius-s);
     --border-radius-6: 6px;
-    --border-radius-8: 8px;
+    --border-radius-8: var(--border-radius-m);
     --border-radius-10: 10px;
-    --border-radius-12: 12px;
-    --border-radius-16: 16px;
-    --border-radius-20: 20px;
-    --border-radius-24: 24px;
+    --border-radius-12: var(--border-radius-l);
+    --border-radius-16: var(--border-radius-xl);
+    --border-radius-20: var(--border-radius-xxl);
+    --border-radius-24: var(--border-radius-3xl);
     --border-radius-32: 32px;
     --border-radius-36: 36px;
     --border-radius-64: 64px;
@@ -1578,7 +1579,7 @@
 }
 :root {
     --slider-origin-width: calc(100% - 16px);
-    --slider-origin-right: 8px;
+    --slider-origin-right: var(--gap-8);
     --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-400);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-400);
     --steps-dash-border: 2px solid var(--color-light-neutral-translucent-1300);

package/themes/radio-group/click.css

@@ -1,5 +1,5 @@
 :root {
     /* mobile */
-    --radio-group-mobile-sub-padding-left: 0;
-    --radio-group-mobile-list-padding-left: 0;
+    --radio-group-mobile-sub-padding-left: var(--gap-0);
+    --radio-group-mobile-list-padding-left: var(--gap-0);
 }

package/themes/radio-group/site.css

@@ -1,5 +1,5 @@
 :root {
     /* mobile */
-    --radio-group-mobile-sub-padding-left: 0;
-    --radio-group-mobile-list-padding-left: 0;
+    --radio-group-mobile-sub-padding-left: var(--gap-0);
+    --radio-group-mobile-list-padding-left: var(--gap-0);
 }

package/themes/select/click.css

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

package/themes/select/corp.css

@@ -0,0 +1,4 @@
+:root {
+    --select-options-list-border-radius: var(--border-radius-16);
+    --select-option-list-footer-button-gap: var(--gap-8);
+}

package/themes/select/site.css

@@ -1,6 +1,6 @@
 :root {
-    --select-options-list-border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
-    --select-options-list-offset: 0;
+    --select-options-list-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);
+    --select-options-list-offset: var(--gap-0);
 
     /* select mobile footer */
     --select-mobile-footer-border-top: 1px solid var(--color-light-neutral-400);

package/themes/site.css

@@ -11,14 +11,15 @@
 
     /* новые значения, используйте их */
     --border-radius-0: 0;
-    --border-radius-4: 4px;
+    --border-radius-2: var(--border-radius-xs);
+    --border-radius-4: var(--border-radius-s);
     --border-radius-6: 6px;
-    --border-radius-8: 8px;
+    --border-radius-8: var(--border-radius-m);
     --border-radius-10: 10px;
-    --border-radius-12: 12px;
-    --border-radius-16: 16px;
-    --border-radius-20: 20px;
-    --border-radius-24: 24px;
+    --border-radius-12: var(--border-radius-l);
+    --border-radius-16: var(--border-radius-xl);
+    --border-radius-20: var(--border-radius-xxl);
+    --border-radius-24: var(--border-radius-3xl);
     --border-radius-32: 32px;
     --border-radius-36: 36px;
     --border-radius-64: 64px;
@@ -1614,14 +1615,14 @@
         --color-static-neutral-translucent-1300-inverted
     );
     /* theme */
-    --form-control-s-border-radius: 4px 4px 0 0;
-    --form-control-m-border-radius: 4px 4px 0 0;
-    --form-control-l-border-radius: 4px 4px 0 0;
-    --form-control-xl-border-radius: 4px 4px 0 0;
-    --form-control-mobile-s-border-radius: 4px 4px 0 0;
-    --form-control-mobile-m-border-radius: 4px 4px 0 0;
-    --form-control-mobile-l-border-radius: 4px 4px 0 0;
-    --form-control-mobile-xl-border-radius: 4px 4px 0 0;
+    --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
+    --form-control-mobile-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;
     --form-control-mobile-sub-paddings: 0;
     --form-control-bg-backdrop-filter: blur(20px);
     --form-control-border-bottom: 1px solid var(--color-light-neutral-500);
@@ -1677,8 +1678,8 @@
     --input-read-only-color: var(--color-light-text-secondary);
     --input-inverted-read-only-color: var(--color-light-text-secondary-inverted);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-400);
-    --select-options-list-border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
-    --select-options-list-offset: 0;
+    --select-options-list-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);
+    --select-options-list-offset: var(--gap-0);
     /* select mobile footer */
     --select-mobile-footer-border-top: 1px solid var(--color-light-neutral-400);
     --slider-input-s-border-bottom-radius: 0;
@@ -1691,14 +1692,14 @@
     --slider-input-progress-bg-color: var(--color-light-neutral-300);
     --slider-input-progress-hover-bg-color: var(--color-light-neutral-300);
     --slider-input-origin-width: 100%;
-    --slider-input-origin-right: 0;
-    --calendar-input-popover-border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
+    --slider-input-origin-right: var(--gap-0);
+    --calendar-input-popover-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);
     /* mobile */
-    --checkbox-group-mobile-sub-padding-left: 0;
-    --checkbox-group-mobile-list-padding-left: 0;
+    --checkbox-group-mobile-sub-padding-left: var(--gap-0);
+    --checkbox-group-mobile-list-padding-left: var(--gap-0);
     /* mobile */
-    --radio-group-mobile-sub-padding-left: 0;
-    --radio-group-mobile-list-padding-left: 0;
+    --radio-group-mobile-sub-padding-left: var(--gap-0);
+    --radio-group-mobile-list-padding-left: var(--gap-0);
     /* checked */
     --radio-checked-bg-color: var(--color-light-accent-primary);
     --radio-checked-hover-bg-color: var(--color-light-accent-primary-hover);

package/themes/slider/intranet.css

@@ -1,4 +1,4 @@
 :root {
     --slider-origin-width: calc(100% - 16px);
-    --slider-origin-right: 8px;
+    --slider-origin-right: var(--gap-8);
 }

package/themes/slider/mobile.css

@@ -1,4 +1,4 @@
 :root {
     --slider-origin-width: calc(100% - 16px);
-    --slider-origin-right: 8px;
+    --slider-origin-right: var(--gap-8);
 }

package/themes/slider-input/site.css

@@ -9,5 +9,5 @@
     --slider-input-progress-bg-color: var(--color-light-neutral-300);
     --slider-input-progress-hover-bg-color: var(--color-light-neutral-300);
     --slider-input-origin-width: 100%;
-    --slider-input-origin-right: 0;
+    --slider-input-origin-right: var(--gap-0);
 }