@vkontakte/vkui-tokens 4.35.0 → 4.35.2-dev-cfbf64.0

package/themes/vkontakteCom/index.js

@@ -628,6 +628,11 @@ var theme = {
         "hover": "#313233",
         "active": "#2F3034"
     },
+    "colorTextButton": {
+        "normal": "#346297",
+        "hover": "#325F93",
+        "active": "#305B90"
+    },
     "colorIconAccent": {
         "normal": "#447BBA",
         "hover": "#4177B5",
@@ -703,6 +708,11 @@ var theme = {
         "hover": "#DD4446",
         "active": "#D44245"
     },
+    "colorIconButton": {
+        "normal": "#346297",
+        "hover": "#325F93",
+        "active": "#305B90"
+    },
     "colorStrokeAccent": {
         "normal": "#447BBA",
         "hover": "#4177B5",
@@ -763,6 +773,11 @@ var theme = {
         "hover": "rgba(0, 0, 0, 0.24)",
         "active": "rgba(0, 0, 0, 0.36)"
     },
+    "colorStrokeButton": {
+        "normal": "#346297",
+        "hover": "#325F93",
+        "active": "#305B90"
+    },
     "colorAccentBlue": {
         "normal": "#5181B8",
         "hover": "#4E7CB3",
@@ -908,6 +923,11 @@ var theme = {
         "hover": "rgba(0, 0, 0, 0.16)",
         "active": "rgba(0, 0, 0, 0.2)"
     },
+    "vkontakteColorSnippetBackground": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
     "vkontakteColorModalCardBorderAlpha": {
         "normal": "rgba(0, 0, 0, 0)",
         "hover": "rgba(0, 0, 0, 0.04)",
@@ -928,6 +948,236 @@ var theme = {
         "hover": "#CBD1D8",
         "active": "#C2C9D1"
     },
+    "vkontakteColorSearchBarBackground": {
+        "normal": "#e5ebf1",
+        "hover": "#DCE2EA",
+        "active": "#D3D9E3"
+    },
+    "vkontakteColorSearchBarFieldTint": {
+        "normal": "#818c99",
+        "hover": "#7C8795",
+        "active": "#778292"
+    },
+    "vkontakteBackgroundHoverAlpha": {
+        "normal": "rgba(174, 183, 194, 0.12)",
+        "hover": "rgba(174, 183, 194, 0.16)",
+        "active": "rgba(174, 183, 194, 0.2)"
+    },
+    "vkontakteColorAccentAlternate": {
+        "normal": "#0077ff",
+        "hover": "#0073F7",
+        "active": "#006FEF"
+    },
+    "vkontakteColorBackgroundSuggestions": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
+    "vkontakteColorBackgroundKeyboard": {
+        "normal": "#dce1e6",
+        "hover": "#D3D9DF",
+        "active": "#CAD0D8"
+    },
+    "vkontakteColorContentPlaceholderIcon": {
+        "normal": "#b2b2b2",
+        "hover": "#ABACAD",
+        "active": "#A4A5A9"
+    },
+    "vkontakteColorContentTintForeground": {
+        "normal": "#939393",
+        "hover": "#8D8E90",
+        "active": "#87898C"
+    },
+    "vkontakteColorTextName": {
+        "normal": "#2a5885",
+        "hover": "#285582",
+        "active": "#27527F"
+    },
+    "vkontakteColorControlBackground": {
+        "normal": "#edeef0",
+        "hover": "#E4E5E9",
+        "active": "#DADCE2"
+    },
+    "vkontakteColorControlForeground": {
+        "normal": "#447bba",
+        "hover": "#4177B5",
+        "active": "#3F72B0"
+    },
+    "vkontakteColorControlTintMuted": {
+        "normal": "#828282",
+        "hover": "#7D7D7F",
+        "active": "#78797C"
+    },
+    "vkontakteColorHeaderSearchFieldBackground": {
+        "normal": "#edeef0",
+        "hover": "#E4E5E9",
+        "active": "#DADCE2"
+    },
+    "vkontakteColorHeaderSearchFieldTint": {
+        "normal": "#818c99",
+        "hover": "#7C8795",
+        "active": "#778292"
+    },
+    "vkontakteColorHeaderTabActiveIndicator": {
+        "normal": "#397dcc",
+        "hover": "#3779C6",
+        "active": "#3474C1"
+    },
+    "vkontakteColorIconOutlineMedium": {
+        "normal": "#818c99",
+        "hover": "#7C8795",
+        "active": "#778292"
+    },
+    "vkontakteColorIconOutlineSecondary": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
+    "vkontakteColorSkeletonShimmerFrom": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
+    "vkontakteColorAlphaSkeletonShimmerTo": {
+        "normal": "transparent",
+        "hover": "rgba(0, 16, 61, 0.04)",
+        "active": "rgba(0, 16, 61, 0.08)"
+    },
+    "vkontakteColorLoaderBackground": {
+        "normal": "#edeef0",
+        "hover": "#E4E5E9",
+        "active": "#DADCE2"
+    },
+    "vkontakteColorLoaderTint": {
+        "normal": "#828282",
+        "hover": "#7D7D7F",
+        "active": "#78797C"
+    },
+    "vkontakteColorMusicPlaybackIcon": {
+        "normal": "#000000",
+        "hover": "#000102",
+        "active": "#000105"
+    },
+    "vkontakteColorStatusBackground": {
+        "normal": "#edeef0",
+        "hover": "#E4E5E9",
+        "active": "#DADCE2"
+    },
+    "vkontakteColorPlaceholderIconForegroundPrimary": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
+    "vkontakteColorPlaceholderIconForegroundSecondary": {
+        "normal": "#aeb7c2",
+        "hover": "#A7B0BD",
+        "active": "#A0AAB7"
+    },
+    "vkontakteColorPlaceholderIconTint": {
+        "normal": "#1d3a5c",
+        "hover": "#1C385B",
+        "active": "#1B375A"
+    },
+    "vkontakteColorPollOptionBackground": {
+        "normal": "#447bba",
+        "hover": "#4177B5",
+        "active": "#3F72B0"
+    },
+    "vkontakteColorTabbarActiveIcon": {
+        "normal": "#447bba",
+        "hover": "#4177B5",
+        "active": "#3F72B0"
+    },
+    "vkontakteColorTabbarBackground": {
+        "normal": "#f7f8fa",
+        "hover": "#EDEFF2",
+        "active": "#E3E5EB"
+    },
+    "vkontakteColorTabbarInactiveIcon": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
+    "vkontakteColorTabbarTabletTextSecondary": {
+        "normal": "#818c99",
+        "hover": "#7C8795",
+        "active": "#778292"
+    },
+    "vkontakteColorToolbarAttachBackgroundFrom": {
+        "normal": "#dce1e6",
+        "hover": "#D3D9DF",
+        "active": "#CAD0D8"
+    },
+    "vkontakteColorSplashScreenIcon": {
+        "normal": "#dce1e6",
+        "hover": "#D3D9DF",
+        "active": "#CAD0D8"
+    },
+    "vkontakteColorIconName": {
+        "normal": "#8fadc8",
+        "hover": "#89A7C2",
+        "active": "#84A0BD"
+    },
+    "vkontakteColorPanelTabActiveText": {
+        "normal": "#4e5966",
+        "hover": "#4B5664",
+        "active": "#485363"
+    },
+    "vkontakteColorBackgroundTextAlpha": {
+        "normal": "rgba(81, 129, 184, 0.2)",
+        "hover": "rgba(81, 129, 184, 0.24)",
+        "active": "rgba(81, 129, 184, 0.28)"
+    },
+    "vkontakteColorModalCardHeaderClose": {
+        "normal": "#000000",
+        "hover": "#000102",
+        "active": "#000105"
+    },
+    "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+        "normal": "rgba(255, 255, 255, 0.72)",
+        "hover": "rgba(255, 255, 255, 0.76)",
+        "active": "rgba(255, 255, 255, 0.8)"
+    },
+    "vkontakteImBubbleButtonForeground": {
+        "normal": "#000000",
+        "hover": "#000102",
+        "active": "#000105"
+    },
+    "vkontakteImBubbleIncomingHighlighted": {
+        "normal": "#d3d9de",
+        "hover": "#CBD1D8",
+        "active": "#C2C9D1"
+    },
+    "vkontakteImBubbleGiftBackground": {
+        "normal": "#f4e7c3",
+        "hover": "#EADEBE",
+        "active": "#E0D6B8"
+    },
+    "vkontakteImBubbleGiftBackgroundHighlighted": {
+        "normal": "#e3d3ac",
+        "hover": "#DACBA8",
+        "active": "#D1C3A3"
+    },
+    "vkontakteImBubbleOutgoingAlternate": {
+        "normal": "#FFFFFF",
+        "hover": "#F5F5F7",
+        "active": "#EBECEF"
+    },
+    "vkontakteImAttachTint": {
+        "normal": "#447bba",
+        "hover": "#4177B5",
+        "active": "#3F72B0"
+    },
+    "vkontakteImReplySeparator": {
+        "normal": "#2a5885",
+        "hover": "#285582",
+        "active": "#27527F"
+    },
+    "vkontakteImToolbarVoiceMsgBackground": {
+        "normal": "#99a2ad",
+        "hover": "#939CA9",
+        "active": "#8D96A4"
+    },
     "vkontakteColorImForwardLineAlpha": {
         "normal": "rgba(0, 20, 51, 0.12)",
         "hover": "rgba(0, 20, 51, 0.16)",

package/themes/vkontakteCom/index.json

@@ -626,6 +626,11 @@
 		"hover": "#313233",
 		"active": "#2F3034"
 	},
+	"colorTextButton": {
+		"normal": "#346297",
+		"hover": "#325F93",
+		"active": "#305B90"
+	},
 	"colorIconAccent": {
 		"normal": "#447BBA",
 		"hover": "#4177B5",
@@ -701,6 +706,11 @@
 		"hover": "#DD4446",
 		"active": "#D44245"
 	},
+	"colorIconButton": {
+		"normal": "#346297",
+		"hover": "#325F93",
+		"active": "#305B90"
+	},
 	"colorStrokeAccent": {
 		"normal": "#447BBA",
 		"hover": "#4177B5",
@@ -761,6 +771,11 @@
 		"hover": "rgba(0, 0, 0, 0.24)",
 		"active": "rgba(0, 0, 0, 0.36)"
 	},
+	"colorStrokeButton": {
+		"normal": "#346297",
+		"hover": "#325F93",
+		"active": "#305B90"
+	},
 	"colorAccentBlue": {
 		"normal": "#5181B8",
 		"hover": "#4E7CB3",
@@ -906,6 +921,11 @@
 		"hover": "rgba(0, 0, 0, 0.16)",
 		"active": "rgba(0, 0, 0, 0.2)"
 	},
+	"vkontakteColorSnippetBackground": {
+		"normal": "#FFFFFF",
+		"hover": "#F5F5F7",
+		"active": "#EBECEF"
+	},
 	"vkontakteColorModalCardBorderAlpha": {
 		"normal": "rgba(0, 0, 0, 0)",
 		"hover": "rgba(0, 0, 0, 0.04)",
@@ -926,6 +946,236 @@
 		"hover": "#CBD1D8",
 		"active": "#C2C9D1"
 	},
+	"vkontakteColorSearchBarBackground": {
+		"normal": "#e5ebf1",
+		"hover": "#DCE2EA",
+		"active": "#D3D9E3"
+	},
+	"vkontakteColorSearchBarFieldTint": {
+		"normal": "#818c99",
+		"hover": "#7C8795",
+		"active": "#778292"
+	},
+	"vkontakteBackgroundHoverAlpha": {
+		"normal": "rgba(174, 183, 194, 0.12)",
+		"hover": "rgba(174, 183, 194, 0.16)",
+		"active": "rgba(174, 183, 194, 0.2)"
+	},
+	"vkontakteColorAccentAlternate": {
+		"normal": "#0077ff",
+		"hover": "#0073F7",
+		"active": "#006FEF"
+	},
+	"vkontakteColorBackgroundSuggestions": {
+		"normal": "#FFFFFF",
+		"hover": "#F5F5F7",
+		"active": "#EBECEF"
+	},
+	"vkontakteColorBackgroundKeyboard": {
+		"normal": "#dce1e6",
+		"hover": "#D3D9DF",
+		"active": "#CAD0D8"
+	},
+	"vkontakteColorContentPlaceholderIcon": {
+		"normal": "#b2b2b2",
+		"hover": "#ABACAD",
+		"active": "#A4A5A9"
+	},
+	"vkontakteColorContentTintForeground": {
+		"normal": "#939393",
+		"hover": "#8D8E90",
+		"active": "#87898C"
+	},
+	"vkontakteColorTextName": {
+		"normal": "#2a5885",
+		"hover": "#285582",
+		"active": "#27527F"
+	},
+	"vkontakteColorControlBackground": {
+		"normal": "#edeef0",
+		"hover": "#E4E5E9",
+		"active": "#DADCE2"
+	},
+	"vkontakteColorControlForeground": {
+		"normal": "#447bba",
+		"hover": "#4177B5",
+		"active": "#3F72B0"
+	},
+	"vkontakteColorControlTintMuted": {
+		"normal": "#828282",
+		"hover": "#7D7D7F",
+		"active": "#78797C"
+	},
+	"vkontakteColorHeaderSearchFieldBackground": {
+		"normal": "#edeef0",
+		"hover": "#E4E5E9",
+		"active": "#DADCE2"
+	},
+	"vkontakteColorHeaderSearchFieldTint": {
+		"normal": "#818c99",
+		"hover": "#7C8795",
+		"active": "#778292"
+	},
+	"vkontakteColorHeaderTabActiveIndicator": {
+		"normal": "#397dcc",
+		"hover": "#3779C6",
+		"active": "#3474C1"
+	},
+	"vkontakteColorIconOutlineMedium": {
+		"normal": "#818c99",
+		"hover": "#7C8795",
+		"active": "#778292"
+	},
+	"vkontakteColorIconOutlineSecondary": {
+		"normal": "#99a2ad",
+		"hover": "#939CA9",
+		"active": "#8D96A4"
+	},
+	"vkontakteColorSkeletonShimmerFrom": {
+		"normal": "#FFFFFF",
+		"hover": "#F5F5F7",
+		"active": "#EBECEF"
+	},
+	"vkontakteColorAlphaSkeletonShimmerTo": {
+		"normal": "transparent",
+		"hover": "rgba(0, 16, 61, 0.04)",
+		"active": "rgba(0, 16, 61, 0.08)"
+	},
+	"vkontakteColorLoaderBackground": {
+		"normal": "#edeef0",
+		"hover": "#E4E5E9",
+		"active": "#DADCE2"
+	},
+	"vkontakteColorLoaderTint": {
+		"normal": "#828282",
+		"hover": "#7D7D7F",
+		"active": "#78797C"
+	},
+	"vkontakteColorMusicPlaybackIcon": {
+		"normal": "#000000",
+		"hover": "#000102",
+		"active": "#000105"
+	},
+	"vkontakteColorStatusBackground": {
+		"normal": "#edeef0",
+		"hover": "#E4E5E9",
+		"active": "#DADCE2"
+	},
+	"vkontakteColorPlaceholderIconForegroundPrimary": {
+		"normal": "#99a2ad",
+		"hover": "#939CA9",
+		"active": "#8D96A4"
+	},
+	"vkontakteColorPlaceholderIconForegroundSecondary": {
+		"normal": "#aeb7c2",
+		"hover": "#A7B0BD",
+		"active": "#A0AAB7"
+	},
+	"vkontakteColorPlaceholderIconTint": {
+		"normal": "#1d3a5c",
+		"hover": "#1C385B",
+		"active": "#1B375A"
+	},
+	"vkontakteColorPollOptionBackground": {
+		"normal": "#447bba",
+		"hover": "#4177B5",
+		"active": "#3F72B0"
+	},
+	"vkontakteColorTabbarActiveIcon": {
+		"normal": "#447bba",
+		"hover": "#4177B5",
+		"active": "#3F72B0"
+	},
+	"vkontakteColorTabbarBackground": {
+		"normal": "#f7f8fa",
+		"hover": "#EDEFF2",
+		"active": "#E3E5EB"
+	},
+	"vkontakteColorTabbarInactiveIcon": {
+		"normal": "#99a2ad",
+		"hover": "#939CA9",
+		"active": "#8D96A4"
+	},
+	"vkontakteColorTabbarTabletTextSecondary": {
+		"normal": "#818c99",
+		"hover": "#7C8795",
+		"active": "#778292"
+	},
+	"vkontakteColorToolbarAttachBackgroundFrom": {
+		"normal": "#dce1e6",
+		"hover": "#D3D9DF",
+		"active": "#CAD0D8"
+	},
+	"vkontakteColorSplashScreenIcon": {
+		"normal": "#dce1e6",
+		"hover": "#D3D9DF",
+		"active": "#CAD0D8"
+	},
+	"vkontakteColorIconName": {
+		"normal": "#8fadc8",
+		"hover": "#89A7C2",
+		"active": "#84A0BD"
+	},
+	"vkontakteColorPanelTabActiveText": {
+		"normal": "#4e5966",
+		"hover": "#4B5664",
+		"active": "#485363"
+	},
+	"vkontakteColorBackgroundTextAlpha": {
+		"normal": "rgba(81, 129, 184, 0.2)",
+		"hover": "rgba(81, 129, 184, 0.24)",
+		"active": "rgba(81, 129, 184, 0.28)"
+	},
+	"vkontakteColorModalCardHeaderClose": {
+		"normal": "#000000",
+		"hover": "#000102",
+		"active": "#000105"
+	},
+	"vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+		"normal": "rgba(255, 255, 255, 0.72)",
+		"hover": "rgba(255, 255, 255, 0.76)",
+		"active": "rgba(255, 255, 255, 0.8)"
+	},
+	"vkontakteImBubbleButtonForeground": {
+		"normal": "#000000",
+		"hover": "#000102",
+		"active": "#000105"
+	},
+	"vkontakteImBubbleIncomingHighlighted": {
+		"normal": "#d3d9de",
+		"hover": "#CBD1D8",
+		"active": "#C2C9D1"
+	},
+	"vkontakteImBubbleGiftBackground": {
+		"normal": "#f4e7c3",
+		"hover": "#EADEBE",
+		"active": "#E0D6B8"
+	},
+	"vkontakteImBubbleGiftBackgroundHighlighted": {
+		"normal": "#e3d3ac",
+		"hover": "#DACBA8",
+		"active": "#D1C3A3"
+	},
+	"vkontakteImBubbleOutgoingAlternate": {
+		"normal": "#FFFFFF",
+		"hover": "#F5F5F7",
+		"active": "#EBECEF"
+	},
+	"vkontakteImAttachTint": {
+		"normal": "#447bba",
+		"hover": "#4177B5",
+		"active": "#3F72B0"
+	},
+	"vkontakteImReplySeparator": {
+		"normal": "#2a5885",
+		"hover": "#285582",
+		"active": "#27527F"
+	},
+	"vkontakteImToolbarVoiceMsgBackground": {
+		"normal": "#99a2ad",
+		"hover": "#939CA9",
+		"active": "#8D96A4"
+	},
 	"vkontakteColorImForwardLineAlpha": {
 		"normal": "rgba(0, 20, 51, 0.12)",
 		"hover": "rgba(0, 20, 51, 0.16)",