@vkontakte/vkui-tokens 4.87.0 → 4.89.0

package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss

@@ -12,8 +12,8 @@
 	--elevation4: var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20));
 	--blur-s: var(--vkui--blur_s, 8px);
 	--blur-m: var(--vkui--blur_m, 16px);
-	--blur-l: var(--vkui--blur_l, 48px);
-	--blur-x-l: var(--vkui--blur_x_l, 96px);
+	--blur-l: var(--vkui--blur_l, 32px);
+	--blur-x-l: var(--vkui--blur_x_l, 64px);
 	--font-family-fallbacks: var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	--font-family-accent: var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 	--font-family-base: var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -36,19 +36,14 @@
 	--size-border-radius-paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
 	--size-border-radius-promo--regular: var(--vkui--size_border_radius_promo--regular, 20px);
 	--size-cell-height--regular: var(--vkui--size_cell_height--regular, 52px);
-	--size-cell-height--compact: var(--vkui--size_cell_height--compact, 48px);
 	--size-field-height--regular: var(--vkui--size_field_height--regular, 44px);
 	--size-field-height--compact: var(--vkui--size_field_height--compact, 36px);
 	--size-search-height--regular: var(--vkui--size_search_height--regular, 36px);
 	--size-search-height--compact: var(--vkui--size_search_height--compact, 32px);
 	--size-button-extra-small-height--regular: var(--vkui--size_button_extra_small_height--regular, 28px);
-	--size-button-extra-small-height--compact: var(--vkui--size_button_extra_small_height--compact, 24px);
-	--size-button-small-height--regular: var(--vkui--size_button_small_height--regular, 36px);
-	--size-button-small-height--compact: var(--vkui--size_button_small_height--compact, 32px);
-	--size-button-medium-height--regular: var(--vkui--size_button_medium_height--regular, 44px);
-	--size-button-medium-height--compact: var(--vkui--size_button_medium_height--compact, 36px);
+	--size-button-small-height--regular: var(--vkui--size_button_small_height--regular, 28px);
+	--size-button-medium-height--regular: var(--vkui--size_button_medium_height--regular, 38px);
 	--size-button-large-height--regular: var(--vkui--size_button_large_height--regular, 52px);
-	--size-button-large-height--compact: var(--vkui--size_button_large_height--compact, 44px);
 	--size-checkbox--regular: var(--vkui--size_checkbox--regular, 16px);
 	--size-arrow--regular: var(--vkui--size_arrow--regular, 8px);
 	--size-arrow-promo--regular: var(--vkui--size_arrow_promo--regular, 40px);
@@ -138,6 +133,12 @@
 	--radius-x-l: var(--vkui--radius_x_l, 20px);
 	--radius-2x-l: var(--vkui--radius_2x_l, 24px);
 	--radius-3x-l: var(--vkui--radius_3x_l, 32px);
+	--animation-easing-linear: var(--vkui--animation_easing_linear, cubic-bezier(0, 0, 1, 1));
+	--animation-easing-in-smooth: var(--vkui--animation_easing_in_smooth, cubic-bezier(1, 0, 0.7, 1));
+	--animation-easing-out-smooth: var(--vkui--animation_easing_out_smooth, cubic-bezier(0.3, 0, 0, 1));
+	--animation-easing-in-out-smooth: var(--vkui--animation_easing_in_out_smooth, cubic-bezier(0.3, 0, 0.7, 1));
+	--animation-easing-out-sharp: var(--vkui--animation_easing_out_sharp, cubic-bezier(0.2, 0, 0, 1));
+	--animation-easing-in-out-sharp: var(--vkui--animation_easing_in_out_sharp, cubic-bezier(0.7, 0, 0.3, 1));
 	--colors-scheme: var(--vkui--colors_scheme, dark);
 	--color-background-accent: var(--vkui--color_background_accent, #2e90ff);
 	--color-background-accent--hover: var(--vkui--color_background_accent--hover, #3694FF);
@@ -259,9 +260,9 @@
 	--color-text-negative: var(--vkui--color_text_negative, #fd6571);
 	--color-text-negative--hover: var(--vkui--color_text_negative--hover, #FD6B77);
 	--color-text-negative--active: var(--vkui--color_text_negative--active, #FD717C);
-	--color-text-link: var(--vkui--color_text_link, #2e90ff);
-	--color-text-link--hover: var(--vkui--color_text_link--hover, #3694FF);
-	--color-text-link--active: var(--vkui--color_text_link--active, #3F99FF);
+	--color-text-link: var(--vkui--color_text_link, #529ef4);
+	--color-text-link--hover: var(--vkui--color_text_link--hover, #59A2F4);
+	--color-text-link--active: var(--vkui--color_text_link--active, #60A6F5);
 	--color-text-link-themed: var(--vkui--color_text_link_themed, #FFFFFF);
 	--color-text-link-themed--hover: var(--vkui--color_text_link_themed--hover, #EBEDF0);
 	--color-text-link-themed--active: var(--vkui--color_text_link_themed--active, #D7D8DB);
@@ -370,24 +371,24 @@
 	--color-accent-gray: var(--vkui--color_accent_gray, #a3adb8);
 	--color-accent-gray--hover: var(--vkui--color_accent_gray--hover, #A7B0BB);
 	--color-accent-gray--active: var(--vkui--color_accent_gray--active, #AAB4BE);
-	--color-accent-red: var(--vkui--color_accent_red, #ff3347);
-	--color-accent-red--hover: var(--vkui--color_accent_red--hover, #FF3B4E);
-	--color-accent-red--active: var(--vkui--color_accent_red--active, #FF4356);
+	--color-accent-red: var(--vkui--color_accent_red, #ff5773);
+	--color-accent-red--hover: var(--vkui--color_accent_red--hover, #FF5E79);
+	--color-accent-red--active: var(--vkui--color_accent_red--active, #FF647E);
 	--color-accent-orange-fire: var(--vkui--color_accent_orange_fire, #f05c44);
 	--color-accent-orange-fire--hover: var(--vkui--color_accent_orange_fire--hover, #F1634B);
 	--color-accent-orange-fire--active: var(--vkui--color_accent_orange_fire--active, #F16953);
-	--color-accent-orange: var(--vkui--color_accent_orange, #ffa000);
-	--color-accent-orange--hover: var(--vkui--color_accent_orange--hover, #FFA40A);
-	--color-accent-orange--active: var(--vkui--color_accent_orange--active, #FFA814);
+	--color-accent-orange: var(--vkui--color_accent_orange, #ff913d);
+	--color-accent-orange--hover: var(--vkui--color_accent_orange--hover, #FF9545);
+	--color-accent-orange--active: var(--vkui--color_accent_orange--active, #FF9A4D);
 	--color-accent-orange-peach: var(--vkui--color_accent_orange_peach, #ffc062);
 	--color-accent-orange-peach--hover: var(--vkui--color_accent_orange_peach--hover, #FFC368);
 	--color-accent-orange-peach--active: var(--vkui--color_accent_orange_peach--active, #FFC56F);
 	--color-accent-lime: var(--vkui--color_accent_lime, #aff70d);
 	--color-accent-lime--hover: var(--vkui--color_accent_lime--hover, #B2F717);
 	--color-accent-lime--active: var(--vkui--color_accent_lime--active, #B5F820);
-	--color-accent-green: var(--vkui--color_accent_green, #34c759);
-	--color-accent-green--hover: var(--vkui--color_accent_green--hover, #3CC960);
-	--color-accent-green--active: var(--vkui--color_accent_green--active, #44CB66);
+	--color-accent-green: var(--vkui--color_accent_green, #42d347);
+	--color-accent-green--hover: var(--vkui--color_accent_green--hover, #4AD54E);
+	--color-accent-green--active: var(--vkui--color_accent_green--active, #51D756);
 	--color-accent-cyan: var(--vkui--color_accent_cyan, #13ffd0);
 	--color-accent-cyan--hover: var(--vkui--color_accent_cyan--hover, #1CFFD2);
 	--color-accent-cyan--active: var(--vkui--color_accent_cyan--active, #26FFD4);
@@ -400,12 +401,12 @@
 	--color-accent-violet: var(--vkui--color_accent_violet, #a94fff);
 	--color-accent-violet--hover: var(--vkui--color_accent_violet--hover, #AC56FF);
 	--color-accent-violet--active: var(--vkui--color_accent_violet--active, #B05DFF);
-	--color-accent-raspberry-pink: var(--vkui--color_accent_raspberry_pink, #f060c0);
-	--color-accent-raspberry-pink--hover: var(--vkui--color_accent_raspberry_pink--hover, #F166C3);
-	--color-accent-raspberry-pink--active: var(--vkui--color_accent_raspberry_pink--active, #F16DC5);
-	--color-accent-pink: var(--vkui--color_accent_pink, #f45fff);
-	--color-accent-pink--hover: var(--vkui--color_accent_pink--hover, #F465FF);
-	--color-accent-pink--active: var(--vkui--color_accent_pink--active, #F56CFF);
+	--color-accent-raspberry-pink: var(--vkui--color_accent_raspberry_pink, #fa7fbb);
+	--color-accent-raspberry-pink--hover: var(--vkui--color_accent_raspberry_pink--hover, #FA84BE);
+	--color-accent-raspberry-pink--active: var(--vkui--color_accent_raspberry_pink--active, #FA89C0);
+	--color-accent-pink: var(--vkui--color_accent_pink, #e866ff);
+	--color-accent-pink--hover: var(--vkui--color_accent_pink--hover, #E96CFF);
+	--color-accent-pink--active: var(--vkui--color_accent_pink--active, #EA72FF);
 	--color-accent-secondary: var(--vkui--color_accent_secondary, #3f8ae0);
 	--color-accent-secondary--hover: var(--vkui--color_accent_secondary--hover, #478FE1);
 	--color-accent-secondary--active: var(--vkui--color_accent_secondary--active, #4E93E2);
@@ -481,12 +482,33 @@
 	--color-background-inverse: var(--vkui--color_background_inverse, #FFFFFF);
 	--color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #EBEDF0);
 	--color-background-inverse--active: var(--vkui--color_background_inverse--active, #D7D8DB);
-	--color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
-	--color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
-	--color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
 	--color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #ffffff7f);
 	--color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(255, 255, 255, 0.54));
 	--color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(255, 255, 255, 0.58));
+	--color-text-contrast-secondary-alpha: var(--vkui--color_text_contrast_secondary_alpha, #ffffff7f);
+	--color-text-contrast-secondary-alpha--hover: var(--vkui--color_text_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+	--color-text-contrast-secondary-alpha--active: var(--vkui--color_text_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
+	--color-icon-contrast-secondary-alpha: var(--vkui--color_icon_contrast_secondary_alpha, #ffffff7f);
+	--color-icon-contrast-secondary-alpha--hover: var(--vkui--color_icon_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+	--color-icon-contrast-secondary-alpha--active: var(--vkui--color_icon_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
+	--color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
+	--color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
+	--color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
+	--color-accent-mint: var(--vkui--color_accent_mint, #a3fd79);
+	--color-accent-mint--hover: var(--vkui--color_accent_mint--hover, #A7FD7E);
+	--color-accent-mint--active: var(--vkui--color_accent_mint--active, #AAFD84);
+	--color-text-link-in-primary: var(--vkui--color_text_link_in_primary, #666666);
+	--color-text-link-in-primary--hover: var(--vkui--color_text_link_in_primary--hover, #6C6C6C);
+	--color-text-link-in-primary--active: var(--vkui--color_text_link_in_primary--active, #727272);
+	--color-text-link-in-secondary: var(--vkui--color_text_link_in_secondary, #FFFFFF);
+	--color-text-link-in-secondary--hover: var(--vkui--color_text_link_in_secondary--hover, #EBEDF0);
+	--color-text-link-in-secondary--active: var(--vkui--color_text_link_in_secondary--active, #D7D8DB);
+	--color-text-link-in-contrast: var(--vkui--color_text_link_in_contrast, #FFFFFF);
+	--color-text-link-in-contrast--hover: var(--vkui--color_text_link_in_contrast--hover, #EBEDF0);
+	--color-text-link-in-contrast--active: var(--vkui--color_text_link_in_contrast--active, #D7D8DB);
+	--color-text-link-in-contrast-secondary-alpha: var(--vkui--color_text_link_in_contrast_secondary_alpha, #ffffff7f);
+	--color-text-link-in-contrast-secondary-alpha--hover: var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+	--color-text-link-in-contrast-secondary-alpha--active: var(--vkui--color_text_link_in_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
 }
 
 %font-display-title1--regular {

package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss

@@ -11,8 +11,8 @@ $elevation3: var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4p
 $elevation4: var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20));
 $blur-s: var(--vkui--blur_s, 8px);
 $blur-m: var(--vkui--blur_m, 16px);
-$blur-l: var(--vkui--blur_l, 48px);
-$blur-x-l: var(--vkui--blur_x_l, 96px);
+$blur-l: var(--vkui--blur_l, 32px);
+$blur-x-l: var(--vkui--blur_x_l, 64px);
 $font-family-fallbacks: var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 $font-family-accent: var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 $font-family-base: var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -35,19 +35,14 @@ $size-check-border-radius--regular: var(--vkui--size_check_border_radius--regula
 $size-border-radius-paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
 $size-border-radius-promo--regular: var(--vkui--size_border_radius_promo--regular, 20px);
 $size-cell-height--regular: var(--vkui--size_cell_height--regular, 52px);
-$size-cell-height--compact: var(--vkui--size_cell_height--compact, 48px);
 $size-field-height--regular: var(--vkui--size_field_height--regular, 44px);
 $size-field-height--compact: var(--vkui--size_field_height--compact, 36px);
 $size-search-height--regular: var(--vkui--size_search_height--regular, 36px);
 $size-search-height--compact: var(--vkui--size_search_height--compact, 32px);
 $size-button-extra-small-height--regular: var(--vkui--size_button_extra_small_height--regular, 28px);
-$size-button-extra-small-height--compact: var(--vkui--size_button_extra_small_height--compact, 24px);
-$size-button-small-height--regular: var(--vkui--size_button_small_height--regular, 36px);
-$size-button-small-height--compact: var(--vkui--size_button_small_height--compact, 32px);
-$size-button-medium-height--regular: var(--vkui--size_button_medium_height--regular, 44px);
-$size-button-medium-height--compact: var(--vkui--size_button_medium_height--compact, 36px);
+$size-button-small-height--regular: var(--vkui--size_button_small_height--regular, 28px);
+$size-button-medium-height--regular: var(--vkui--size_button_medium_height--regular, 38px);
 $size-button-large-height--regular: var(--vkui--size_button_large_height--regular, 52px);
-$size-button-large-height--compact: var(--vkui--size_button_large_height--compact, 44px);
 $size-checkbox--regular: var(--vkui--size_checkbox--regular, 16px);
 $size-arrow--regular: var(--vkui--size_arrow--regular, 8px);
 $size-arrow-promo--regular: var(--vkui--size_arrow_promo--regular, 40px);
@@ -137,6 +132,12 @@ $radius-l: var(--vkui--radius_l, 16px);
 $radius-x-l: var(--vkui--radius_x_l, 20px);
 $radius-2x-l: var(--vkui--radius_2x_l, 24px);
 $radius-3x-l: var(--vkui--radius_3x_l, 32px);
+$animation-easing-linear: var(--vkui--animation_easing_linear, cubic-bezier(0, 0, 1, 1));
+$animation-easing-in-smooth: var(--vkui--animation_easing_in_smooth, cubic-bezier(1, 0, 0.7, 1));
+$animation-easing-out-smooth: var(--vkui--animation_easing_out_smooth, cubic-bezier(0.3, 0, 0, 1));
+$animation-easing-in-out-smooth: var(--vkui--animation_easing_in_out_smooth, cubic-bezier(0.3, 0, 0.7, 1));
+$animation-easing-out-sharp: var(--vkui--animation_easing_out_sharp, cubic-bezier(0.2, 0, 0, 1));
+$animation-easing-in-out-sharp: var(--vkui--animation_easing_in_out_sharp, cubic-bezier(0.7, 0, 0.3, 1));
 $colors-scheme: var(--vkui--colors_scheme, dark);
 $color-background-accent: var(--vkui--color_background_accent, #2e90ff);
 $color-background-accent--hover: var(--vkui--color_background_accent--hover, #3694FF);
@@ -258,9 +259,9 @@ $color-text-positive--active: var(--vkui--color_text_positive--active, #44CB66);
 $color-text-negative: var(--vkui--color_text_negative, #fd6571);
 $color-text-negative--hover: var(--vkui--color_text_negative--hover, #FD6B77);
 $color-text-negative--active: var(--vkui--color_text_negative--active, #FD717C);
-$color-text-link: var(--vkui--color_text_link, #2e90ff);
-$color-text-link--hover: var(--vkui--color_text_link--hover, #3694FF);
-$color-text-link--active: var(--vkui--color_text_link--active, #3F99FF);
+$color-text-link: var(--vkui--color_text_link, #529ef4);
+$color-text-link--hover: var(--vkui--color_text_link--hover, #59A2F4);
+$color-text-link--active: var(--vkui--color_text_link--active, #60A6F5);
 $color-text-link-themed: var(--vkui--color_text_link_themed, #FFFFFF);
 $color-text-link-themed--hover: var(--vkui--color_text_link_themed--hover, #EBEDF0);
 $color-text-link-themed--active: var(--vkui--color_text_link_themed--active, #D7D8DB);
@@ -369,24 +370,24 @@ $color-accent-blue--active: var(--vkui--color_accent_blue--active, #3F99FF);
 $color-accent-gray: var(--vkui--color_accent_gray, #a3adb8);
 $color-accent-gray--hover: var(--vkui--color_accent_gray--hover, #A7B0BB);
 $color-accent-gray--active: var(--vkui--color_accent_gray--active, #AAB4BE);
-$color-accent-red: var(--vkui--color_accent_red, #ff3347);
-$color-accent-red--hover: var(--vkui--color_accent_red--hover, #FF3B4E);
-$color-accent-red--active: var(--vkui--color_accent_red--active, #FF4356);
+$color-accent-red: var(--vkui--color_accent_red, #ff5773);
+$color-accent-red--hover: var(--vkui--color_accent_red--hover, #FF5E79);
+$color-accent-red--active: var(--vkui--color_accent_red--active, #FF647E);
 $color-accent-orange-fire: var(--vkui--color_accent_orange_fire, #f05c44);
 $color-accent-orange-fire--hover: var(--vkui--color_accent_orange_fire--hover, #F1634B);
 $color-accent-orange-fire--active: var(--vkui--color_accent_orange_fire--active, #F16953);
-$color-accent-orange: var(--vkui--color_accent_orange, #ffa000);
-$color-accent-orange--hover: var(--vkui--color_accent_orange--hover, #FFA40A);
-$color-accent-orange--active: var(--vkui--color_accent_orange--active, #FFA814);
+$color-accent-orange: var(--vkui--color_accent_orange, #ff913d);
+$color-accent-orange--hover: var(--vkui--color_accent_orange--hover, #FF9545);
+$color-accent-orange--active: var(--vkui--color_accent_orange--active, #FF9A4D);
 $color-accent-orange-peach: var(--vkui--color_accent_orange_peach, #ffc062);
 $color-accent-orange-peach--hover: var(--vkui--color_accent_orange_peach--hover, #FFC368);
 $color-accent-orange-peach--active: var(--vkui--color_accent_orange_peach--active, #FFC56F);
 $color-accent-lime: var(--vkui--color_accent_lime, #aff70d);
 $color-accent-lime--hover: var(--vkui--color_accent_lime--hover, #B2F717);
 $color-accent-lime--active: var(--vkui--color_accent_lime--active, #B5F820);
-$color-accent-green: var(--vkui--color_accent_green, #34c759);
-$color-accent-green--hover: var(--vkui--color_accent_green--hover, #3CC960);
-$color-accent-green--active: var(--vkui--color_accent_green--active, #44CB66);
+$color-accent-green: var(--vkui--color_accent_green, #42d347);
+$color-accent-green--hover: var(--vkui--color_accent_green--hover, #4AD54E);
+$color-accent-green--active: var(--vkui--color_accent_green--active, #51D756);
 $color-accent-cyan: var(--vkui--color_accent_cyan, #13ffd0);
 $color-accent-cyan--hover: var(--vkui--color_accent_cyan--hover, #1CFFD2);
 $color-accent-cyan--active: var(--vkui--color_accent_cyan--active, #26FFD4);
@@ -399,12 +400,12 @@ $color-accent-purple--active: var(--vkui--color_accent_purple--active, #A18FFF);
 $color-accent-violet: var(--vkui--color_accent_violet, #a94fff);
 $color-accent-violet--hover: var(--vkui--color_accent_violet--hover, #AC56FF);
 $color-accent-violet--active: var(--vkui--color_accent_violet--active, #B05DFF);
-$color-accent-raspberry-pink: var(--vkui--color_accent_raspberry_pink, #f060c0);
-$color-accent-raspberry-pink--hover: var(--vkui--color_accent_raspberry_pink--hover, #F166C3);
-$color-accent-raspberry-pink--active: var(--vkui--color_accent_raspberry_pink--active, #F16DC5);
-$color-accent-pink: var(--vkui--color_accent_pink, #f45fff);
-$color-accent-pink--hover: var(--vkui--color_accent_pink--hover, #F465FF);
-$color-accent-pink--active: var(--vkui--color_accent_pink--active, #F56CFF);
+$color-accent-raspberry-pink: var(--vkui--color_accent_raspberry_pink, #fa7fbb);
+$color-accent-raspberry-pink--hover: var(--vkui--color_accent_raspberry_pink--hover, #FA84BE);
+$color-accent-raspberry-pink--active: var(--vkui--color_accent_raspberry_pink--active, #FA89C0);
+$color-accent-pink: var(--vkui--color_accent_pink, #e866ff);
+$color-accent-pink--hover: var(--vkui--color_accent_pink--hover, #E96CFF);
+$color-accent-pink--active: var(--vkui--color_accent_pink--active, #EA72FF);
 $color-accent-secondary: var(--vkui--color_accent_secondary, #3f8ae0);
 $color-accent-secondary--hover: var(--vkui--color_accent_secondary--hover, #478FE1);
 $color-accent-secondary--active: var(--vkui--color_accent_secondary--active, #4E93E2);
@@ -480,12 +481,33 @@ $color-transparent--active: var(--vkui--color_transparent--active, rgba(0, 0, 0,
 $color-background-inverse: var(--vkui--color_background_inverse, #FFFFFF);
 $color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #EBEDF0);
 $color-background-inverse--active: var(--vkui--color_background_inverse--active, #D7D8DB);
-$color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
-$color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
-$color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
 $color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #ffffff7f);
 $color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(255, 255, 255, 0.54));
 $color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(255, 255, 255, 0.58));
+$color-text-contrast-secondary-alpha: var(--vkui--color_text_contrast_secondary_alpha, #ffffff7f);
+$color-text-contrast-secondary-alpha--hover: var(--vkui--color_text_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+$color-text-contrast-secondary-alpha--active: var(--vkui--color_text_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
+$color-icon-contrast-secondary-alpha: var(--vkui--color_icon_contrast_secondary_alpha, #ffffff7f);
+$color-icon-contrast-secondary-alpha--hover: var(--vkui--color_icon_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+$color-icon-contrast-secondary-alpha--active: var(--vkui--color_icon_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
+$color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
+$color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
+$color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
+$color-accent-mint: var(--vkui--color_accent_mint, #a3fd79);
+$color-accent-mint--hover: var(--vkui--color_accent_mint--hover, #A7FD7E);
+$color-accent-mint--active: var(--vkui--color_accent_mint--active, #AAFD84);
+$color-text-link-in-primary: var(--vkui--color_text_link_in_primary, #666666);
+$color-text-link-in-primary--hover: var(--vkui--color_text_link_in_primary--hover, #6C6C6C);
+$color-text-link-in-primary--active: var(--vkui--color_text_link_in_primary--active, #727272);
+$color-text-link-in-secondary: var(--vkui--color_text_link_in_secondary, #FFFFFF);
+$color-text-link-in-secondary--hover: var(--vkui--color_text_link_in_secondary--hover, #EBEDF0);
+$color-text-link-in-secondary--active: var(--vkui--color_text_link_in_secondary--active, #D7D8DB);
+$color-text-link-in-contrast: var(--vkui--color_text_link_in_contrast, #FFFFFF);
+$color-text-link-in-contrast--hover: var(--vkui--color_text_link_in_contrast--hover, #EBEDF0);
+$color-text-link-in-contrast--active: var(--vkui--color_text_link_in_contrast--active, #D7D8DB);
+$color-text-link-in-contrast-secondary-alpha: var(--vkui--color_text_link_in_contrast_secondary_alpha, #ffffff7f);
+$color-text-link-in-contrast-secondary-alpha--hover: var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+$color-text-link-in-contrast-secondary-alpha--active: var(--vkui--color_text_link_in_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
 
 
 @mixin font-display-title1--regular() {

package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl

@@ -11,8 +11,8 @@ $elevation3 = var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4
 $elevation4 = var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20));
 $blur-s = var(--vkui--blur_s, 8px);
 $blur-m = var(--vkui--blur_m, 16px);
-$blur-l = var(--vkui--blur_l, 48px);
-$blur-x-l = var(--vkui--blur_x_l, 96px);
+$blur-l = var(--vkui--blur_l, 32px);
+$blur-x-l = var(--vkui--blur_x_l, 64px);
 $font-family-fallbacks = var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 $font-family-accent = var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
 $font-family-base = var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif);
@@ -35,19 +35,14 @@ $size-check-border-radius--regular = var(--vkui--size_check_border_radius--regul
 $size-border-radius-paper--regular = var(--vkui--size_border_radius_paper--regular, 12px);
 $size-border-radius-promo--regular = var(--vkui--size_border_radius_promo--regular, 20px);
 $size-cell-height--regular = var(--vkui--size_cell_height--regular, 52px);
-$size-cell-height--compact = var(--vkui--size_cell_height--compact, 48px);
 $size-field-height--regular = var(--vkui--size_field_height--regular, 44px);
 $size-field-height--compact = var(--vkui--size_field_height--compact, 36px);
 $size-search-height--regular = var(--vkui--size_search_height--regular, 36px);
 $size-search-height--compact = var(--vkui--size_search_height--compact, 32px);
 $size-button-extra-small-height--regular = var(--vkui--size_button_extra_small_height--regular, 28px);
-$size-button-extra-small-height--compact = var(--vkui--size_button_extra_small_height--compact, 24px);
-$size-button-small-height--regular = var(--vkui--size_button_small_height--regular, 36px);
-$size-button-small-height--compact = var(--vkui--size_button_small_height--compact, 32px);
-$size-button-medium-height--regular = var(--vkui--size_button_medium_height--regular, 44px);
-$size-button-medium-height--compact = var(--vkui--size_button_medium_height--compact, 36px);
+$size-button-small-height--regular = var(--vkui--size_button_small_height--regular, 28px);
+$size-button-medium-height--regular = var(--vkui--size_button_medium_height--regular, 38px);
 $size-button-large-height--regular = var(--vkui--size_button_large_height--regular, 52px);
-$size-button-large-height--compact = var(--vkui--size_button_large_height--compact, 44px);
 $size-checkbox--regular = var(--vkui--size_checkbox--regular, 16px);
 $size-arrow--regular = var(--vkui--size_arrow--regular, 8px);
 $size-arrow-promo--regular = var(--vkui--size_arrow_promo--regular, 40px);
@@ -137,6 +132,12 @@ $radius-l = var(--vkui--radius_l, 16px);
 $radius-x-l = var(--vkui--radius_x_l, 20px);
 $radius-2x-l = var(--vkui--radius_2x_l, 24px);
 $radius-3x-l = var(--vkui--radius_3x_l, 32px);
+$animation-easing-linear = var(--vkui--animation_easing_linear, cubic-bezier(0, 0, 1, 1));
+$animation-easing-in-smooth = var(--vkui--animation_easing_in_smooth, cubic-bezier(1, 0, 0.7, 1));
+$animation-easing-out-smooth = var(--vkui--animation_easing_out_smooth, cubic-bezier(0.3, 0, 0, 1));
+$animation-easing-in-out-smooth = var(--vkui--animation_easing_in_out_smooth, cubic-bezier(0.3, 0, 0.7, 1));
+$animation-easing-out-sharp = var(--vkui--animation_easing_out_sharp, cubic-bezier(0.2, 0, 0, 1));
+$animation-easing-in-out-sharp = var(--vkui--animation_easing_in_out_sharp, cubic-bezier(0.7, 0, 0.3, 1));
 $colors-scheme = var(--vkui--colors_scheme, dark);
 $color-background-accent = var(--vkui--color_background_accent, #2e90ff);
 $color-background-accent--hover = var(--vkui--color_background_accent--hover, #3694FF);
@@ -258,9 +259,9 @@ $color-text-positive--active = var(--vkui--color_text_positive--active, #44CB66)
 $color-text-negative = var(--vkui--color_text_negative, #fd6571);
 $color-text-negative--hover = var(--vkui--color_text_negative--hover, #FD6B77);
 $color-text-negative--active = var(--vkui--color_text_negative--active, #FD717C);
-$color-text-link = var(--vkui--color_text_link, #2e90ff);
-$color-text-link--hover = var(--vkui--color_text_link--hover, #3694FF);
-$color-text-link--active = var(--vkui--color_text_link--active, #3F99FF);
+$color-text-link = var(--vkui--color_text_link, #529ef4);
+$color-text-link--hover = var(--vkui--color_text_link--hover, #59A2F4);
+$color-text-link--active = var(--vkui--color_text_link--active, #60A6F5);
 $color-text-link-themed = var(--vkui--color_text_link_themed, #FFFFFF);
 $color-text-link-themed--hover = var(--vkui--color_text_link_themed--hover, #EBEDF0);
 $color-text-link-themed--active = var(--vkui--color_text_link_themed--active, #D7D8DB);
@@ -369,24 +370,24 @@ $color-accent-blue--active = var(--vkui--color_accent_blue--active, #3F99FF);
 $color-accent-gray = var(--vkui--color_accent_gray, #a3adb8);
 $color-accent-gray--hover = var(--vkui--color_accent_gray--hover, #A7B0BB);
 $color-accent-gray--active = var(--vkui--color_accent_gray--active, #AAB4BE);
-$color-accent-red = var(--vkui--color_accent_red, #ff3347);
-$color-accent-red--hover = var(--vkui--color_accent_red--hover, #FF3B4E);
-$color-accent-red--active = var(--vkui--color_accent_red--active, #FF4356);
+$color-accent-red = var(--vkui--color_accent_red, #ff5773);
+$color-accent-red--hover = var(--vkui--color_accent_red--hover, #FF5E79);
+$color-accent-red--active = var(--vkui--color_accent_red--active, #FF647E);
 $color-accent-orange-fire = var(--vkui--color_accent_orange_fire, #f05c44);
 $color-accent-orange-fire--hover = var(--vkui--color_accent_orange_fire--hover, #F1634B);
 $color-accent-orange-fire--active = var(--vkui--color_accent_orange_fire--active, #F16953);
-$color-accent-orange = var(--vkui--color_accent_orange, #ffa000);
-$color-accent-orange--hover = var(--vkui--color_accent_orange--hover, #FFA40A);
-$color-accent-orange--active = var(--vkui--color_accent_orange--active, #FFA814);
+$color-accent-orange = var(--vkui--color_accent_orange, #ff913d);
+$color-accent-orange--hover = var(--vkui--color_accent_orange--hover, #FF9545);
+$color-accent-orange--active = var(--vkui--color_accent_orange--active, #FF9A4D);
 $color-accent-orange-peach = var(--vkui--color_accent_orange_peach, #ffc062);
 $color-accent-orange-peach--hover = var(--vkui--color_accent_orange_peach--hover, #FFC368);
 $color-accent-orange-peach--active = var(--vkui--color_accent_orange_peach--active, #FFC56F);
 $color-accent-lime = var(--vkui--color_accent_lime, #aff70d);
 $color-accent-lime--hover = var(--vkui--color_accent_lime--hover, #B2F717);
 $color-accent-lime--active = var(--vkui--color_accent_lime--active, #B5F820);
-$color-accent-green = var(--vkui--color_accent_green, #34c759);
-$color-accent-green--hover = var(--vkui--color_accent_green--hover, #3CC960);
-$color-accent-green--active = var(--vkui--color_accent_green--active, #44CB66);
+$color-accent-green = var(--vkui--color_accent_green, #42d347);
+$color-accent-green--hover = var(--vkui--color_accent_green--hover, #4AD54E);
+$color-accent-green--active = var(--vkui--color_accent_green--active, #51D756);
 $color-accent-cyan = var(--vkui--color_accent_cyan, #13ffd0);
 $color-accent-cyan--hover = var(--vkui--color_accent_cyan--hover, #1CFFD2);
 $color-accent-cyan--active = var(--vkui--color_accent_cyan--active, #26FFD4);
@@ -399,12 +400,12 @@ $color-accent-purple--active = var(--vkui--color_accent_purple--active, #A18FFF)
 $color-accent-violet = var(--vkui--color_accent_violet, #a94fff);
 $color-accent-violet--hover = var(--vkui--color_accent_violet--hover, #AC56FF);
 $color-accent-violet--active = var(--vkui--color_accent_violet--active, #B05DFF);
-$color-accent-raspberry-pink = var(--vkui--color_accent_raspberry_pink, #f060c0);
-$color-accent-raspberry-pink--hover = var(--vkui--color_accent_raspberry_pink--hover, #F166C3);
-$color-accent-raspberry-pink--active = var(--vkui--color_accent_raspberry_pink--active, #F16DC5);
-$color-accent-pink = var(--vkui--color_accent_pink, #f45fff);
-$color-accent-pink--hover = var(--vkui--color_accent_pink--hover, #F465FF);
-$color-accent-pink--active = var(--vkui--color_accent_pink--active, #F56CFF);
+$color-accent-raspberry-pink = var(--vkui--color_accent_raspberry_pink, #fa7fbb);
+$color-accent-raspberry-pink--hover = var(--vkui--color_accent_raspberry_pink--hover, #FA84BE);
+$color-accent-raspberry-pink--active = var(--vkui--color_accent_raspberry_pink--active, #FA89C0);
+$color-accent-pink = var(--vkui--color_accent_pink, #e866ff);
+$color-accent-pink--hover = var(--vkui--color_accent_pink--hover, #E96CFF);
+$color-accent-pink--active = var(--vkui--color_accent_pink--active, #EA72FF);
 $color-accent-secondary = var(--vkui--color_accent_secondary, #3f8ae0);
 $color-accent-secondary--hover = var(--vkui--color_accent_secondary--hover, #478FE1);
 $color-accent-secondary--active = var(--vkui--color_accent_secondary--active, #4E93E2);
@@ -480,12 +481,33 @@ $color-transparent--active = var(--vkui--color_transparent--active, rgba(0, 0, 0
 $color-background-inverse = var(--vkui--color_background_inverse, #FFFFFF);
 $color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #EBEDF0);
 $color-background-inverse--active = var(--vkui--color_background_inverse--active, #D7D8DB);
-$color-stroke-contrast-secondary-alpha = var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
-$color-stroke-contrast-secondary-alpha--hover = var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
-$color-stroke-contrast-secondary-alpha--active = var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
 $color-text-tertiary-alpha = var(--vkui--color_text_tertiary_alpha, #ffffff7f);
 $color-text-tertiary-alpha--hover = var(--vkui--color_text_tertiary_alpha--hover, rgba(255, 255, 255, 0.54));
 $color-text-tertiary-alpha--active = var(--vkui--color_text_tertiary_alpha--active, rgba(255, 255, 255, 0.58));
+$color-text-contrast-secondary-alpha = var(--vkui--color_text_contrast_secondary_alpha, #ffffff7f);
+$color-text-contrast-secondary-alpha--hover = var(--vkui--color_text_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+$color-text-contrast-secondary-alpha--active = var(--vkui--color_text_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
+$color-icon-contrast-secondary-alpha = var(--vkui--color_icon_contrast_secondary_alpha, #ffffff7f);
+$color-icon-contrast-secondary-alpha--hover = var(--vkui--color_icon_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+$color-icon-contrast-secondary-alpha--active = var(--vkui--color_icon_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
+$color-stroke-contrast-secondary-alpha = var(--vkui--color_stroke_contrast_secondary_alpha, #ffffff1e);
+$color-stroke-contrast-secondary-alpha--hover = var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.16));
+$color-stroke-contrast-secondary-alpha--active = var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2));
+$color-accent-mint = var(--vkui--color_accent_mint, #a3fd79);
+$color-accent-mint--hover = var(--vkui--color_accent_mint--hover, #A7FD7E);
+$color-accent-mint--active = var(--vkui--color_accent_mint--active, #AAFD84);
+$color-text-link-in-primary = var(--vkui--color_text_link_in_primary, #666666);
+$color-text-link-in-primary--hover = var(--vkui--color_text_link_in_primary--hover, #6C6C6C);
+$color-text-link-in-primary--active = var(--vkui--color_text_link_in_primary--active, #727272);
+$color-text-link-in-secondary = var(--vkui--color_text_link_in_secondary, #FFFFFF);
+$color-text-link-in-secondary--hover = var(--vkui--color_text_link_in_secondary--hover, #EBEDF0);
+$color-text-link-in-secondary--active = var(--vkui--color_text_link_in_secondary--active, #D7D8DB);
+$color-text-link-in-contrast = var(--vkui--color_text_link_in_contrast, #FFFFFF);
+$color-text-link-in-contrast--hover = var(--vkui--color_text_link_in_contrast--hover, #EBEDF0);
+$color-text-link-in-contrast--active = var(--vkui--color_text_link_in_contrast--active, #D7D8DB);
+$color-text-link-in-contrast-secondary-alpha = var(--vkui--color_text_link_in_contrast_secondary_alpha, #ffffff7f);
+$color-text-link-in-contrast-secondary-alpha--hover = var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54));
+$color-text-link-in-contrast-secondary-alpha--active = var(--vkui--color_text_link_in_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58));
 
 
 font-display-title1--regular() {