npm - @vkontakte/vkui-tokens - Versions diffs - 4.77.0 → 4.78.1 - Mend

@vkontakte/vkui-tokens 4.77.0 → 4.78.1

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 (202) hide show

package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css CHANGED Viewed

@@ -617,6 +617,12 @@
 	--vkui--color_transparent: transparent;
 	--vkui--color_transparent--hover: rgba(255, 255, 255, 0.04);
 	--vkui--color_transparent--active: rgba(255, 255, 255, 0.08);
+	--vkui--color_background_inverse: #EBEDF0;
+	--vkui--color_background_inverse--hover: #ECEEF1;
+	--vkui--color_background_inverse--active: #EDEEF1;
+	--vkui--color_stroke_contrast_secondary_alpha: rgba(1, 1, 1, 0.12);
+	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(1, 1, 1, 0.16);
+	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(1, 1, 1, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.15);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.19);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.23);

package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css CHANGED Viewed

@@ -135,6 +135,12 @@
 	--vkui--vkontakte_gradient_sberkot: rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%;
 	--vkui--vkontakte_gradient_mable: rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%;
 	--vkui--vkontakte_gradient_womens_day: rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%;
+	--vkui--color_background_inverse: #EBEDF0;
+	--vkui--color_background_inverse--hover: #ECEEF1;
+	--vkui--color_background_inverse--active: #EDEEF1;
+	--vkui--color_stroke_contrast_secondary_alpha: rgba(1, 1, 1, 0.12);
+	--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(1, 1, 1, 0.16);
+	--vkui--color_stroke_contrast_secondary_alpha--active: rgba(1, 1, 1, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.15);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.19);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.23);

package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css CHANGED Viewed

@@ -617,6 +617,12 @@
 	--vkui--color_transparent: var(--vkui--color_transparent, transparent);
 	--vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 	--vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));
+	--vkui--color_background_inverse: var(--vkui--color_background_inverse, #EBEDF0);
+	--vkui--color_background_inverse--hover: var(--vkui--color_background_inverse--hover, #ECEEF1);
+	--vkui--color_background_inverse--active: var(--vkui--color_background_inverse--active, #EDEEF1);
+	--vkui--color_stroke_contrast_secondary_alpha: var(--vkui--color_stroke_contrast_secondary_alpha, rgba(1, 1, 1, 0.12));
+	--vkui--color_stroke_contrast_secondary_alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(1, 1, 1, 0.16));
+	--vkui--color_stroke_contrast_secondary_alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(1, 1, 1, 0.2));
 	--vkui--vkontakte_color_snippet_border_alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15));
 	--vkui--vkontakte_color_snippet_border_alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19));
 	--vkui--vkontakte_color_snippet_border_alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23));

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

@@ -498,6 +498,12 @@
 @color-transparent: var(--vkui--color_transparent, transparent);
 @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 @color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));
+@color-background-inverse: var(--vkui--color_background_inverse, #EBEDF0);
+@color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #ECEEF1);
+@color-background-inverse--active: var(--vkui--color_background_inverse--active, #EDEEF1);
+@color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, rgba(1, 1, 1, 0.12));
+@color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(1, 1, 1, 0.16));
+@color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(1, 1, 1, 0.2));
 @vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15));
 @vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19));
 @vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23));

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

@@ -499,6 +499,12 @@
 	--color-transparent: var(--vkui--color_transparent, transparent);
 	--color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 	--color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));
+	--color-background-inverse: var(--vkui--color_background_inverse, #EBEDF0);
+	--color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #ECEEF1);
+	--color-background-inverse--active: var(--vkui--color_background_inverse--active, #EDEEF1);
+	--color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, rgba(1, 1, 1, 0.12));
+	--color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(1, 1, 1, 0.16));
+	--color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(1, 1, 1, 0.2));
 	--vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15));
 	--vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19));
 	--vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23));

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

@@ -498,6 +498,12 @@ $color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--act
 $color-transparent: var(--vkui--color_transparent, transparent);
 $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 $color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));
+$color-background-inverse: var(--vkui--color_background_inverse, #EBEDF0);
+$color-background-inverse--hover: var(--vkui--color_background_inverse--hover, #ECEEF1);
+$color-background-inverse--active: var(--vkui--color_background_inverse--active, #EDEEF1);
+$color-stroke-contrast-secondary-alpha: var(--vkui--color_stroke_contrast_secondary_alpha, rgba(1, 1, 1, 0.12));
+$color-stroke-contrast-secondary-alpha--hover: var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(1, 1, 1, 0.16));
+$color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(1, 1, 1, 0.2));
 $vkontakte-color-snippet-border-alpha: var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15));
 $vkontakte-color-snippet-border-alpha--hover: var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19));
 $vkontakte-color-snippet-border-alpha--active: var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23));

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

@@ -498,6 +498,12 @@ $color-tabbar-text-inactive--active = var(--vkui--color_tabbar_text_inactive--ac
 $color-transparent = var(--vkui--color_transparent, transparent);
 $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 $color-transparent--active = var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));
+$color-background-inverse = var(--vkui--color_background_inverse, #EBEDF0);
+$color-background-inverse--hover = var(--vkui--color_background_inverse--hover, #ECEEF1);
+$color-background-inverse--active = var(--vkui--color_background_inverse--active, #EDEEF1);
+$color-stroke-contrast-secondary-alpha = var(--vkui--color_stroke_contrast_secondary_alpha, rgba(1, 1, 1, 0.12));
+$color-stroke-contrast-secondary-alpha--hover = var(--vkui--color_stroke_contrast_secondary_alpha--hover, rgba(1, 1, 1, 0.16));
+$color-stroke-contrast-secondary-alpha--active = var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(1, 1, 1, 0.2));
 $vkontakte-color-snippet-border-alpha = var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15));
 $vkontakte-color-snippet-border-alpha--hover = var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19));
 $vkontakte-color-snippet-border-alpha--active = var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23));