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

package/themes/vkontakteIOS/cssVars/declarations/noColors.css

@@ -102,6 +102,7 @@
 	--vkui--size_popup_header_padding--compact: 16px;
 	--vkui--size_label_horizontal_margin--regular: 16px;
 	--vkui--size_border_radius--regular: 10px;
+	--vkui--size_border_radius_rounded--regular: 48px;
 	--vkui--size_check_border_radius--regular: 4px;
 	--vkui--size_border_radius_paper--regular: 12px;
 	--vkui--size_border_radius_promo--regular: 20px;
@@ -118,7 +119,7 @@
 	--vkui--size_checkbox--regular: 16px;
 	--vkui--size_arrow--regular: 8px;
 	--vkui--size_arrow_promo--regular: 40px;
-	--vkui--size_popup_small--regular: 420px;
+	--vkui--size_popup_small--regular: 430px;
 	--vkui--size_popup_medium--regular: 680px;
 	--vkui--size_popup_large--regular: 880px;
 	--vkui--size_field_horizontal_padding--regular: 12px;
@@ -227,6 +228,9 @@
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
+	--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);
@@ -239,6 +243,144 @@
 	--vkui--vkontakte_color_input_border: #E1E3E6;
 	--vkui--vkontakte_color_input_border--hover: #D8DBDF;
 	--vkui--vkontakte_color_input_border--active: #CFD2D8;
+	--vkui--vkontakte_color_search_bar_background: #FFFFFF;
+	--vkui--vkontakte_color_search_bar_background--hover: #F5F5F7;
+	--vkui--vkontakte_color_search_bar_background--active: #EBECEF;
+	--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(0, 0, 0, 0.04);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(0, 0, 0, 0.08);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(0, 0, 0, 0.12);
+	--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: #e1e3e6;
+	--vkui--vkontakte_color_background_keyboard--hover: #D8DBDF;
+	--vkui--vkontakte_color_background_keyboard--active: #CFD2D8;
+	--vkui--vkontakte_color_content_placeholder_icon: #99a2ad;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #939CA9;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #8D96A4;
+	--vkui--vkontakte_color_content_tint_foreground: #7f8285;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #7A7D82;
+	--vkui--vkontakte_color_content_tint_foreground--active: #75797F;
+	--vkui--vkontakte_color_text_name: #2d81e0;
+	--vkui--vkontakte_color_text_name--hover: #2B7CD9;
+	--vkui--vkontakte_color_text_name--active: #2978D3;
+	--vkui--vkontakte_color_control_background: #ebedf0;
+	--vkui--vkontakte_color_control_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_control_background--active: #D8DBE2;
+	--vkui--vkontakte_color_control_foreground: #5181b8;
+	--vkui--vkontakte_color_control_foreground--hover: #4E7CB3;
+	--vkui--vkontakte_color_control_foreground--active: #4B78AE;
+	--vkui--vkontakte_color_control_tint_muted: #76787a;
+	--vkui--vkontakte_color_control_tint_muted--hover: #717478;
+	--vkui--vkontakte_color_control_tint_muted--active: #6D7075;
+	--vkui--vkontakte_color_header_search_field_background: #ebedf0;
+	--vkui--vkontakte_color_header_search_field_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_header_search_field_background--active: #D8DBE2;
+	--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: #2688eb;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #2483E4;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #237EDD;
+	--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: #ebedf0;
+	--vkui--vkontakte_color_loader_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_loader_background--active: #D8DBE2;
+	--vkui--vkontakte_color_loader_tint: #76787a;
+	--vkui--vkontakte_color_loader_tint--hover: #717478;
+	--vkui--vkontakte_color_loader_tint--active: #6D7075;
+	--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: #ebedf0;
+	--vkui--vkontakte_color_status_background--hover: #E2E4E9;
+	--vkui--vkontakte_color_status_background--active: #D8DBE2;
+	--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: #001c3d;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #001C3D;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #001B3D;
+	--vkui--vkontakte_color_poll_option_background: #45678f;
+	--vkui--vkontakte_color_poll_option_background--hover: #42648C;
+	--vkui--vkontakte_color_poll_option_background--active: #3F6088;
+	--vkui--vkontakte_color_tabbar_active_icon: #2975cc;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #2771C6;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #266DC1;
+	--vkui--vkontakte_color_tabbar_background: #f9f9f9;
+	--vkui--vkontakte_color_tabbar_background--hover: #EFF0F1;
+	--vkui--vkontakte_color_tabbar_background--active: #E5E6EA;
+	--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: #909499;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #8A8F95;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #848992;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #b8c1cc;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #B1BAC6;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #A9B3C1;
+	--vkui--vkontakte_color_splash_screen_icon: #e1e3e6;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #D8DBDF;
+	--vkui--vkontakte_color_splash_screen_icon--active: #CFD2D8;
+	--vkui--vkontakte_color_icon_name: #74a2d6;
+	--vkui--vkontakte_color_icon_name--hover: #6F9CD0;
+	--vkui--vkontakte_color_icon_name--active: #6B96CA;
+	--vkui--vkontakte_color_panel_tab_active_text: #76787a;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #717478;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #6D7075;
+	--vkui--vkontakte_color_background_text_alpha: rgba(38, 136, 235, 0.20);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(38, 136, 235, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(38, 136, 235, 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.60);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.64);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.68);
+	--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: #d7d8d9;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #CED0D3;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #C6C8CD;
+	--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: #2d81e0;
+	--vkui--vkontakte_im_attach_tint--hover: #2B7CD9;
+	--vkui--vkontakte_im_attach_tint--active: #2978D3;
+	--vkui--vkontakte_im_reply_separator: #2d81e0;
+	--vkui--vkontakte_im_reply_separator--hover: #2B7CD9;
+	--vkui--vkontakte_im_reply_separator--active: #2978D3;
+	--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(69, 103, 143, 0.24);
 	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(69, 103, 143, 0.28);
 	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(69, 103, 143, 0.32);