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

@vkontakte/vkui-tokens 4.89.0 → 4.90.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 (245) hide show

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

@@ -624,6 +624,9 @@
 	--vkui--color_accent_mint: #A3FD79;
 	--vkui--color_accent_mint--hover: #9CF477;
 	--vkui--color_accent_mint--active: #96EA74;
+	--vkui--color_overlay_secondary_themed: rgba(0, 0, 0, 0.27);
+	--vkui--color_overlay_secondary_themed--hover: rgba(0, 0, 0, 0.31);
+	--vkui--color_overlay_secondary_themed--active: rgba(0, 0, 0, 0.35);
 	--vkui--color_text_link_in_primary: #2d81e0;
 	--vkui--color_text_link_in_primary--hover: #2B7CD9;
 	--vkui--color_text_link_in_primary--active: #2978D3;

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

@@ -55,6 +55,9 @@
 	--vkui--color_accent_mint: #A3FD79;
 	--vkui--color_accent_mint--hover: #9CF477;
 	--vkui--color_accent_mint--active: #96EA74;
+	--vkui--color_overlay_secondary_themed: rgba(0, 0, 0, 0.27);
+	--vkui--color_overlay_secondary_themed--hover: rgba(0, 0, 0, 0.31);
+	--vkui--color_overlay_secondary_themed--active: rgba(0, 0, 0, 0.35);
 	--vkui--color_text_link_in_primary: #2d81e0;
 	--vkui--color_text_link_in_primary--hover: #2B7CD9;
 	--vkui--color_text_link_in_primary--active: #2978D3;

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

@@ -624,6 +624,9 @@
 	--vkui--color_accent_mint: var(--vkui--color_accent_mint, #A3FD79);
 	--vkui--color_accent_mint--hover: var(--vkui--color_accent_mint--hover, #9CF477);
 	--vkui--color_accent_mint--active: var(--vkui--color_accent_mint--active, #96EA74);
+	--vkui--color_overlay_secondary_themed: var(--vkui--color_overlay_secondary_themed, rgba(0, 0, 0, 0.27));
+	--vkui--color_overlay_secondary_themed--hover: var(--vkui--color_overlay_secondary_themed--hover, rgba(0, 0, 0, 0.31));
+	--vkui--color_overlay_secondary_themed--active: var(--vkui--color_overlay_secondary_themed--active, rgba(0, 0, 0, 0.35));
 	--vkui--color_text_link_in_primary: var(--vkui--color_text_link_in_primary, #2d81e0);
 	--vkui--color_text_link_in_primary--hover: var(--vkui--color_text_link_in_primary--hover, #2B7CD9);
 	--vkui--color_text_link_in_primary--active: var(--vkui--color_text_link_in_primary--active, #2978D3);

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

@@ -521,6 +521,9 @@
 @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-overlay-secondary-themed: var(--vkui--color_overlay_secondary_themed, rgba(0, 0, 0, 0.27));
+@color-overlay-secondary-themed--hover: var(--vkui--color_overlay_secondary_themed--hover, rgba(0, 0, 0, 0.31));
+@color-overlay-secondary-themed--active: var(--vkui--color_overlay_secondary_themed--active, rgba(0, 0, 0, 0.35));
 @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);

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

@@ -522,6 +522,9 @@
 	--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-overlay-secondary-themed: var(--vkui--color_overlay_secondary_themed, rgba(0, 0, 0, 0.27));
+	--color-overlay-secondary-themed--hover: var(--vkui--color_overlay_secondary_themed--hover, rgba(0, 0, 0, 0.31));
+	--color-overlay-secondary-themed--active: var(--vkui--color_overlay_secondary_themed--active, rgba(0, 0, 0, 0.35));
 	--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);

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

@@ -521,6 +521,9 @@ $color-stroke-contrast-secondary-alpha--active: var(--vkui--color_stroke_contras
 $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-overlay-secondary-themed: var(--vkui--color_overlay_secondary_themed, rgba(0, 0, 0, 0.27));
+$color-overlay-secondary-themed--hover: var(--vkui--color_overlay_secondary_themed--hover, rgba(0, 0, 0, 0.31));
+$color-overlay-secondary-themed--active: var(--vkui--color_overlay_secondary_themed--active, rgba(0, 0, 0, 0.35));
 $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);

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

@@ -521,6 +521,9 @@ $color-stroke-contrast-secondary-alpha--active = var(--vkui--color_stroke_contra
 $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-overlay-secondary-themed = var(--vkui--color_overlay_secondary_themed, rgba(0, 0, 0, 0.27));
+$color-overlay-secondary-themed--hover = var(--vkui--color_overlay_secondary_themed--hover, rgba(0, 0, 0, 0.31));
+$color-overlay-secondary-themed--active = var(--vkui--color_overlay_secondary_themed--active, rgba(0, 0, 0, 0.35));
 $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);