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

package/themes/vkontakteCom/docs.json

@@ -520,6 +520,18 @@
       }
     ]
   },
+  "colorIconButton": {
+    "tags": [
+      "color",
+      "icon"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет иконок для кнопок"
+      }
+    ]
+  },
   "colorIconContrast": {
     "tags": [
       "color",
@@ -901,6 +913,18 @@
       }
     ]
   },
+  "colorStrokeButton": {
+    "tags": [
+      "color",
+      "stroke"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет обводки для кнопок"
+      }
+    ]
+  },
   "colorStrokeContrast": {
     "tags": [
       "color",
@@ -962,6 +986,17 @@
       }
     ]
   },
+  "colorTextButton": {
+    "tags": [
+      "color"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет текста для кнопок"
+      }
+    ]
+  },
   "colorTextContrast": {
     "tags": [
       "color",
@@ -2494,10 +2529,78 @@
       }
     ]
   },
+  "vkontakteBackgroundHoverAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorAccentAlternate": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorActionSheetSeparatorAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorAlphaSkeletonShimmerTo": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundKeyboard": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundSuggestions": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorBackgroundTextAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentPlaceholderIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorContentTintForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorControlTintMuted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderSearchFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorHeaderTabActiveIndicator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineMedium": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorIconOutlineSecondary": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": {
     "tags": [],
     "desc": []
@@ -2546,14 +2649,98 @@
     "tags": [],
     "desc": []
   },
+  "vkontakteColorLoaderBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorLoaderTint": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorModalCardBorderAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorModalCardHeaderClose": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorMusicPlaybackIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPanelTabActiveText": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundPrimary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconForegroundSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPlaceholderIconTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorPollOptionBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSearchBarFieldTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSkeletonShimmerFrom": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorSnippetBackground": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteColorSnippetBorderAlpha": {
     "tags": [],
     "desc": []
   },
+  "vkontakteColorSplashScreenIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorStatusBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarActiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarInactiveIcon": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTabbarTabletTextSecondary": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorTextName": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteColorToolbarAttachBackgroundFrom": {
+    "tags": [],
+    "desc": []
+  },
   "vkontakteGradientAquamarineBlue": {
     "tags": [
       "gradient"
@@ -2928,6 +3115,42 @@
       }
     ]
   },
+  "vkontakteImAttachTint": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonForeground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackground": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleGiftBackgroundHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleIncomingHighlighted": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImBubbleOutgoingAlternate": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImReplySeparator": {
+    "tags": [],
+    "desc": []
+  },
+  "vkontakteImToolbarVoiceMsgBackground": {
+    "tags": [],
+    "desc": []
+  },
   "zIndexModal": {
     "tags": [
       "z-index"

package/themes/vkontakteCom/index.css

@@ -342,6 +342,9 @@
 	--vkui--color_link_contrast: #333333;
 	--vkui--color_link_contrast--hover: #313233;
 	--vkui--color_link_contrast--active: #2F3034;
+	--vkui--color_text_button: #346297;
+	--vkui--color_text_button--hover: #325F93;
+	--vkui--color_text_button--active: #305B90;
 	--vkui--color_icon_accent: #447BBA;
 	--vkui--color_icon_accent--hover: #4177B5;
 	--vkui--color_icon_accent--active: #3F72B0;
@@ -387,6 +390,9 @@
 	--vkui--color_icon_negative: #E64646;
 	--vkui--color_icon_negative--hover: #DD4446;
 	--vkui--color_icon_negative--active: #D44245;
+	--vkui--color_icon_button: #346297;
+	--vkui--color_icon_button--hover: #325F93;
+	--vkui--color_icon_button--active: #305B90;
 	--vkui--color_stroke_accent: #447BBA;
 	--vkui--color_stroke_accent--hover: #4177B5;
 	--vkui--color_stroke_accent--active: #3F72B0;
@@ -423,6 +429,9 @@
 	--vkui--color_field_border_alpha: rgba(0, 0, 0, 0.12);
 	--vkui--color_field_border_alpha--hover: rgba(0, 0, 0, 0.24);
 	--vkui--color_field_border_alpha--active: rgba(0, 0, 0, 0.36);
+	--vkui--color_stroke_button: #346297;
+	--vkui--color_stroke_button--hover: #325F93;
+	--vkui--color_stroke_button--active: #305B90;
 	--vkui--color_accent_blue: #5181B8;
 	--vkui--color_accent_blue--hover: #4E7CB3;
 	--vkui--color_accent_blue--active: #4B78AE;
@@ -510,6 +519,9 @@
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.12);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.16);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.2);
+	--vkui--vkontakte_color_snippet_background: #FFFFFF;
+	--vkui--vkontakte_color_snippet_background--hover: #F5F5F7;
+	--vkui--vkontakte_color_snippet_background--active: #EBECEF;
 	--vkui--vkontakte_color_modal_card_border_alpha: rgba(0, 0, 0, 0);
 	--vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(0, 0, 0, 0.04);
 	--vkui--vkontakte_color_modal_card_border_alpha--active: rgba(0, 0, 0, 0.08);
@@ -522,6 +534,144 @@
 	--vkui--vkontakte_color_input_border: #D3D9DE;
 	--vkui--vkontakte_color_input_border--hover: #CBD1D8;
 	--vkui--vkontakte_color_input_border--active: #C2C9D1;
+	--vkui--vkontakte_color_search_bar_background: #e5ebf1;
+	--vkui--vkontakte_color_search_bar_background--hover: #DCE2EA;
+	--vkui--vkontakte_color_search_bar_background--active: #D3D9E3;
+	--vkui--vkontakte_color_search_bar_field_tint: #818c99;
+	--vkui--vkontakte_color_search_bar_field_tint--hover: #7C8795;
+	--vkui--vkontakte_color_search_bar_field_tint--active: #778292;
+	--vkui--vkontakte_background_hover_alpha: rgba(174, 183, 194, 0.12);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(174, 183, 194, 0.16);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(174, 183, 194, 0.2);
+	--vkui--vkontakte_color_accent_alternate: #0077ff;
+	--vkui--vkontakte_color_accent_alternate--hover: #0073F7;
+	--vkui--vkontakte_color_accent_alternate--active: #006FEF;
+	--vkui--vkontakte_color_background_suggestions: #FFFFFF;
+	--vkui--vkontakte_color_background_suggestions--hover: #F5F5F7;
+	--vkui--vkontakte_color_background_suggestions--active: #EBECEF;
+	--vkui--vkontakte_color_background_keyboard: #dce1e6;
+	--vkui--vkontakte_color_background_keyboard--hover: #D3D9DF;
+	--vkui--vkontakte_color_background_keyboard--active: #CAD0D8;
+	--vkui--vkontakte_color_content_placeholder_icon: #b2b2b2;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #ABACAD;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #A4A5A9;
+	--vkui--vkontakte_color_content_tint_foreground: #939393;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #8D8E90;
+	--vkui--vkontakte_color_content_tint_foreground--active: #87898C;
+	--vkui--vkontakte_color_text_name: #2a5885;
+	--vkui--vkontakte_color_text_name--hover: #285582;
+	--vkui--vkontakte_color_text_name--active: #27527F;
+	--vkui--vkontakte_color_control_background: #edeef0;
+	--vkui--vkontakte_color_control_background--hover: #E4E5E9;
+	--vkui--vkontakte_color_control_background--active: #DADCE2;
+	--vkui--vkontakte_color_control_foreground: #447bba;
+	--vkui--vkontakte_color_control_foreground--hover: #4177B5;
+	--vkui--vkontakte_color_control_foreground--active: #3F72B0;
+	--vkui--vkontakte_color_control_tint_muted: #828282;
+	--vkui--vkontakte_color_control_tint_muted--hover: #7D7D7F;
+	--vkui--vkontakte_color_control_tint_muted--active: #78797C;
+	--vkui--vkontakte_color_header_search_field_background: #edeef0;
+	--vkui--vkontakte_color_header_search_field_background--hover: #E4E5E9;
+	--vkui--vkontakte_color_header_search_field_background--active: #DADCE2;
+	--vkui--vkontakte_color_header_search_field_tint: #818c99;
+	--vkui--vkontakte_color_header_search_field_tint--hover: #7C8795;
+	--vkui--vkontakte_color_header_search_field_tint--active: #778292;
+	--vkui--vkontakte_color_header_tab_active_indicator: #397dcc;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #3779C6;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #3474C1;
+	--vkui--vkontakte_color_icon_outline_medium: #818c99;
+	--vkui--vkontakte_color_icon_outline_medium--hover: #7C8795;
+	--vkui--vkontakte_color_icon_outline_medium--active: #778292;
+	--vkui--vkontakte_color_icon_outline_secondary: #99a2ad;
+	--vkui--vkontakte_color_icon_outline_secondary--hover: #939CA9;
+	--vkui--vkontakte_color_icon_outline_secondary--active: #8D96A4;
+	--vkui--vkontakte_color_skeleton_shimmer_from: #FFFFFF;
+	--vkui--vkontakte_color_skeleton_shimmer_from--hover: #F5F5F7;
+	--vkui--vkontakte_color_skeleton_shimmer_from--active: #EBECEF;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(0, 16, 61, 0.04);
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(0, 16, 61, 0.08);
+	--vkui--vkontakte_color_loader_background: #edeef0;
+	--vkui--vkontakte_color_loader_background--hover: #E4E5E9;
+	--vkui--vkontakte_color_loader_background--active: #DADCE2;
+	--vkui--vkontakte_color_loader_tint: #828282;
+	--vkui--vkontakte_color_loader_tint--hover: #7D7D7F;
+	--vkui--vkontakte_color_loader_tint--active: #78797C;
+	--vkui--vkontakte_color_music_playback_icon: #000000;
+	--vkui--vkontakte_color_music_playback_icon--hover: #000102;
+	--vkui--vkontakte_color_music_playback_icon--active: #000105;
+	--vkui--vkontakte_color_status_background: #edeef0;
+	--vkui--vkontakte_color_status_background--hover: #E4E5E9;
+	--vkui--vkontakte_color_status_background--active: #DADCE2;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary: #99a2ad;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #939CA9;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #8D96A4;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary: #aeb7c2;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #A7B0BD;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #A0AAB7;
+	--vkui--vkontakte_color_placeholder_icon_tint: #1d3a5c;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #1C385B;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #1B375A;
+	--vkui--vkontakte_color_poll_option_background: #447bba;
+	--vkui--vkontakte_color_poll_option_background--hover: #4177B5;
+	--vkui--vkontakte_color_poll_option_background--active: #3F72B0;
+	--vkui--vkontakte_color_tabbar_active_icon: #447bba;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #4177B5;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #3F72B0;
+	--vkui--vkontakte_color_tabbar_background: #f7f8fa;
+	--vkui--vkontakte_color_tabbar_background--hover: #EDEFF2;
+	--vkui--vkontakte_color_tabbar_background--active: #E3E5EB;
+	--vkui--vkontakte_color_tabbar_inactive_icon: #99a2ad;
+	--vkui--vkontakte_color_tabbar_inactive_icon--hover: #939CA9;
+	--vkui--vkontakte_color_tabbar_inactive_icon--active: #8D96A4;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary: #818c99;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #7C8795;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #778292;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #dce1e6;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #D3D9DF;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #CAD0D8;
+	--vkui--vkontakte_color_splash_screen_icon: #dce1e6;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #D3D9DF;
+	--vkui--vkontakte_color_splash_screen_icon--active: #CAD0D8;
+	--vkui--vkontakte_color_icon_name: #8fadc8;
+	--vkui--vkontakte_color_icon_name--hover: #89A7C2;
+	--vkui--vkontakte_color_icon_name--active: #84A0BD;
+	--vkui--vkontakte_color_panel_tab_active_text: #4e5966;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #4B5664;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #485363;
+	--vkui--vkontakte_color_background_text_alpha: rgba(81, 129, 184, 0.2);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(81, 129, 184, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(81, 129, 184, 0.28);
+	--vkui--vkontakte_color_modal_card_header_close: #000000;
+	--vkui--vkontakte_color_modal_card_header_close--hover: #000102;
+	--vkui--vkontakte_color_modal_card_header_close--active: #000105;
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.72);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.76);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.8);
+	--vkui--vkontakte_im_bubble_button_foreground: #000000;
+	--vkui--vkontakte_im_bubble_button_foreground--hover: #000102;
+	--vkui--vkontakte_im_bubble_button_foreground--active: #000105;
+	--vkui--vkontakte_im_bubble_incoming_highlighted: #d3d9de;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #CBD1D8;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #C2C9D1;
+	--vkui--vkontakte_im_bubble_gift_background: #f4e7c3;
+	--vkui--vkontakte_im_bubble_gift_background--hover: #EADEBE;
+	--vkui--vkontakte_im_bubble_gift_background--active: #E0D6B8;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted: #e3d3ac;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #DACBA8;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--active: #D1C3A3;
+	--vkui--vkontakte_im_bubble_outgoing_alternate: #FFFFFF;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--hover: #F5F5F7;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--active: #EBECEF;
+	--vkui--vkontakte_im_attach_tint: #447bba;
+	--vkui--vkontakte_im_attach_tint--hover: #4177B5;
+	--vkui--vkontakte_im_attach_tint--active: #3F72B0;
+	--vkui--vkontakte_im_reply_separator: #2a5885;
+	--vkui--vkontakte_im_reply_separator--hover: #285582;
+	--vkui--vkontakte_im_reply_separator--active: #27527F;
+	--vkui--vkontakte_im_toolbar_voice_msg_background: #99a2ad;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--hover: #939CA9;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--active: #8D96A4;
 	--vkui--vkontakte_color_im_forward_line_alpha: rgba(0, 20, 51, 0.12);
 	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(0, 20, 51, 0.16);
 	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(0, 20, 51, 0.2);