@vkontakte/vkui-tokens 4.41.1 → 4.41.2

package/themes/octaviusVKDark/index.less

@@ -574,6 +574,30 @@
 @color-background-positive-tint-themed: #ECFAF3;
 @color-background-positive-tint-themed--hover: #EDFAF3;
 @color-background-positive-tint-themed--active: #EEFAF4;
+@color-tooltip-background-blue-tint: #DDE9FF;
+@color-tooltip-background-blue-tint--hover: #DEEAFF;
+@color-tooltip-background-blue-tint--active: #E0EBFF;
+@color-tooltip-background-green-tint: #CEEEE6;
+@color-tooltip-background-green-tint--hover: #D0EFE7;
+@color-tooltip-background-green-tint--active: #D2EFE8;
+@color-tooltip-background-orange-tint: #F9D3BD;
+@color-tooltip-background-orange-tint--hover: #F9D5C0;
+@color-tooltip-background-orange-tint--active: #F9D7C2;
+@color-tooltip-background-purple-tint: #F2E8FF;
+@color-tooltip-background-purple-tint--hover: #F3E9FF;
+@color-tooltip-background-purple-tint--active: #F3EAFF;
+@color-tooltip-text-blue-themed: #1C4479;
+@color-tooltip-text-blue-themed--hover: #254B7E;
+@color-tooltip-text-blue-themed--active: #2E5384;
+@color-tooltip-text-green-themed: #087C6D;
+@color-tooltip-text-green-themed--hover: #128173;
+@color-tooltip-text-green-themed--active: #1C8679;
+@color-tooltip-text-orange-themed: #78472A;
+@color-tooltip-text-orange-themed--hover: #7D4E33;
+@color-tooltip-text-orange-themed--active: #83563B;
+@color-tooltip-text-purple-themed: #73519F;
+@color-tooltip-text-purple-themed--hover: #7958A3;
+@color-tooltip-text-purple-themed--active: #7E5FA7;
 @color-social-vk: #3F8AE0;
 @color-social-vk--hover: #478FE1;
 @color-social-vk--active: #4E93E2;

package/themes/octaviusVKDark/index.pcss

@@ -575,6 +575,30 @@
 	--color-background-positive-tint-themed: #ECFAF3;
 	--color-background-positive-tint-themed--hover: #EDFAF3;
 	--color-background-positive-tint-themed--active: #EEFAF4;
+	--color-tooltip-background-blue-tint: #DDE9FF;
+	--color-tooltip-background-blue-tint--hover: #DEEAFF;
+	--color-tooltip-background-blue-tint--active: #E0EBFF;
+	--color-tooltip-background-green-tint: #CEEEE6;
+	--color-tooltip-background-green-tint--hover: #D0EFE7;
+	--color-tooltip-background-green-tint--active: #D2EFE8;
+	--color-tooltip-background-orange-tint: #F9D3BD;
+	--color-tooltip-background-orange-tint--hover: #F9D5C0;
+	--color-tooltip-background-orange-tint--active: #F9D7C2;
+	--color-tooltip-background-purple-tint: #F2E8FF;
+	--color-tooltip-background-purple-tint--hover: #F3E9FF;
+	--color-tooltip-background-purple-tint--active: #F3EAFF;
+	--color-tooltip-text-blue-themed: #1C4479;
+	--color-tooltip-text-blue-themed--hover: #254B7E;
+	--color-tooltip-text-blue-themed--active: #2E5384;
+	--color-tooltip-text-green-themed: #087C6D;
+	--color-tooltip-text-green-themed--hover: #128173;
+	--color-tooltip-text-green-themed--active: #1C8679;
+	--color-tooltip-text-orange-themed: #78472A;
+	--color-tooltip-text-orange-themed--hover: #7D4E33;
+	--color-tooltip-text-orange-themed--active: #83563B;
+	--color-tooltip-text-purple-themed: #73519F;
+	--color-tooltip-text-purple-themed--hover: #7958A3;
+	--color-tooltip-text-purple-themed--active: #7E5FA7;
 	--color-social-vk: #3F8AE0;
 	--color-social-vk--hover: #478FE1;
 	--color-social-vk--active: #4E93E2;

package/themes/octaviusVKDark/index.scss

@@ -574,6 +574,30 @@ $color-background-positive-tint-alpha--active: rgba(13, 194, 104, 0.16);
 $color-background-positive-tint-themed: #ECFAF3;
 $color-background-positive-tint-themed--hover: #EDFAF3;
 $color-background-positive-tint-themed--active: #EEFAF4;
+$color-tooltip-background-blue-tint: #DDE9FF;
+$color-tooltip-background-blue-tint--hover: #DEEAFF;
+$color-tooltip-background-blue-tint--active: #E0EBFF;
+$color-tooltip-background-green-tint: #CEEEE6;
+$color-tooltip-background-green-tint--hover: #D0EFE7;
+$color-tooltip-background-green-tint--active: #D2EFE8;
+$color-tooltip-background-orange-tint: #F9D3BD;
+$color-tooltip-background-orange-tint--hover: #F9D5C0;
+$color-tooltip-background-orange-tint--active: #F9D7C2;
+$color-tooltip-background-purple-tint: #F2E8FF;
+$color-tooltip-background-purple-tint--hover: #F3E9FF;
+$color-tooltip-background-purple-tint--active: #F3EAFF;
+$color-tooltip-text-blue-themed: #1C4479;
+$color-tooltip-text-blue-themed--hover: #254B7E;
+$color-tooltip-text-blue-themed--active: #2E5384;
+$color-tooltip-text-green-themed: #087C6D;
+$color-tooltip-text-green-themed--hover: #128173;
+$color-tooltip-text-green-themed--active: #1C8679;
+$color-tooltip-text-orange-themed: #78472A;
+$color-tooltip-text-orange-themed--hover: #7D4E33;
+$color-tooltip-text-orange-themed--active: #83563B;
+$color-tooltip-text-purple-themed: #73519F;
+$color-tooltip-text-purple-themed--hover: #7958A3;
+$color-tooltip-text-purple-themed--active: #7E5FA7;
 $color-social-vk: #3F8AE0;
 $color-social-vk--hover: #478FE1;
 $color-social-vk--active: #4E93E2;

package/themes/octaviusVKDark/index.styl

@@ -574,6 +574,30 @@ $color-background-positive-tint-alpha--active = rgba(13, 194, 104, 0.16);
 $color-background-positive-tint-themed = #ECFAF3;
 $color-background-positive-tint-themed--hover = #EDFAF3;
 $color-background-positive-tint-themed--active = #EEFAF4;
+$color-tooltip-background-blue-tint = #DDE9FF;
+$color-tooltip-background-blue-tint--hover = #DEEAFF;
+$color-tooltip-background-blue-tint--active = #E0EBFF;
+$color-tooltip-background-green-tint = #CEEEE6;
+$color-tooltip-background-green-tint--hover = #D0EFE7;
+$color-tooltip-background-green-tint--active = #D2EFE8;
+$color-tooltip-background-orange-tint = #F9D3BD;
+$color-tooltip-background-orange-tint--hover = #F9D5C0;
+$color-tooltip-background-orange-tint--active = #F9D7C2;
+$color-tooltip-background-purple-tint = #F2E8FF;
+$color-tooltip-background-purple-tint--hover = #F3E9FF;
+$color-tooltip-background-purple-tint--active = #F3EAFF;
+$color-tooltip-text-blue-themed = #1C4479;
+$color-tooltip-text-blue-themed--hover = #254B7E;
+$color-tooltip-text-blue-themed--active = #2E5384;
+$color-tooltip-text-green-themed = #087C6D;
+$color-tooltip-text-green-themed--hover = #128173;
+$color-tooltip-text-green-themed--active = #1C8679;
+$color-tooltip-text-orange-themed = #78472A;
+$color-tooltip-text-orange-themed--hover = #7D4E33;
+$color-tooltip-text-orange-themed--active = #83563B;
+$color-tooltip-text-purple-themed = #73519F;
+$color-tooltip-text-purple-themed--hover = #7958A3;
+$color-tooltip-text-purple-themed--active = #7E5FA7;
 $color-social-vk = #3F8AE0;
 $color-social-vk--hover = #478FE1;
 $color-social-vk--active = #4E93E2;

package/themes/octaviusVKDark/struct.json

@@ -1864,6 +1864,46 @@
 			"hover": "#EDFAF3",
 			"active": "#EEFAF4"
 		},
+		"colorTooltipBackgroundBlueTint": {
+			"normal": "#DDE9FF",
+			"hover": "#DEEAFF",
+			"active": "#E0EBFF"
+		},
+		"colorTooltipBackgroundGreenTint": {
+			"normal": "#CEEEE6",
+			"hover": "#D0EFE7",
+			"active": "#D2EFE8"
+		},
+		"colorTooltipBackgroundOrangeTint": {
+			"normal": "#F9D3BD",
+			"hover": "#F9D5C0",
+			"active": "#F9D7C2"
+		},
+		"colorTooltipBackgroundPurpleTint": {
+			"normal": "#F2E8FF",
+			"hover": "#F3E9FF",
+			"active": "#F3EAFF"
+		},
+		"colorTooltipTextBlueThemed": {
+			"normal": "#1C4479",
+			"hover": "#254B7E",
+			"active": "#2E5384"
+		},
+		"colorTooltipTextGreenThemed": {
+			"normal": "#087C6D",
+			"hover": "#128173",
+			"active": "#1C8679"
+		},
+		"colorTooltipTextOrangeThemed": {
+			"normal": "#78472A",
+			"hover": "#7D4E33",
+			"active": "#83563B"
+		},
+		"colorTooltipTextPurpleThemed": {
+			"normal": "#73519F",
+			"hover": "#7958A3",
+			"active": "#7E5FA7"
+		},
 		"colorSocialVk": {
 			"normal": "#3F8AE0",
 			"hover": "#478FE1",

package/themes/octaviusWhite/cssVars/declarations/index.css

@@ -699,6 +699,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--vkui--color_social_vk: #3F8AE0;
 	--vkui--color_social_vk--hover: #3C85D9;
 	--vkui--color_social_vk--active: #3A80D3;

package/themes/octaviusWhite/cssVars/declarations/noSizes.css

@@ -399,6 +399,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--vkui--color_social_vk: #3F8AE0;
 	--vkui--color_social_vk--hover: #3C85D9;
 	--vkui--color_social_vk--active: #3A80D3;

package/themes/octaviusWhite/cssVars/declarations/onlyColors.css

@@ -353,6 +353,30 @@
 	--vkui--color_background_positive_tint_themed: #ECFAF3;
 	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
 	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
 	--vkui--color_social_vk: #3F8AE0;
 	--vkui--color_social_vk--hover: #3C85D9;
 	--vkui--color_social_vk--active: #3A80D3;