npm - @vkontakte/vkui-tokens - Versions diffs - 4.87.0 → 4.89.0 - Mend

@vkontakte/vkui-tokens 4.87.0 → 4.89.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (318) hide show

package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.less CHANGED Viewed

@@ -137,6 +137,12 @@
 @radius-x-l: var(--vkui--radius_x_l, 16px);
 @radius-2x-l: var(--vkui--radius_2x_l, 20px);
 @radius-3x-l: var(--vkui--radius_3x_l, 24px);
+@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, light);
 @color-background-accent: var(--vkui--color_background_accent, #2688eb);
 @color-background-accent--hover: var(--vkui--color_background_accent--hover, #2483E4);
@@ -486,6 +492,27 @@
 @color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #25292E7A);
 @color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(37, 41, 46, 0.52));
 @color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(37, 41, 46, 0.56));
+@color-icon-contrast-secondary-alpha: var(--vkui--color_icon_contrast_secondary_alpha, #FFFFFF80);
+@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-text-contrast-secondary-alpha: var(--vkui--color_text_contrast_secondary_alpha, #FFFFFF80);
+@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-accent-mint: var(--vkui--color_accent_mint, #A3FD79);
+@color-accent-mint--hover: var(--vkui--color_accent_mint--hover, #9CF477);
+@color-accent-mint--active: var(--vkui--color_accent_mint--active, #96EA74);
+@color-text-link-in-primary: var(--vkui--color_text_link_in_primary, #2d81e0);
+@color-text-link-in-primary--hover: var(--vkui--color_text_link_in_primary--hover, #2B7CD9);
+@color-text-link-in-primary--active: var(--vkui--color_text_link_in_primary--active, #2978D3);
+@color-text-link-in-secondary: var(--vkui--color_text_link_in_secondary, #2d81e0);
+@color-text-link-in-secondary--hover: var(--vkui--color_text_link_in_secondary--hover, #2B7CD9);
+@color-text-link-in-secondary--active: var(--vkui--color_text_link_in_secondary--active, #2978D3);
+@color-text-link-in-contrast: var(--vkui--color_text_link_in_contrast, #2d81e0);
+@color-text-link-in-contrast--hover: var(--vkui--color_text_link_in_contrast--hover, #2B7CD9);
+@color-text-link-in-contrast--active: var(--vkui--color_text_link_in_contrast--active, #2978D3);
+@color-text-link-in-contrast-secondary-alpha: var(--vkui--color_text_link_in_contrast_secondary_alpha, #2d81e0);
+@color-text-link-in-contrast-secondary-alpha--hover: var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, #2B7CD9);
+@color-text-link-in-contrast-secondary-alpha--active: var(--vkui--color_text_link_in_contrast_secondary_alpha--active, #2978D3);
 .font-display-title1--regular {

package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.pcss CHANGED Viewed

@@ -138,6 +138,12 @@
 	--radius-x-l: var(--vkui--radius_x_l, 16px);
 	--radius-2x-l: var(--vkui--radius_2x_l, 20px);
 	--radius-3x-l: var(--vkui--radius_3x_l, 24px);
+	--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, light);
 	--color-background-accent: var(--vkui--color_background_accent, #2688eb);
 	--color-background-accent--hover: var(--vkui--color_background_accent--hover, #2483E4);
@@ -487,6 +493,27 @@
 	--color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #25292E7A);
 	--color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(37, 41, 46, 0.52));
 	--color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(37, 41, 46, 0.56));
+	--color-icon-contrast-secondary-alpha: var(--vkui--color_icon_contrast_secondary_alpha, #FFFFFF80);
+	--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-text-contrast-secondary-alpha: var(--vkui--color_text_contrast_secondary_alpha, #FFFFFF80);
+	--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-accent-mint: var(--vkui--color_accent_mint, #A3FD79);
+	--color-accent-mint--hover: var(--vkui--color_accent_mint--hover, #9CF477);
+	--color-accent-mint--active: var(--vkui--color_accent_mint--active, #96EA74);
+	--color-text-link-in-primary: var(--vkui--color_text_link_in_primary, #2d81e0);
+	--color-text-link-in-primary--hover: var(--vkui--color_text_link_in_primary--hover, #2B7CD9);
+	--color-text-link-in-primary--active: var(--vkui--color_text_link_in_primary--active, #2978D3);
+	--color-text-link-in-secondary: var(--vkui--color_text_link_in_secondary, #2d81e0);
+	--color-text-link-in-secondary--hover: var(--vkui--color_text_link_in_secondary--hover, #2B7CD9);
+	--color-text-link-in-secondary--active: var(--vkui--color_text_link_in_secondary--active, #2978D3);
+	--color-text-link-in-contrast: var(--vkui--color_text_link_in_contrast, #2d81e0);
+	--color-text-link-in-contrast--hover: var(--vkui--color_text_link_in_contrast--hover, #2B7CD9);
+	--color-text-link-in-contrast--active: var(--vkui--color_text_link_in_contrast--active, #2978D3);
+	--color-text-link-in-contrast-secondary-alpha: var(--vkui--color_text_link_in_contrast_secondary_alpha, #2d81e0);
+	--color-text-link-in-contrast-secondary-alpha--hover: var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, #2B7CD9);
+	--color-text-link-in-contrast-secondary-alpha--active: var(--vkui--color_text_link_in_contrast_secondary_alpha--active, #2978D3);
 }
 %font-display-title1--regular {

package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.scss CHANGED Viewed

@@ -137,6 +137,12 @@ $radius-l: var(--vkui--radius_l, 12px);
 $radius-x-l: var(--vkui--radius_x_l, 16px);
 $radius-2x-l: var(--vkui--radius_2x_l, 20px);
 $radius-3x-l: var(--vkui--radius_3x_l, 24px);
+$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, light);
 $color-background-accent: var(--vkui--color_background_accent, #2688eb);
 $color-background-accent--hover: var(--vkui--color_background_accent--hover, #2483E4);
@@ -486,6 +492,27 @@ $color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contras
 $color-text-tertiary-alpha: var(--vkui--color_text_tertiary_alpha, #25292E7A);
 $color-text-tertiary-alpha--hover: var(--vkui--color_text_tertiary_alpha--hover, rgba(37, 41, 46, 0.52));
 $color-text-tertiary-alpha--active: var(--vkui--color_text_tertiary_alpha--active, rgba(37, 41, 46, 0.56));
+$color-icon-contrast-secondary-alpha: var(--vkui--color_icon_contrast_secondary_alpha, #FFFFFF80);
+$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-text-contrast-secondary-alpha: var(--vkui--color_text_contrast_secondary_alpha, #FFFFFF80);
+$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-accent-mint: var(--vkui--color_accent_mint, #A3FD79);
+$color-accent-mint--hover: var(--vkui--color_accent_mint--hover, #9CF477);
+$color-accent-mint--active: var(--vkui--color_accent_mint--active, #96EA74);
+$color-text-link-in-primary: var(--vkui--color_text_link_in_primary, #2d81e0);
+$color-text-link-in-primary--hover: var(--vkui--color_text_link_in_primary--hover, #2B7CD9);
+$color-text-link-in-primary--active: var(--vkui--color_text_link_in_primary--active, #2978D3);
+$color-text-link-in-secondary: var(--vkui--color_text_link_in_secondary, #2d81e0);
+$color-text-link-in-secondary--hover: var(--vkui--color_text_link_in_secondary--hover, #2B7CD9);
+$color-text-link-in-secondary--active: var(--vkui--color_text_link_in_secondary--active, #2978D3);
+$color-text-link-in-contrast: var(--vkui--color_text_link_in_contrast, #2d81e0);
+$color-text-link-in-contrast--hover: var(--vkui--color_text_link_in_contrast--hover, #2B7CD9);
+$color-text-link-in-contrast--active: var(--vkui--color_text_link_in_contrast--active, #2978D3);
+$color-text-link-in-contrast-secondary-alpha: var(--vkui--color_text_link_in_contrast_secondary_alpha, #2d81e0);
+$color-text-link-in-contrast-secondary-alpha--hover: var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, #2B7CD9);
+$color-text-link-in-contrast-secondary-alpha--active: var(--vkui--color_text_link_in_contrast_secondary_alpha--active, #2978D3);
 @mixin font-display-title1--regular() {

package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.styl CHANGED Viewed

@@ -137,6 +137,12 @@ $radius-l = var(--vkui--radius_l, 12px);
 $radius-x-l = var(--vkui--radius_x_l, 16px);
 $radius-2x-l = var(--vkui--radius_2x_l, 20px);
 $radius-3x-l = var(--vkui--radius_3x_l, 24px);
+$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, light);
 $color-background-accent = var(--vkui--color_background_accent, #2688eb);
 $color-background-accent--hover = var(--vkui--color_background_accent--hover, #2483E4);
@@ -486,6 +492,27 @@ $color-stroke-contrast-secondary-alpha--active = var(--vkui--color_stroke_contra
 $color-text-tertiary-alpha = var(--vkui--color_text_tertiary_alpha, #25292E7A);
 $color-text-tertiary-alpha--hover = var(--vkui--color_text_tertiary_alpha--hover, rgba(37, 41, 46, 0.52));
 $color-text-tertiary-alpha--active = var(--vkui--color_text_tertiary_alpha--active, rgba(37, 41, 46, 0.56));
+$color-icon-contrast-secondary-alpha = var(--vkui--color_icon_contrast_secondary_alpha, #FFFFFF80);
+$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-text-contrast-secondary-alpha = var(--vkui--color_text_contrast_secondary_alpha, #FFFFFF80);
+$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-accent-mint = var(--vkui--color_accent_mint, #A3FD79);
+$color-accent-mint--hover = var(--vkui--color_accent_mint--hover, #9CF477);
+$color-accent-mint--active = var(--vkui--color_accent_mint--active, #96EA74);
+$color-text-link-in-primary = var(--vkui--color_text_link_in_primary, #2d81e0);
+$color-text-link-in-primary--hover = var(--vkui--color_text_link_in_primary--hover, #2B7CD9);
+$color-text-link-in-primary--active = var(--vkui--color_text_link_in_primary--active, #2978D3);
+$color-text-link-in-secondary = var(--vkui--color_text_link_in_secondary, #2d81e0);
+$color-text-link-in-secondary--hover = var(--vkui--color_text_link_in_secondary--hover, #2B7CD9);
+$color-text-link-in-secondary--active = var(--vkui--color_text_link_in_secondary--active, #2978D3);
+$color-text-link-in-contrast = var(--vkui--color_text_link_in_contrast, #2d81e0);
+$color-text-link-in-contrast--hover = var(--vkui--color_text_link_in_contrast--hover, #2B7CD9);
+$color-text-link-in-contrast--active = var(--vkui--color_text_link_in_contrast--active, #2978D3);
+$color-text-link-in-contrast-secondary-alpha = var(--vkui--color_text_link_in_contrast_secondary_alpha, #2d81e0);
+$color-text-link-in-contrast-secondary-alpha--hover = var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, #2B7CD9);
+$color-text-link-in-contrast-secondary-alpha--active = var(--vkui--color_text_link_in_contrast_secondary_alpha--active, #2978D3);
 font-display-title1--regular() {