npm - @vkontakte/vkui - Versions diffs - 4.19.0 → 4.22.0 - Mend

@vkontakte/vkui 4.19.0 → 4.22.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 (580) hide show

package/dist/cssm/styles/themes.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root,body[scheme=bright_light],[scheme=bright_light]{--accent: #2688eb;--accent_alternate: #0077ff;--action_sheet_action_foreground: #2688eb;--action_sheet_separator: rgba(0, 0, 0, 0.12);--activity_indicator_tint: #aeb7c2;--attach_picker_tab_active_background: #2d81e0;--attach_picker_tab_active_icon: #ffffff;--attach_picker_tab_active_text: #2d81e0;--attach_picker_tab_inactive_background: #f2f3f5;--attach_picker_tab_inactive_icon: #818c99;--attach_picker_tab_inactive_text: #818c99;--background_content: #ffffff;--background_highlighted: rgba(0, 0, 0, 0.08);--background_hover: rgba(0, 0, 0, 0.04);--background_keyboard: #e1e3e6;--background_light: #f9f9f9;--background_page: #ebedf0;--background_suggestions: #ffffff;--background_text_highlighted: rgba(38, 136, 235, 0.20);--button_bot_shadow: #c4c8cc;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #f2f3f5;--button_muted_foreground: #2688eb;--button_outline_border: #2688eb;--button_outline_foreground: #2688eb;--button_primary_background: #2d81e0;--button_primary_foreground: #ffffff;--button_secondary_background: rgba(0, 28, 61, 0.05);--button_secondary_background_highlighted: rgba(0, 28, 61, 0.03);--button_secondary_destructive_background: rgba(0, 28, 61, 0.05);--button_secondary_destructive_background_highlighted: rgba(0, 28, 61, 0.03);--button_secondary_destructive_foreground: #e64646;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.60);--button_secondary_foreground: #2688eb;--button_secondary_foreground_highlighted: rgba(38, 136, 235, 0.60);--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #2d81e0;--cell_button_foreground: #2688eb;--content_placeholder_icon: #99a2ad;--content_placeholder_text: #818c99;--content_positive_background: rgba(75, 179, 75, 0.15);--content_tint_background: #f5f5f5;--content_tint_foreground: #7f8285;--content_warning_background: #fff2d6;--control_background: #ebedf0;--control_foreground: #5181b8;--control_tint: #ffffff;--control_tint_muted: #76787a;--counter_primary_background: #2688eb;--counter_primary_text: #ffffff;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #aeb7c2;--counter_secondary_text: #ffffff;--destructive: #e64646;--dynamic_blue: #2688eb;--dynamic_gray: #a3adb8;--dynamic_green: #4bb34b;--dynamic_orange: #ffa000;--dynamic_purple: #735ce6;--dynamic_raspberry_pink: #e03fab;--dynamic_red: #ff3347;--dynamic_violet: #792ec0;--feed_recommended_friend_promo_background: #528bcc;--field_background: #f2f3f5;--field_border: rgba(0, 0, 0, 0.12);--field_error_background: #faebeb;--field_error_border: #e64646;--field_text_placeholder: #818c99;--field_valid_border: #4bb34b;--float_button_background: #f5f5f5;--float_button_background_highlighted: #ebedf0;--float_button_border: rgba(0, 0, 0, 0.05);--float_button_foreground: #99a2ad;--header_alternate_background: #ffffff;--header_alternate_tab_active_indicator: #2688eb;--header_alternate_tab_active_text: #000000;--header_alternate_tab_inactive_text: #99a2ad;--header_background: #ffffff;--header_background_before_blur: #ffffff;--header_background_before_blur_alternate: #ffffff;--header_search_field_background: #ebedf0;--header_search_field_tint: #818c99;--header_tab_active_background: rgba(0, 0, 0, 0.00);--header_tab_active_indicator: #2688eb;--header_tab_active_text: #000000;--header_tab_inactive_text: #99a2ad;--header_text: #000000;--header_text_alternate: #000000;--header_text_secondary: #818c99;--header_tint: #2688eb;--header_tint_alternate: #2688eb;--icon_alpha_placeholder: #ffffff;--icon_medium: #818c99;--icon_medium_alpha: rgba(0, 0, 0, 0.48);--icon_name: #74a2d6;--icon_outline_medium: #818c99;--icon_outline_secondary: #99a2ad;--icon_secondary: #99a2ad;--icon_secondary_alpha: rgba(0, 0, 0, 0.36);--icon_tertiary: #b8c1cc;--icon_tertiary_alpha: rgba(0, 0, 0, 0.24);--im_attach_tint: #2d81e0;--im_bubble_border_alternate: #e1e3e6;--im_bubble_border_alternate_highlighted: #d7d8d9;--im_bubble_button_background: #f9f9f9;--im_bubble_button_background_highlighted: #d7d8d9;--im_bubble_button_foreground: #000000;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.60);--im_bubble_gift_background: #f4e7c3;--im_bubble_gift_background_highlighted: #e3d3ac;--im_bubble_gift_text: #857250;--im_bubble_gift_text_secondary: #ab9871;--im_bubble_incoming: #ebedf0;--im_bubble_incoming_alternate: #ffffff;--im_bubble_incoming_alternate_highlighted: #f9f9f9;--im_bubble_incoming_expiring: #e6e9ff;--im_bubble_incoming_expiring_highlighted: #ccd3ff;--im_bubble_incoming_highlighted: #d7d8d9;--im_bubble_outgoing: #cce4ff;--im_bubble_outgoing_alternate: #ffffff;--im_bubble_outgoing_alternate_highlighted: #f9f9f9;--im_bubble_outgoing_expiring: #ccd3ff;--im_bubble_outgoing_expiring_highlighted: #adb8ff;--im_bubble_outgoing_highlighted: #add3ff;--im_bubble_wallpaper_button_background: #f2f3f5;--im_bubble_wallpaper_button_background_highlighted: #e1e3e6;--im_bubble_wallpaper_button_foreground: #000000;--im_bubble_wallpaper_incoming: #ffffff;--im_bubble_wallpaper_incoming_highlighted: #ebedf0;--im_bubble_wallpaper_outgoing: #cce4ff;--im_bubble_wallpaper_outgoing_highlighted: #add3ff;--im_forward_line_tint: rgba(69, 103, 143, 0.24);--im_reply_separator: #2d81e0;--im_service_message_text: #818c99;--im_text_name: #2d81e0;--im_toolbar_separator: #001c3d;--im_toolbar_voice_msg_background: #99a2ad;--image_border: rgba(0, 0, 0, 0.08);--input_background: #f2f3f5;--input_border: #e1e3e6;--landing_background: #ffffff;--landing_field_background: #f2f3f5;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #818c99;--landing_login_button_background: #2d81e0;--landing_login_button_foreground: #ffffff;--landing_primary_button_background: #2d81e0;--landing_primary_button_foreground: #ffffff;--landing_secondary_button_background: rgba(0, 57, 115, 0.10);--landing_secondary_button_foreground: #2688eb;--landing_snippet_border: rgba(0, 0, 0, 0.15);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #2d81e0;--landing_text_primary: #000000;--landing_text_secondary: #818c99;--landing_text_title: #2d81e0;--like_text_tint: #ff3347;--link_alternate: #2d81e0;--loader_background: #ebedf0;--loader_tint: #76787a;--loader_track_fill: #e1e3e6;--loader_track_value_fill: #528bcc;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #2c2d2e;--modal_card_background: #ffffff;--modal_card_border: rgba(0, 0, 0, 0.00);--modal_card_header_close: #000000;--music_playback_icon: #000000;--overlay_status_background: #ebedf0;--overlay_status_foreground: #6d7885;--overlay_status_icon: #818c99;--panel_tab_active_background: #ebedf0;--panel_tab_active_text: #5d5f61;--panel_tab_inactive_text: #76787a;--placeholder_icon_background: rgba(0, 28, 61, 0.08);--placeholder_icon_background_opaque: #f2f3f5;--placeholder_icon_foreground_primary: #99a2ad;--placeholder_icon_foreground_secondary: #aeb7c2;--placeholder_icon_tint: #001c3d;--poll_option_background: #45678f;--primary_overlay_badge: rgba(0, 0, 0, 0.60);--search_bar_background: #ffffff;--search_bar_field_background: #ebedf0;--search_bar_field_tint: #818c99;--search_bar_segmented_control_tint: #818c99;--secondary_overlay_badge: rgba(0, 0, 0, 0.24);--segmented_control_bar_background: rgba(0, 0, 0, 0.00);--segmented_control_tint: #99a2ad;--selection_off_icon: #b8c1cc;--separator_alpha: rgba(0, 0, 0, 0.12);--separator_alternate: #e1e3e6;--separator_common: #d7d8d9;--skeleton_foreground_from: #f5f5f5;--skeleton_foreground_to: #e1e3e6;--skeleton_shimmer_from: #ffffff;--skeleton_shimmer_to: #ffffff;--snippet_background: #ffffff;--snippet_border: rgba(0, 0, 0, 0.15);--snippet_icon_tertiary: #c4c8cc;--splashscreen_icon: #e1e3e6;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.20);--stories_create_button_background_from: #f2f3f5;--stories_create_button_background_to: #e1e3e6;--stories_create_button_foreground: #6d7885;--stories_create_button_icon_background: #ffffff;--stories_skeleton_loader_background: #c4c8cc;--switch_ios_off_border: #e1e3e6;--tabbar_active_icon: #2975cc;--tabbar_background: #f9f9f9;--tabbar_inactive_icon: #99a2ad;--tabbar_tablet_active_icon: #2975cc;--tabbar_tablet_background: #f9f9f9;--tabbar_tablet_inactive_icon: #99a2ad;--tabbar_tablet_text_primary: #000000;--tabbar_tablet_text_secondary: #909499;--text_action_counter: #818c99;--text_link: #2d81e0;--text_link_highlighted_background: #000000;--text_muted: #2c2d2e;--text_name: #2d81e0;--text_placeholder: #818c99;--text_primary: #000000;--text_secondary: #818c99;--text_subhead: #6d7885;--text_tertiary: #99a2ad;--toolbar_attach_background_from: #b8c1cc;--toolbar_attach_background_to: #a3adb8;--vk_connect_button_primary_background: #19191a;--vk_connect_button_primary_foreground: #ffffff;--vk_connect_button_secondary_background: #f2f3f5;--vk_connect_button_secondary_foreground: #19191a;--writebar_icon: #2688eb}body[scheme=space_gray],[scheme=space_gray]{--accent: #71aaeb;--accent_alternate: #ffffff;--action_sheet_action_foreground: #ffffff;--action_sheet_separator: rgba(255, 255, 255, 0.12);--activity_indicator_tint: #5d5f61;--attach_picker_tab_active_background: #e1e3e6;--attach_picker_tab_active_icon: #19191a;--attach_picker_tab_active_text: #e1e3e6;--attach_picker_tab_inactive_background: #2c2d2e;--attach_picker_tab_inactive_icon: #e1e3e6;--attach_picker_tab_inactive_text: #76787a;--background_content: #19191a;--background_highlighted: rgba(255, 255, 255, 0.08);--background_hover: rgba(255, 255, 255, 0.04);--background_keyboard: #2c2d2e;--background_light: #232324;--background_page: #0a0a0a;--background_suggestions: #2c2d2e;--background_text_highlighted: rgba(113, 170, 235, 0.24);--button_bot_shadow: #19191a;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #2c2d2e;--button_muted_foreground: #e1e3e6;--button_outline_border: #e1e3e6;--button_outline_foreground: #e1e3e6;--button_primary_background: #e1e3e6;--button_primary_foreground: #19191a;--button_secondary_background: #454647;--button_secondary_background_highlighted: rgba(69, 70, 71, 0.60);--button_secondary_destructive_background: #454647;--button_secondary_destructive_background_highlighted: rgba(69, 70, 71, 0.60);--button_secondary_destructive_foreground: #ff5c5c;--button_secondary_destructive_foreground_highlighted: rgba(255, 92, 92, 0.60);--button_secondary_foreground: #e1e3e6;--button_secondary_foreground_highlighted: rgba(225, 227, 230, 0.60);--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #e1e3e6;--cell_button_foreground: #e1e3e6;--content_placeholder_icon: #aaaeb3;--content_placeholder_text: #aaaeb3;--content_positive_background: rgba(75, 179, 75, 0.15);--content_tint_background: #232324;--content_tint_foreground: #909499;--content_warning_background: #857250;--control_background: #454647;--control_foreground: #e1e3e6;--control_tint: #19191a;--control_tint_muted: #909499;--counter_primary_background: #ffffff;--counter_primary_text: #19191a;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #76787a;--counter_secondary_text: #19191a;--destructive: #ff5c5c;--dynamic_blue: #2688eb;--dynamic_gray: #a3adb8;--dynamic_green: #4bb34b;--dynamic_orange: #ffa000;--dynamic_purple: #937ff5;--dynamic_raspberry_pink: #f060c0;--dynamic_red: #ff3347;--dynamic_violet: #a393f5;--feed_recommended_friend_promo_background: #6d7885;--field_background: #232324;--field_border: rgba(255, 255, 255, 0.12);--field_error_background: #522e2e;--field_error_border: #ff5c5c;--field_text_placeholder: #76787a;--field_valid_border: #4bb34b;--float_button_background: #454647;--float_button_background_highlighted: #5d5f61;--float_button_border: rgba(0, 0, 0, 0.12);--float_button_foreground: #aaaeb3;--header_alternate_background: #2c2d2e;--header_alternate_tab_active_indicator: #e1e3e6;--header_alternate_tab_active_text: #e1e3e6;--header_alternate_tab_inactive_text: #76787a;--header_background: #19191a;--header_background_before_blur: #070708;--header_background_before_blur_alternate: #070708;--header_search_field_background: #363738;--header_search_field_tint: #aaaeb3;--header_tab_active_background: #5d5f61;--header_tab_active_indicator: #71aaeb;--header_tab_active_text: #e1e3e6;--header_tab_inactive_text: #76787a;--header_text: #e1e3e6;--header_text_alternate: #e1e3e6;--header_text_secondary: rgba(255, 255, 255, 0.60);--header_tint: #e1e3e6;--header_tint_alternate: #e1e3e6;--icon_alpha_placeholder: #e1e3e6;--icon_medium: #909499;--icon_medium_alpha: rgba(255, 255, 255, 0.48);--icon_name: #aaaeb3;--icon_outline_medium: #aaaeb3;--icon_outline_secondary: #909499;--icon_secondary: #76787a;--icon_secondary_alpha: rgba(255, 255, 255, 0.36);--icon_tertiary: #5d5f61;--icon_tertiary_alpha: rgba(255, 255, 255, 0.24);--im_attach_tint: #ffffff;--im_bubble_border_alternate: rgba(0, 0, 0, 0.00);--im_bubble_border_alternate_highlighted: rgba(0, 0, 0, 0.00);--im_bubble_button_background: rgba(255, 255, 255, 0.16);--im_bubble_button_background_highlighted: rgba(255, 255, 255, 0.24);--im_bubble_button_foreground: #e1e3e6;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.20);--im_bubble_gift_background: #857250;--im_bubble_gift_background_highlighted: #ab9871;--im_bubble_gift_text: #ffffff;--im_bubble_gift_text_secondary: #e3d3ac;--im_bubble_incoming: #2c2d2e;--im_bubble_incoming_alternate: #2c2d2e;--im_bubble_incoming_alternate_highlighted: #5d5f61;--im_bubble_incoming_expiring: #262b4d;--im_bubble_incoming_expiring_highlighted: #404980;--im_bubble_incoming_highlighted: #5d5f61;--im_bubble_outgoing: #454647;--im_bubble_outgoing_alternate: #454647;--im_bubble_outgoing_alternate_highlighted: #76787a;--im_bubble_outgoing_expiring: #404980;--im_bubble_outgoing_expiring_highlighted: #5965b3;--im_bubble_outgoing_highlighted: #5d5f61;--im_bubble_wallpaper_button_background: #454647;--im_bubble_wallpaper_button_background_highlighted: #76787a;--im_bubble_wallpaper_button_foreground: #e1e3e6;--im_bubble_wallpaper_incoming: #2c2d2e;--im_bubble_wallpaper_incoming_highlighted: #5d5f61;--im_bubble_wallpaper_outgoing: #454647;--im_bubble_wallpaper_outgoing_highlighted: #5d5f61;--im_forward_line_tint: rgba(255, 255, 255, 0.24);--im_reply_separator: #ffffff;--im_service_message_text: #76787a;--im_text_name: #71aaeb;--im_toolbar_separator: #aaaeb3;--im_toolbar_voice_msg_background: #454647;--image_border: rgba(255, 255, 255, 0.08);--input_background: #2c2d2e;--input_border: #2c2d2e;--landing_background: #19191a;--landing_field_background: #232324;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #aaaeb3;--landing_login_button_background: #e1e3e6;--landing_login_button_foreground: #19191a;--landing_primary_button_background: #e1e3e6;--landing_primary_button_foreground: #19191a;--landing_secondary_button_background: rgba(255, 255, 255, 0.15);--landing_secondary_button_foreground: #ffffff;--landing_snippet_border: rgba(255, 255, 255, 0.15);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #ffffff;--landing_text_primary: #e1e3e6;--landing_text_secondary: #76787a;--landing_text_title: #ffffff;--like_text_tint: #ff5c5c;--link_alternate: #ffffff;--loader_background: #19191a;--loader_tint: #76787a;--loader_track_fill: #454647;--loader_track_value_fill: #ffffff;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #2c2d2e;--modal_card_background: #2c2d2e;--modal_card_border: rgba(255, 255, 255, 0.12);--modal_card_header_close: #ffffff;--music_playback_icon: #ffffff;--overlay_status_background: #19191a;--overlay_status_foreground: #e1e3e6;--overlay_status_icon: #ebedf0;--panel_tab_active_background: #454647;--panel_tab_active_text: #e1e3e6;--panel_tab_inactive_text: #76787a;--placeholder_icon_background: rgba(255, 255, 255, 0.08);--placeholder_icon_background_opaque: #232324;--placeholder_icon_foreground_primary: #909499;--placeholder_icon_foreground_secondary: #5d5f61;--placeholder_icon_tint: #ffffff;--poll_option_background: #ffffff;--primary_overlay_badge: rgba(255, 255, 255, 0.40);--search_bar_background: #19191a;--search_bar_field_background: #363738;--search_bar_field_tint: #aaaeb3;--search_bar_segmented_control_tint: #909499;--secondary_overlay_badge: rgba(255, 255, 255, 0.15);--segmented_control_bar_background: #19191a;--segmented_control_tint: #76787a;--selection_off_icon: #5d5f61;--separator_alpha: rgba(255, 255, 255, 0.12);--separator_alternate: #232324;--separator_common: #363738;--skeleton_foreground_from: #232324;--skeleton_foreground_to: #2c2d2e;--skeleton_shimmer_from: #19191a;--skeleton_shimmer_to: #19191a;--snippet_background: #232324;--snippet_border: rgba(255, 255, 255, 0.15);--snippet_icon_tertiary: #5d5f61;--splashscreen_icon: #2c2d2e;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.00);--stories_create_button_background_from: #363738;--stories_create_button_background_to: #363738;--stories_create_button_foreground: #c4c8cc;--stories_create_button_icon_background: #454647;--stories_skeleton_loader_background: #454647;--switch_ios_off_border: #2c2d2e;--tabbar_active_icon: #ffffff;--tabbar_background: #2c2d2e;--tabbar_inactive_icon: #76787a;--tabbar_tablet_active_icon: #71aaeb;--tabbar_tablet_background: #232324;--tabbar_tablet_inactive_icon: #76787a;--tabbar_tablet_text_primary: #e1e3e6;--tabbar_tablet_text_secondary: #76787a;--text_action_counter: #aaaeb3;--text_link: #71aaeb;--text_link_highlighted_background: #71aaeb;--text_muted: #c4c8cc;--text_name: #e1e3e6;--text_placeholder: #aaaeb3;--text_primary: #e1e3e6;--text_secondary: #76787a;--text_subhead: #909499;--text_tertiary: #5d5f61;--toolbar_attach_background_from: #76787a;--toolbar_attach_background_to: #5d5f61;--vk_connect_button_primary_background: #e1e3e6;--vk_connect_button_primary_foreground: #19191a;--vk_connect_button_secondary_background: #454647;--vk_connect_button_secondary_foreground: #e1e3e6;--writebar_icon: #e1e3e6}body[scheme=vkcom_light],[scheme=vkcom_light]{--accent: #5181b8;--accent_alternate: #2787f5;--action_sheet_action_foreground: #5181b8;--action_sheet_separator: rgba(0, 0, 0, 0.12);--activity_indicator_tint: #aeb7c2;--attach_picker_tab_active_background: #5181b8;--attach_picker_tab_active_icon: #ffffff;--attach_picker_tab_active_text: #5181b8;--attach_picker_tab_inactive_background: #f5f5f5;--attach_picker_tab_inactive_icon: #818c99;--attach_picker_tab_inactive_text: #818c99;--background_content: #ffffff;--background_highlighted: rgba(174, 183, 194, 0.16);--background_hover: rgba(174, 183, 194, 0.12);--background_keyboard: #dce1e6;--background_light: #fafbfc;--background_page: #edeef0;--background_suggestions: #ffffff;--background_text_highlighted: rgba(81, 129, 184, 0.20);--button_bot_shadow: #cccccc;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #e5ebf1;--button_muted_foreground: #55677d;--button_outline_border: #2a5885;--button_outline_foreground: #2a5885;--button_primary_background: #5181b8;--button_primary_foreground: #ffffff;--button_secondary_background: #e5ebf1;--button_secondary_background_highlighted: #dae2ea;--button_secondary_destructive_background: rgba(230, 70, 70, 0.16);--button_secondary_destructive_background_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_destructive_foreground: #e64646;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_foreground: #55677d;--button_secondary_foreground_highlighted: #55677d;--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #2a5885;--cell_button_foreground: #2a5885;--content_negative_background: #ff5c5c;--content_placeholder_icon: #99a2ad;--content_placeholder_text: #818c99;--content_positive_background: #def0d3;--content_tint_background: #f0f2f5;--content_tint_foreground: #828282;--content_warning_background: #faefd2;--control_background: #edeef0;--control_foreground: #5181b8;--control_tint: #ffffff;--control_tint_muted: #828282;--counter_primary_background: #5181b8;--counter_primary_text: #ffffff;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #99a2ad;--counter_secondary_text: #ffffff;--destructive: #e64646;--dynamic_blue: #5181b8;--dynamic_gray: #aeb7c2;--dynamic_green: #1b7a1b;--dynamic_orange: #ffa000;--dynamic_purple: #735ce6;--dynamic_raspberry_pink: #e03fab;--dynamic_red: #ff3347;--dynamic_violet: #792ec0;--feed_recommended_friend_promo_background: #5181b8;--field_background: #f7f8fa;--field_border: #dce1e6;--field_error_background: #ff5c5c;--field_error_border: #e64646;--field_text_placeholder: #818c99;--field_valid_border: #4bb34b;--float_button_background: #f7f8fa;--float_button_background_highlighted: #edeef0;--float_button_border: rgba(0, 0, 0, 0.08);--float_button_foreground: #99a2ad;--header_alternate_background: #ffffff;--header_alternate_tab_active_indicator: #5181b8;--header_alternate_tab_active_text: #000000;--header_alternate_tab_inactive_text: #99a2ad;--header_background: #ffffff;--header_background_before_blur: #ffffff;--header_background_before_blur_alternate: #ffffff;--header_search_field_background: #edeef0;--header_search_field_tint: #818c99;--header_tab_active_background: rgba(0, 0, 0, 0.00);--header_tab_active_indicator: #5181b8;--header_tab_active_text: #000000;--header_tab_inactive_text: #99a2ad;--header_text: #000000;--header_text_alternate: #000000;--header_text_secondary: #818c99;--header_tint: #aeb7c2;--header_tint_alternate: #2787f5;--icon_alpha_placeholder: #ffffff;--icon_medium: #6f7985;--icon_medium_alpha: rgba(0, 0, 0, 0.48);--icon_name: #8fadc8;--icon_outline_medium: #818c99;--icon_outline_secondary: #99a2ad;--icon_secondary: #99a2ad;--icon_secondary_alpha: rgba(0, 0, 0, 0.36);--icon_tertiary: #aeb7c2;--icon_tertiary_alpha: rgba(0, 0, 0, 0.24);--im_attach_tint: #5181b8;--im_bubble_border_alternate: #dce1e6;--im_bubble_border_alternate_highlighted: #cccccc;--im_bubble_button_background: #f7f8fa;--im_bubble_button_background_highlighted: #cccccc;--im_bubble_button_foreground: #000000;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.72);--im_bubble_gift_background: #f4e7c3;--im_bubble_gift_background_highlighted: #e3d3ac;--im_bubble_gift_text: #857250;--im_bubble_gift_text_secondary: #ab9871;--im_bubble_incoming: #edeef0;--im_bubble_incoming_alternate: #ffffff;--im_bubble_incoming_alternate_highlighted: #f7f8fa;--im_bubble_incoming_expiring: #e6e9ff;--im_bubble_incoming_expiring_highlighted: #ccd3ff;--im_bubble_incoming_highlighted: #d3d9de;--im_bubble_outgoing: #cce4ff;--im_bubble_outgoing_alternate: #ffffff;--im_bubble_outgoing_alternate_highlighted: #f0f2f5;--im_bubble_outgoing_expiring: #ccd3ff;--im_bubble_outgoing_expiring_highlighted: #adb8ff;--im_bubble_outgoing_highlighted: #add3ff;--im_bubble_wallpaper_button_background: #f0f2f5;--im_bubble_wallpaper_button_background_highlighted: #e7e8ec;--im_bubble_wallpaper_button_foreground: #000000;--im_bubble_wallpaper_incoming: #ffffff;--im_bubble_wallpaper_incoming_highlighted: #edeef0;--im_bubble_wallpaper_outgoing: #cce4ff;--im_bubble_wallpaper_outgoing_highlighted: #add3ff;--im_forward_line_tint: rgba(0, 20, 51, 0.12);--im_reply_separator: #2a5885;--im_service_message_text: #818c99;--im_text_name: #2a5885;--im_toolbar_separator: #001c3d;--im_toolbar_voice_msg_background: #99a2ad;--image_border: rgba(0, 0, 0, 0.08);--input_background: #ffffff;--input_border: #d3d9de;--landing_background: #ffffff;--landing_field_background: #f7f8fa;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #818c99;--landing_login_button_background: #5181b8;--landing_login_button_foreground: #ffffff;--landing_primary_button_background: #5181b8;--landing_primary_button_foreground: #ffffff;--landing_secondary_button_background: rgba(0, 57, 115, 0.10);--landing_secondary_button_foreground: #5181b8;--landing_snippet_border: rgba(0, 0, 0, 0.12);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #5181b8;--landing_text_primary: #000000;--landing_text_secondary: #818c99;--landing_text_title: #5181b8;--like_text_tint: #ff3347;--link_alternate: #2a5885;--loader_background: #edeef0;--loader_tint: #c5d0db;--loader_track_fill: #d3d9de;--loader_track_value_fill: #5181b8;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #333333;--modal_card_background: #ffffff;--modal_card_border: rgba(0, 0, 0, 0.00);--modal_card_header_close: #000000;--music_playback_icon: #000000;--overlay_status_background: #edeef0;--overlay_status_foreground: #6f7985;--overlay_status_icon: #818c99;--panel_tab_active_background: #edeef0;--panel_tab_active_text: #4e5966;--panel_tab_inactive_text: #6f7985;--placeholder_icon_background: rgba(0, 28, 61, 0.08);--placeholder_icon_background_opaque: #f0f2f5;--placeholder_icon_foreground_primary: #99a2ad;--placeholder_icon_foreground_secondary: #aeb7c2;--placeholder_icon_tint: #1d3a5c;--poll_option_background: #5181b8;--primary_overlay_badge: rgba(0, 0, 0, 0.56);--search_bar_background: rgba(0, 0, 0, 0.00);--search_bar_field_background: #edeef0;--search_bar_field_tint: #818c99;--search_bar_segmented_control_tint: #818c99;--secondary_overlay_badge: rgba(0, 0, 0, 0.24);--segmented_control_bar_background: rgba(0, 0, 0, 0.00);--segmented_control_tint: #99a2ad;--selection_off_icon: #c5d0db;--separator_alpha: rgba(0, 0, 0, 0.12);--separator_alternate: #e7e8ec;--separator_common: #dce1e6;--skeleton_foreground_from: #f0f2f5;--skeleton_foreground_to: #e7e8ec;--skeleton_shimmer_from: #ffffff;--skeleton_shimmer_to: rgba(255, 255, 255, 0.00);--snippet_background: #ffffff;--snippet_border: rgba(0, 0, 0, 0.12);--snippet_icon_tertiary: #aeb7c2;--splashscreen_icon: #dce1e6;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.24);--stories_create_button_background_from: #f0f2f5;--stories_create_button_background_to: #dce1e6;--stories_create_button_foreground: #6f7985;--stories_create_button_icon_background: #ffffff;--stories_skeleton_loader_background: #cccccc;--switch_ios_off_border: #dce1e6;--tabbar_active_icon: #5181b8;--tabbar_background: #f7f8fa;--tabbar_inactive_icon: #99a2ad;--tabbar_tablet_active_icon: #5181b8;--tabbar_tablet_background: #f7f8fa;--tabbar_tablet_inactive_icon: #99a2ad;--tabbar_tablet_text_primary: #000000;--tabbar_tablet_text_secondary: #818c99;--text_action_counter: #818c99;--text_link: #2a5885;--text_link_highlighted_background: #000000;--text_muted: #333333;--text_name: #2a5885;--text_placeholder: #818c99;--text_primary: #000000;--text_secondary: #818c99;--text_subhead: #626d7a;--text_tertiary: #99a2ad;--toolbar_attach_background_from: #dce1e6;--toolbar_attach_background_to: #aeb7c2;--vk_connect_button_primary_background: #222222;--vk_connect_button_primary_foreground: #ffffff;--vk_connect_button_secondary_background: #f5f5f5;--vk_connect_button_secondary_foreground: #222222;--writebar_icon: #818c99}body[scheme=vkcom_dark],[scheme=vkcom_dark]{--accent: #71aaeb;--accent_alternate: #ffffff;--action_sheet_action_foreground: #ffffff;--action_sheet_separator: rgba(255, 255, 255, 0.16);--activity_indicator_tint: #656565;--attach_picker_tab_active_background: #e1e3e6;--attach_picker_tab_active_icon: #222222;--attach_picker_tab_active_text: #e1e3e6;--attach_picker_tab_inactive_background: #333333;--attach_picker_tab_inactive_icon: #e1e3e6;--attach_picker_tab_inactive_text: #828282;--background_content: #222222;--background_highlighted: rgba(255, 255, 255, 0.12);--background_hover: rgba(255, 255, 255, 0.08);--background_keyboard: #333333;--background_light: #292929;--background_page: #0a0a0a;--background_suggestions: #333333;--background_text_highlighted: rgba(81, 129, 184, 0.20);--button_bot_shadow: #222222;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #333333;--button_muted_foreground: #e1e3e6;--button_outline_border: #e1e3e6;--button_outline_foreground: #e1e3e6;--button_primary_background: #e1e3e6;--button_primary_foreground: #222222;--button_secondary_background: #555555;--button_secondary_background_highlighted: #656565;--button_secondary_destructive_background: #555555;--button_secondary_destructive_background_highlighted: rgba(85, 85, 85, 0.60);--button_secondary_destructive_foreground: #ff5c5c;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.16);--button_secondary_foreground: #e1e3e6;--button_secondary_foreground_highlighted: #e1e3e6;--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #e1e3e6;--cell_button_foreground: #e1e3e6;--content_negative_background: rgba(230, 70, 70, 0.16);--content_placeholder_icon: #b2b2b2;--content_placeholder_text: #b2b2b2;--content_positive_background: rgba(75, 179, 75, 0.16);--content_tint_background: #292929;--content_tint_foreground: #939393;--content_warning_background: rgba(255, 202, 99, 0.16);--control_background: #555555;--control_foreground: #e1e3e6;--control_tint: #222222;--control_tint_muted: #939393;--counter_primary_background: #ffffff;--counter_primary_text: #222222;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #828282;--counter_secondary_text: #222222;--destructive: #ff5c5c;--dynamic_blue: #5181b8;--dynamic_gray: #aeb7c2;--dynamic_green: #4bb34b;--dynamic_orange: #ffa000;--dynamic_purple: #937ff5;--dynamic_raspberry_pink: #f060c0;--dynamic_red: #ff3347;--dynamic_violet: #a393f5;--feed_recommended_friend_promo_background: #6f7985;--field_background: #292929;--field_border: #424242;--field_error_background: rgba(230, 70, 70, 0.16);--field_error_border: #e64646;--field_text_placeholder: #828282;--field_valid_border: #4bb34b;--float_button_background: #555555;--float_button_background_highlighted: #656565;--float_button_border: rgba(0, 0, 0, 0.12);--float_button_foreground: #b2b2b2;--header_alternate_background: #333333;--header_alternate_tab_active_indicator: #e1e3e6;--header_alternate_tab_active_text: #e1e3e6;--header_alternate_tab_inactive_text: #828282;--header_background: #222222;--header_background_before_blur: #0a0a0a;--header_background_before_blur_alternate: #0a0a0a;--header_search_field_background: #424242;--header_search_field_tint: #b2b2b2;--header_tab_active_background: #656565;--header_tab_active_indicator: #5181b8;--header_tab_active_text: #e1e3e6;--header_tab_inactive_text: #828282;--header_text: #e1e3e6;--header_text_alternate: #e1e3e6;--header_text_secondary: rgba(255, 255, 255, 0.64);--header_tint: #e1e3e6;--header_tint_alternate: #ffffff;--icon_alpha_placeholder: #e1e3e6;--icon_medium: #939393;--icon_medium_alpha: rgba(255, 255, 255, 0.48);--icon_name: #b2b2b2;--icon_outline_medium: #b2b2b2;--icon_outline_secondary: #939393;--icon_secondary: #828282;--icon_secondary_alpha: rgba(255, 255, 255, 0.40);--icon_tertiary: #656565;--icon_tertiary_alpha: rgba(255, 255, 255, 0.24);--im_attach_tint: #ffffff;--im_bubble_border_alternate: rgba(0, 0, 0, 0.00);--im_bubble_border_alternate_highlighted: rgba(0, 0, 0, 0.00);--im_bubble_button_background: rgba(255, 255, 255, 0.16);--im_bubble_button_background_highlighted: rgba(255, 255, 255, 0.24);--im_bubble_button_foreground: #e1e3e6;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.24);--im_bubble_gift_background: #857250;--im_bubble_gift_background_highlighted: #ab9871;--im_bubble_gift_text: #ffffff;--im_bubble_gift_text_secondary: #e3d3ac;--im_bubble_incoming: #333333;--im_bubble_incoming_alternate: #333333;--im_bubble_incoming_alternate_highlighted: #656565;--im_bubble_incoming_expiring: #262b4d;--im_bubble_incoming_expiring_highlighted: #404980;--im_bubble_incoming_highlighted: #656565;--im_bubble_outgoing: #555555;--im_bubble_outgoing_alternate: #555555;--im_bubble_outgoing_alternate_highlighted: #828282;--im_bubble_outgoing_expiring: #404980;--im_bubble_outgoing_expiring_highlighted: #5965b3;--im_bubble_outgoing_highlighted: #656565;--im_bubble_wallpaper_button_background: #555555;--im_bubble_wallpaper_button_background_highlighted: #828282;--im_bubble_wallpaper_button_foreground: #e1e3e6;--im_bubble_wallpaper_incoming: #333333;--im_bubble_wallpaper_incoming_highlighted: #656565;--im_bubble_wallpaper_outgoing: #555555;--im_bubble_wallpaper_outgoing_highlighted: #656565;--im_forward_line_tint: rgba(255, 255, 255, 0.24);--im_reply_separator: #ffffff;--im_service_message_text: #828282;--im_text_name: #71aaeb;--im_toolbar_separator: #b2b2b2;--im_toolbar_voice_msg_background: #555555;--image_border: rgba(255, 255, 255, 0.08);--input_background: #424242;--input_border: #555555;--landing_background: #222222;--landing_field_background: #292929;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #b2b2b2;--landing_login_button_background: #e1e3e6;--landing_login_button_foreground: #222222;--landing_primary_button_background: #e1e3e6;--landing_primary_button_foreground: #222222;--landing_secondary_button_background: rgba(255, 255, 255, 0.16);--landing_secondary_button_foreground: #ffffff;--landing_snippet_border: rgba(255, 255, 255, 0.16);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #ffffff;--landing_text_primary: #e1e3e6;--landing_text_secondary: #828282;--landing_text_title: #ffffff;--like_text_tint: #ff5c5c;--link_alternate: #939393;--loader_background: #555555;--loader_tint: #828282;--loader_track_fill: #828282;--loader_track_value_fill: #ffffff;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #333333;--modal_card_background: #333333;--modal_card_border: rgba(255, 255, 255, 0.12);--modal_card_header_close: #ffffff;--music_playback_icon: #ffffff;--overlay_status_background: #222222;--overlay_status_foreground: #e1e3e6;--overlay_status_icon: #edeef0;--panel_tab_active_background: #555555;--panel_tab_active_text: #e1e3e6;--panel_tab_inactive_text: #828282;--placeholder_icon_background: rgba(255, 255, 255, 0.08);--placeholder_icon_background_opaque: #292929;--placeholder_icon_foreground_primary: #939393;--placeholder_icon_foreground_secondary: #656565;--placeholder_icon_tint: #ffffff;--poll_option_background: #ffffff;--primary_overlay_badge: rgba(255, 255, 255, 0.40);--search_bar_background: #222222;--search_bar_field_background: #424242;--search_bar_field_tint: #b2b2b2;--search_bar_segmented_control_tint: #939393;--secondary_overlay_badge: rgba(255, 255, 255, 0.16);--segmented_control_bar_background: #222222;--segmented_control_tint: #828282;--selection_off_icon: #656565;--separator_alpha: rgba(255, 255, 255, 0.16);--separator_alternate: #292929;--separator_common: #424242;--skeleton_foreground_from: #292929;--skeleton_foreground_to: #333333;--skeleton_shimmer_from: #222222;--skeleton_shimmer_to: rgba(0, 0, 0, 0.00);--snippet_background: rgba(255, 255, 255, 0.04);--snippet_border: rgba(255, 255, 255, 0.16);--snippet_icon_tertiary: #656565;--splashscreen_icon: #333333;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.00);--stories_create_button_background_from: #424242;--stories_create_button_background_to: #424242;--stories_create_button_foreground: #cccccc;--stories_create_button_icon_background: #555555;--stories_skeleton_loader_background: #555555;--switch_ios_off_border: #333333;--tabbar_active_icon: #ffffff;--tabbar_background: #333333;--tabbar_inactive_icon: #828282;--tabbar_tablet_active_icon: #5181b8;--tabbar_tablet_background: #292929;--tabbar_tablet_inactive_icon: #828282;--tabbar_tablet_text_primary: #e1e3e6;--tabbar_tablet_text_secondary: #828282;--text_action_counter: #b2b2b2;--text_link: #71aaeb;--text_link_highlighted_background: #5181b8;--text_muted: #cccccc;--text_name: #e1e3e6;--text_placeholder: #b2b2b2;--text_primary: #e1e3e6;--text_secondary: #828282;--text_subhead: #939393;--text_tertiary: #656565;--toolbar_attach_background_from: #828282;--toolbar_attach_background_to: #656565;--vk_connect_button_primary_background: #e1e3e6;--vk_connect_button_primary_foreground: #222222;--vk_connect_button_secondary_background: #555555;--vk_connect_button_secondary_foreground: #e1e3e6;--writebar_icon: #e1e3e6}
1	+ :root,body[scheme=bright_light],[scheme=bright_light]{--accent: #2688eb;--accent_alternate: #0077ff;--action_sheet_action_foreground: #2688eb;--action_sheet_separator: rgba(0, 0, 0, 0.12);--activity_indicator_tint: #aeb7c2;--attach_picker_tab_active_background: #2d81e0;--attach_picker_tab_active_icon: #ffffff;--attach_picker_tab_active_text: #2d81e0;--attach_picker_tab_inactive_background: #f2f3f5;--attach_picker_tab_inactive_icon: #818c99;--attach_picker_tab_inactive_text: #818c99;--background_content: #ffffff;--background_highlighted: rgba(0, 0, 0, 0.08);--background_hover: rgba(0, 0, 0, 0.04);--background_keyboard: #e1e3e6;--background_light: #f9f9f9;--background_page: #ebedf0;--background_suggestions: #ffffff;--background_text_highlighted: rgba(38, 136, 235, 0.20);--button_bot_shadow: #c4c8cc;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #f2f3f5;--button_muted_foreground: #2688eb;--button_outline_border: #2688eb;--button_outline_foreground: #2688eb;--button_primary_background: #2d81e0;--button_primary_foreground: #ffffff;--button_secondary_background: rgba(0, 28, 61, 0.05);--button_secondary_background_highlighted: rgba(0, 28, 61, 0.03);--button_secondary_destructive_background: rgba(0, 28, 61, 0.05);--button_secondary_destructive_background_highlighted: rgba(0, 28, 61, 0.03);--button_secondary_destructive_foreground: #e64646;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.60);--button_secondary_foreground: #2688eb;--button_secondary_foreground_highlighted: rgba(38, 136, 235, 0.60);--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #2d81e0;--cell_button_foreground: #2688eb;--content_placeholder_icon: #99a2ad;--content_placeholder_text: #818c99;--content_positive_background: rgba(75, 179, 75, 0.15);--content_tint_background: #f5f5f5;--content_tint_foreground: #7f8285;--content_warning_background: #fff2d6;--control_background: #ebedf0;--control_foreground: #5181b8;--control_tint: #ffffff;--control_tint_muted: #76787a;--counter_primary_background: #2688eb;--counter_primary_text: #ffffff;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #aeb7c2;--counter_secondary_text: #ffffff;--destructive: #e64646;--dynamic_blue: #2688eb;--dynamic_gray: #a3adb8;--dynamic_green: #4bb34b;--dynamic_orange: #ffa000;--dynamic_purple: #735ce6;--dynamic_raspberry_pink: #e03fab;--dynamic_red: #ff3347;--dynamic_violet: #792ec0;--feed_recommended_friend_promo_background: #528bcc;--field_background: #f2f3f5;--field_border: rgba(0, 0, 0, 0.12);--field_error_background: #faebeb;--field_error_border: #e64646;--field_text_placeholder: #818c99;--field_valid_border: #4bb34b;--float_button_background: #f5f5f5;--float_button_background_highlighted: #ebedf0;--float_button_border: rgba(0, 0, 0, 0.05);--float_button_foreground: #99a2ad;--header_alternate_background: #ffffff;--header_alternate_tab_active_indicator: #2688eb;--header_alternate_tab_active_text: #000000;--header_alternate_tab_inactive_text: #99a2ad;--header_background: #ffffff;--header_background_before_blur: #ffffff;--header_background_before_blur_alternate: #ffffff;--header_search_field_background: #ebedf0;--header_search_field_tint: #818c99;--header_tab_active_background: rgba(0, 0, 0, 0.00);--header_tab_active_indicator: #2688eb;--header_tab_active_text: #000000;--header_tab_inactive_text: #99a2ad;--header_text: #000000;--header_text_alternate: #000000;--header_text_secondary: #818c99;--header_tint: #2688eb;--header_tint_alternate: #2688eb;--icon_alpha_placeholder: #ffffff;--icon_medium: #818c99;--icon_medium_alpha: rgba(0, 0, 0, 0.48);--icon_name: #74a2d6;--icon_outline_medium: #818c99;--icon_outline_secondary: #99a2ad;--icon_secondary: #99a2ad;--icon_secondary_alpha: rgba(0, 0, 0, 0.36);--icon_tertiary: #b8c1cc;--icon_tertiary_alpha: rgba(0, 0, 0, 0.24);--im_attach_tint: #2d81e0;--im_bubble_border_alternate: #e1e3e6;--im_bubble_border_alternate_highlighted: #d7d8d9;--im_bubble_button_background: #f9f9f9;--im_bubble_button_background_highlighted: #d7d8d9;--im_bubble_button_foreground: #000000;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.60);--im_bubble_gift_background: #f4e7c3;--im_bubble_gift_background_highlighted: #e3d3ac;--im_bubble_gift_text: #857250;--im_bubble_gift_text_secondary: #ab9871;--im_bubble_incoming: #ebedf0;--im_bubble_incoming_alternate: #ffffff;--im_bubble_incoming_alternate_highlighted: #f9f9f9;--im_bubble_incoming_expiring: #e6e9ff;--im_bubble_incoming_expiring_highlighted: #ccd3ff;--im_bubble_incoming_highlighted: #d7d8d9;--im_bubble_outgoing: #cce4ff;--im_bubble_outgoing_alternate: #ffffff;--im_bubble_outgoing_alternate_highlighted: #f9f9f9;--im_bubble_outgoing_expiring: #ccd3ff;--im_bubble_outgoing_expiring_highlighted: #adb8ff;--im_bubble_outgoing_highlighted: #add3ff;--im_bubble_wallpaper_button_background: #f2f3f5;--im_bubble_wallpaper_button_background_highlighted: #e1e3e6;--im_bubble_wallpaper_button_foreground: #000000;--im_bubble_wallpaper_incoming: #ffffff;--im_bubble_wallpaper_incoming_highlighted: #ebedf0;--im_bubble_wallpaper_outgoing: #cce4ff;--im_bubble_wallpaper_outgoing_highlighted: #add3ff;--im_forward_line_tint: rgba(69, 103, 143, 0.24);--im_reply_separator: #2d81e0;--im_service_message_text: #818c99;--im_text_name: #2d81e0;--im_toolbar_separator: #001c3d;--im_toolbar_voice_msg_background: #99a2ad;--image_border: rgba(0, 0, 0, 0.08);--input_background: #f2f3f5;--input_border: #e1e3e6;--landing_background: #ffffff;--landing_field_background: #f2f3f5;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #818c99;--landing_login_button_background: #2d81e0;--landing_login_button_foreground: #ffffff;--landing_primary_button_background: #2d81e0;--landing_primary_button_foreground: #ffffff;--landing_secondary_button_background: rgba(0, 57, 115, 0.10);--landing_secondary_button_foreground: #2688eb;--landing_snippet_border: rgba(0, 0, 0, 0.15);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #2d81e0;--landing_text_primary: #000000;--landing_text_secondary: #818c99;--landing_text_title: #2d81e0;--like_text_tint: #ff3347;--link_alternate: #2d81e0;--loader_background: #ebedf0;--loader_tint: #76787a;--loader_track_fill: #e1e3e6;--loader_track_value_fill: #528bcc;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #2c2d2e;--modal_card_background: #ffffff;--modal_card_border: rgba(0, 0, 0, 0.00);--modal_card_header_close: #000000;--music_playback_icon: #000000;--overlay_status_background: #ebedf0;--overlay_status_foreground: #6d7885;--overlay_status_icon: #818c99;--panel_tab_active_background: #ebedf0;--panel_tab_active_text: #5d5f61;--panel_tab_inactive_text: #76787a;--placeholder_icon_background: rgba(0, 28, 61, 0.08);--placeholder_icon_background_opaque: #f2f3f5;--placeholder_icon_foreground_primary: #99a2ad;--placeholder_icon_foreground_secondary: #aeb7c2;--placeholder_icon_tint: #001c3d;--poll_option_background: #45678f;--primary_overlay_badge: rgba(0, 0, 0, 0.60);--search_bar_background: #ffffff;--search_bar_field_background: #ebedf0;--search_bar_field_tint: #818c99;--search_bar_segmented_control_tint: #818c99;--secondary_overlay_badge: rgba(0, 0, 0, 0.24);--segmented_control_bar_background: rgba(0, 0, 0, 0.00);--segmented_control_tint: #99a2ad;--selection_off_icon: #b8c1cc;--separator_alpha: rgba(0, 0, 0, 0.12);--separator_alternate: #e1e3e6;--separator_common: #d7d8d9;--skeleton_foreground_from: #f5f5f5;--skeleton_foreground_to: #e1e3e6;--skeleton_shimmer_from: #ffffff;--skeleton_shimmer_to: #ffffff;--snippet_background: #ffffff;--snippet_border: rgba(0, 0, 0, 0.15);--snippet_icon_tertiary: #c4c8cc;--splashscreen_icon: #e1e3e6;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.20);--stories_create_button_background_from: #f2f3f5;--stories_create_button_background_to: #e1e3e6;--stories_create_button_foreground: #6d7885;--stories_create_button_icon_background: #ffffff;--stories_skeleton_loader_background: #c4c8cc;--switch_ios_off_border: #e1e3e6;--tabbar_active_icon: #2975cc;--tabbar_background: #f9f9f9;--tabbar_inactive_icon: #99a2ad;--tabbar_tablet_active_icon: #2975cc;--tabbar_tablet_background: #f9f9f9;--tabbar_tablet_inactive_icon: #99a2ad;--tabbar_tablet_text_primary: #000000;--tabbar_tablet_text_secondary: #909499;--text_action_counter: #818c99;--text_link: #2d81e0;--text_link_highlighted_background: #000000;--text_muted: #2c2d2e;--text_name: #2d81e0;--text_placeholder: #818c99;--text_primary: #000000;--text_secondary: #818c99;--text_subhead: #6d7885;--text_tertiary: #99a2ad;--toolbar_attach_background_from: #b8c1cc;--toolbar_attach_background_to: #a3adb8;--vk_connect_button_primary_background: #19191a;--vk_connect_button_primary_foreground: #ffffff;--vk_connect_button_secondary_background: #f2f3f5;--vk_connect_button_secondary_foreground: #19191a;--writebar_icon: #2688eb}body[scheme=space_gray],[scheme=space_gray]{--accent: #71aaeb;--accent_alternate: #ffffff;--action_sheet_action_foreground: #ffffff;--action_sheet_separator: rgba(255, 255, 255, 0.12);--activity_indicator_tint: #5d5f61;--attach_picker_tab_active_background: #e1e3e6;--attach_picker_tab_active_icon: #19191a;--attach_picker_tab_active_text: #e1e3e6;--attach_picker_tab_inactive_background: #2c2d2e;--attach_picker_tab_inactive_icon: #e1e3e6;--attach_picker_tab_inactive_text: #76787a;--background_content: #19191a;--background_highlighted: rgba(255, 255, 255, 0.08);--background_hover: rgba(255, 255, 255, 0.04);--background_keyboard: #2c2d2e;--background_light: #232324;--background_page: #0a0a0a;--background_suggestions: #2c2d2e;--background_text_highlighted: rgba(113, 170, 235, 0.24);--button_bot_shadow: #19191a;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #2c2d2e;--button_muted_foreground: #e1e3e6;--button_outline_border: #e1e3e6;--button_outline_foreground: #e1e3e6;--button_primary_background: #e1e3e6;--button_primary_foreground: #19191a;--button_secondary_background: #454647;--button_secondary_background_highlighted: rgba(69, 70, 71, 0.60);--button_secondary_destructive_background: #454647;--button_secondary_destructive_background_highlighted: rgba(69, 70, 71, 0.60);--button_secondary_destructive_foreground: #ff5c5c;--button_secondary_destructive_foreground_highlighted: rgba(255, 92, 92, 0.60);--button_secondary_foreground: #e1e3e6;--button_secondary_foreground_highlighted: rgba(225, 227, 230, 0.60);--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #e1e3e6;--cell_button_foreground: #e1e3e6;--content_placeholder_icon: #aaaeb3;--content_placeholder_text: #aaaeb3;--content_positive_background: rgba(75, 179, 75, 0.15);--content_tint_background: #232324;--content_tint_foreground: #909499;--content_warning_background: #857250;--control_background: #454647;--control_foreground: #e1e3e6;--control_tint: #19191a;--control_tint_muted: #909499;--counter_primary_background: #ffffff;--counter_primary_text: #19191a;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #76787a;--counter_secondary_text: #19191a;--destructive: #ff5c5c;--dynamic_blue: #2688eb;--dynamic_gray: #a3adb8;--dynamic_green: #4bb34b;--dynamic_orange: #ffa000;--dynamic_purple: #937ff5;--dynamic_raspberry_pink: #f060c0;--dynamic_red: #ff3347;--dynamic_violet: #a393f5;--feed_recommended_friend_promo_background: #6d7885;--field_background: #232324;--field_border: rgba(255, 255, 255, 0.12);--field_error_background: #522e2e;--field_error_border: #ff5c5c;--field_text_placeholder: #76787a;--field_valid_border: #4bb34b;--float_button_background: #454647;--float_button_background_highlighted: #5d5f61;--float_button_border: rgba(0, 0, 0, 0.12);--float_button_foreground: #aaaeb3;--header_alternate_background: #2c2d2e;--header_alternate_tab_active_indicator: #e1e3e6;--header_alternate_tab_active_text: #e1e3e6;--header_alternate_tab_inactive_text: #76787a;--header_background: #19191a;--header_background_before_blur: #070708;--header_background_before_blur_alternate: #070708;--header_search_field_background: #363738;--header_search_field_tint: #aaaeb3;--header_tab_active_background: #5d5f61;--header_tab_active_indicator: #71aaeb;--header_tab_active_text: #e1e3e6;--header_tab_inactive_text: #76787a;--header_text: #e1e3e6;--header_text_alternate: #e1e3e6;--header_text_secondary: rgba(255, 255, 255, 0.60);--header_tint: #e1e3e6;--header_tint_alternate: #e1e3e6;--icon_alpha_placeholder: #e1e3e6;--icon_medium: #909499;--icon_medium_alpha: rgba(255, 255, 255, 0.48);--icon_name: #aaaeb3;--icon_outline_medium: #aaaeb3;--icon_outline_secondary: #909499;--icon_secondary: #76787a;--icon_secondary_alpha: rgba(255, 255, 255, 0.36);--icon_tertiary: #5d5f61;--icon_tertiary_alpha: rgba(255, 255, 255, 0.24);--im_attach_tint: #ffffff;--im_bubble_border_alternate: rgba(0, 0, 0, 0.00);--im_bubble_border_alternate_highlighted: rgba(0, 0, 0, 0.00);--im_bubble_button_background: rgba(255, 255, 255, 0.16);--im_bubble_button_background_highlighted: rgba(255, 255, 255, 0.24);--im_bubble_button_foreground: #e1e3e6;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.20);--im_bubble_gift_background: #857250;--im_bubble_gift_background_highlighted: #ab9871;--im_bubble_gift_text: #ffffff;--im_bubble_gift_text_secondary: #e3d3ac;--im_bubble_incoming: #2c2d2e;--im_bubble_incoming_alternate: #2c2d2e;--im_bubble_incoming_alternate_highlighted: #5d5f61;--im_bubble_incoming_expiring: #262b4d;--im_bubble_incoming_expiring_highlighted: #404980;--im_bubble_incoming_highlighted: #5d5f61;--im_bubble_outgoing: #454647;--im_bubble_outgoing_alternate: #454647;--im_bubble_outgoing_alternate_highlighted: #76787a;--im_bubble_outgoing_expiring: #404980;--im_bubble_outgoing_expiring_highlighted: #5965b3;--im_bubble_outgoing_highlighted: #5d5f61;--im_bubble_wallpaper_button_background: #454647;--im_bubble_wallpaper_button_background_highlighted: #76787a;--im_bubble_wallpaper_button_foreground: #e1e3e6;--im_bubble_wallpaper_incoming: #2c2d2e;--im_bubble_wallpaper_incoming_highlighted: #5d5f61;--im_bubble_wallpaper_outgoing: #454647;--im_bubble_wallpaper_outgoing_highlighted: #5d5f61;--im_forward_line_tint: rgba(255, 255, 255, 0.24);--im_reply_separator: #ffffff;--im_service_message_text: #76787a;--im_text_name: #71aaeb;--im_toolbar_separator: #aaaeb3;--im_toolbar_voice_msg_background: #454647;--image_border: rgba(255, 255, 255, 0.08);--input_background: #2c2d2e;--input_border: #2c2d2e;--landing_background: #19191a;--landing_field_background: #232324;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #aaaeb3;--landing_login_button_background: #e1e3e6;--landing_login_button_foreground: #19191a;--landing_primary_button_background: #e1e3e6;--landing_primary_button_foreground: #19191a;--landing_secondary_button_background: rgba(255, 255, 255, 0.15);--landing_secondary_button_foreground: #ffffff;--landing_snippet_border: rgba(255, 255, 255, 0.15);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #ffffff;--landing_text_primary: #e1e3e6;--landing_text_secondary: #76787a;--landing_text_title: #ffffff;--like_text_tint: #ff5c5c;--link_alternate: #ffffff;--loader_background: #19191a;--loader_tint: #76787a;--loader_track_fill: #454647;--loader_track_value_fill: #ffffff;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #2c2d2e;--modal_card_background: #2c2d2e;--modal_card_border: rgba(255, 255, 255, 0.12);--modal_card_header_close: #ffffff;--music_playback_icon: #ffffff;--overlay_status_background: #19191a;--overlay_status_foreground: #e1e3e6;--overlay_status_icon: #ebedf0;--panel_tab_active_background: #454647;--panel_tab_active_text: #e1e3e6;--panel_tab_inactive_text: #76787a;--placeholder_icon_background: rgba(255, 255, 255, 0.08);--placeholder_icon_background_opaque: #232324;--placeholder_icon_foreground_primary: #909499;--placeholder_icon_foreground_secondary: #5d5f61;--placeholder_icon_tint: #ffffff;--poll_option_background: #ffffff;--primary_overlay_badge: rgba(255, 255, 255, 0.40);--search_bar_background: #19191a;--search_bar_field_background: #363738;--search_bar_field_tint: #aaaeb3;--search_bar_segmented_control_tint: #909499;--secondary_overlay_badge: rgba(255, 255, 255, 0.15);--segmented_control_bar_background: #19191a;--segmented_control_tint: #76787a;--selection_off_icon: #5d5f61;--separator_alpha: rgba(255, 255, 255, 0.12);--separator_alternate: #232324;--separator_common: #363738;--skeleton_foreground_from: #232324;--skeleton_foreground_to: #2c2d2e;--skeleton_shimmer_from: #19191a;--skeleton_shimmer_to: #19191a;--snippet_background: #232324;--snippet_border: rgba(255, 255, 255, 0.15);--snippet_icon_tertiary: #5d5f61;--splashscreen_icon: #2c2d2e;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.00);--stories_create_button_background_from: #363738;--stories_create_button_background_to: #363738;--stories_create_button_foreground: #c4c8cc;--stories_create_button_icon_background: #454647;--stories_skeleton_loader_background: #454647;--switch_ios_off_border: #2c2d2e;--tabbar_active_icon: #ffffff;--tabbar_background: #2c2d2e;--tabbar_inactive_icon: #76787a;--tabbar_tablet_active_icon: #71aaeb;--tabbar_tablet_background: #232324;--tabbar_tablet_inactive_icon: #76787a;--tabbar_tablet_text_primary: #e1e3e6;--tabbar_tablet_text_secondary: #76787a;--text_action_counter: #aaaeb3;--text_link: #71aaeb;--text_link_highlighted_background: #71aaeb;--text_muted: #c4c8cc;--text_name: #e1e3e6;--text_placeholder: #aaaeb3;--text_primary: #e1e3e6;--text_secondary: #76787a;--text_subhead: #909499;--text_tertiary: #5d5f61;--toolbar_attach_background_from: #76787a;--toolbar_attach_background_to: #5d5f61;--vk_connect_button_primary_background: #e1e3e6;--vk_connect_button_primary_foreground: #19191a;--vk_connect_button_secondary_background: #454647;--vk_connect_button_secondary_foreground: #e1e3e6;--writebar_icon: #e1e3e6}body[scheme=vkcom_light],[scheme=vkcom_light]{--accent: #5181b8;--accent_alternate: #0077ff;--action_sheet_action_foreground: #5181b8;--action_sheet_separator: rgba(0, 0, 0, 0.12);--activity_indicator_tint: #aeb7c2;--attach_picker_tab_active_background: #5181b8;--attach_picker_tab_active_icon: #ffffff;--attach_picker_tab_active_text: #5181b8;--attach_picker_tab_inactive_background: #f5f5f5;--attach_picker_tab_inactive_icon: #818c99;--attach_picker_tab_inactive_text: #818c99;--background_content: #ffffff;--background_highlighted: rgba(174, 183, 194, 0.16);--background_hover: rgba(174, 183, 194, 0.12);--background_keyboard: #dce1e6;--background_light: #fafbfc;--background_page: #edeef0;--background_suggestions: #ffffff;--background_text_highlighted: rgba(81, 129, 184, 0.20);--button_bot_shadow: #cccccc;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #e5ebf1;--button_muted_foreground: #55677d;--button_outline_border: #2a5885;--button_outline_foreground: #2a5885;--button_primary_background: #5181b8;--button_primary_foreground: #ffffff;--button_secondary_background: #e5ebf1;--button_secondary_background_highlighted: #dae2ea;--button_secondary_destructive_background: rgba(230, 70, 70, 0.16);--button_secondary_destructive_background_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_destructive_foreground: #e64646;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_foreground: #55677d;--button_secondary_foreground_highlighted: #55677d;--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #2a5885;--cell_button_foreground: #2a5885;--content_negative_background: #ff5c5c;--content_placeholder_icon: #99a2ad;--content_placeholder_text: #818c99;--content_positive_background: #def0d3;--content_tint_background: #f0f2f5;--content_tint_foreground: #828282;--content_warning_background: #faefd2;--control_background: #edeef0;--control_foreground: #5181b8;--control_tint: #ffffff;--control_tint_muted: #828282;--counter_primary_background: #5181b8;--counter_primary_text: #ffffff;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #99a2ad;--counter_secondary_text: #ffffff;--destructive: #e64646;--dynamic_blue: #5181b8;--dynamic_gray: #aeb7c2;--dynamic_green: #1b7a1b;--dynamic_orange: #ffa000;--dynamic_purple: #735ce6;--dynamic_raspberry_pink: #e03fab;--dynamic_red: #ff3347;--dynamic_violet: #792ec0;--feed_recommended_friend_promo_background: #5181b8;--field_background: #f7f8fa;--field_border: #dce1e6;--field_error_background: #faebeb;--field_error_border: #e64646;--field_text_placeholder: #818c99;--field_valid_border: #4bb34b;--float_button_background: #f7f8fa;--float_button_background_highlighted: #edeef0;--float_button_border: rgba(0, 0, 0, 0.08);--float_button_foreground: #99a2ad;--header_alternate_background: #ffffff;--header_alternate_tab_active_indicator: #5181b8;--header_alternate_tab_active_text: #000000;--header_alternate_tab_inactive_text: #99a2ad;--header_background: #ffffff;--header_background_before_blur: #ffffff;--header_background_before_blur_alternate: #ffffff;--header_search_field_background: #edeef0;--header_search_field_tint: #818c99;--header_tab_active_background: rgba(0, 0, 0, 0.00);--header_tab_active_indicator: #5181b8;--header_tab_active_text: #000000;--header_tab_inactive_text: #99a2ad;--header_text: #000000;--header_text_alternate: #000000;--header_text_secondary: #818c99;--header_tint: #aeb7c2;--header_tint_alternate: #0077ff;--icon_alpha_placeholder: #ffffff;--icon_medium: #6f7985;--icon_medium_alpha: rgba(0, 0, 0, 0.48);--icon_name: #8fadc8;--icon_outline_medium: #818c99;--icon_outline_secondary: #99a2ad;--icon_secondary: #99a2ad;--icon_secondary_alpha: rgba(0, 0, 0, 0.36);--icon_tertiary: #aeb7c2;--icon_tertiary_alpha: rgba(0, 0, 0, 0.24);--im_attach_tint: #5181b8;--im_bubble_border_alternate: #dce1e6;--im_bubble_border_alternate_highlighted: #cccccc;--im_bubble_button_background: #f7f8fa;--im_bubble_button_background_highlighted: #cccccc;--im_bubble_button_foreground: #000000;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.72);--im_bubble_gift_background: #f4e7c3;--im_bubble_gift_background_highlighted: #e3d3ac;--im_bubble_gift_text: #857250;--im_bubble_gift_text_secondary: #ab9871;--im_bubble_incoming: #edeef0;--im_bubble_incoming_alternate: #ffffff;--im_bubble_incoming_alternate_highlighted: #f7f8fa;--im_bubble_incoming_expiring: #e6e9ff;--im_bubble_incoming_expiring_highlighted: #ccd3ff;--im_bubble_incoming_highlighted: #d3d9de;--im_bubble_outgoing: #cce4ff;--im_bubble_outgoing_alternate: #ffffff;--im_bubble_outgoing_alternate_highlighted: #f0f2f5;--im_bubble_outgoing_expiring: #ccd3ff;--im_bubble_outgoing_expiring_highlighted: #adb8ff;--im_bubble_outgoing_highlighted: #add3ff;--im_bubble_wallpaper_button_background: #f0f2f5;--im_bubble_wallpaper_button_background_highlighted: #e7e8ec;--im_bubble_wallpaper_button_foreground: #000000;--im_bubble_wallpaper_incoming: #ffffff;--im_bubble_wallpaper_incoming_highlighted: #edeef0;--im_bubble_wallpaper_outgoing: #cce4ff;--im_bubble_wallpaper_outgoing_highlighted: #add3ff;--im_forward_line_tint: rgba(0, 20, 51, 0.12);--im_reply_separator: #2a5885;--im_service_message_text: #818c99;--im_text_name: #2a5885;--im_toolbar_separator: #001c3d;--im_toolbar_voice_msg_background: #99a2ad;--image_border: rgba(0, 0, 0, 0.08);--input_background: #ffffff;--input_border: #d3d9de;--landing_background: #ffffff;--landing_field_background: #f7f8fa;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #818c99;--landing_login_button_background: #5181b8;--landing_login_button_foreground: #ffffff;--landing_primary_button_background: #5181b8;--landing_primary_button_foreground: #ffffff;--landing_secondary_button_background: rgba(0, 57, 115, 0.10);--landing_secondary_button_foreground: #5181b8;--landing_snippet_border: rgba(0, 0, 0, 0.12);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #5181b8;--landing_text_primary: #000000;--landing_text_secondary: #818c99;--landing_text_title: #5181b8;--like_text_tint: #ff3347;--link_alternate: #2a5885;--loader_background: #edeef0;--loader_tint: #c5d0db;--loader_track_fill: #d3d9de;--loader_track_value_fill: #5181b8;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #333333;--modal_card_background: #ffffff;--modal_card_border: rgba(0, 0, 0, 0.00);--modal_card_header_close: #000000;--music_playback_icon: #000000;--overlay_status_background: #edeef0;--overlay_status_foreground: #6f7985;--overlay_status_icon: #818c99;--panel_tab_active_background: #edeef0;--panel_tab_active_text: #4e5966;--panel_tab_inactive_text: #6f7985;--placeholder_icon_background: rgba(0, 28, 61, 0.08);--placeholder_icon_background_opaque: #f0f2f5;--placeholder_icon_foreground_primary: #99a2ad;--placeholder_icon_foreground_secondary: #aeb7c2;--placeholder_icon_tint: #1d3a5c;--poll_option_background: #5181b8;--primary_overlay_badge: rgba(0, 0, 0, 0.56);--search_bar_background: rgba(0, 0, 0, 0.00);--search_bar_field_background: #edeef0;--search_bar_field_tint: #818c99;--search_bar_segmented_control_tint: #818c99;--secondary_overlay_badge: rgba(0, 0, 0, 0.24);--segmented_control_bar_background: rgba(0, 0, 0, 0.00);--segmented_control_tint: #99a2ad;--selection_off_icon: #c5d0db;--separator_alpha: rgba(0, 0, 0, 0.12);--separator_alternate: #e7e8ec;--separator_common: #dce1e6;--skeleton_foreground_from: #f0f2f5;--skeleton_foreground_to: #e7e8ec;--skeleton_shimmer_from: #ffffff;--skeleton_shimmer_to: rgba(255, 255, 255, 0.00);--snippet_background: #ffffff;--snippet_border: rgba(0, 0, 0, 0.12);--snippet_icon_tertiary: #aeb7c2;--splashscreen_icon: #dce1e6;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.24);--stories_create_button_background_from: #f0f2f5;--stories_create_button_background_to: #dce1e6;--stories_create_button_foreground: #6f7985;--stories_create_button_icon_background: #ffffff;--stories_skeleton_loader_background: #cccccc;--switch_ios_off_border: #dce1e6;--tabbar_active_icon: #5181b8;--tabbar_background: #f7f8fa;--tabbar_inactive_icon: #99a2ad;--tabbar_tablet_active_icon: #5181b8;--tabbar_tablet_background: #f7f8fa;--tabbar_tablet_inactive_icon: #99a2ad;--tabbar_tablet_text_primary: #000000;--tabbar_tablet_text_secondary: #818c99;--text_action_counter: #818c99;--text_link: #2a5885;--text_link_highlighted_background: #000000;--text_muted: #333333;--text_name: #2a5885;--text_placeholder: #818c99;--text_primary: #000000;--text_secondary: #818c99;--text_subhead: #626d7a;--text_tertiary: #99a2ad;--toolbar_attach_background_from: #dce1e6;--toolbar_attach_background_to: #aeb7c2;--vk_connect_button_primary_background: #222222;--vk_connect_button_primary_foreground: #ffffff;--vk_connect_button_secondary_background: #f5f5f5;--vk_connect_button_secondary_foreground: #222222;--writebar_icon: #818c99}body[scheme=vkcom_dark],[scheme=vkcom_dark]{--accent: #71aaeb;--accent_alternate: #ffffff;--action_sheet_action_foreground: #ffffff;--action_sheet_separator: rgba(255, 255, 255, 0.16);--activity_indicator_tint: #656565;--attach_picker_tab_active_background: #e1e3e6;--attach_picker_tab_active_icon: #222222;--attach_picker_tab_active_text: #e1e3e6;--attach_picker_tab_inactive_background: #333333;--attach_picker_tab_inactive_icon: #e1e3e6;--attach_picker_tab_inactive_text: #828282;--background_content: #222222;--background_highlighted: rgba(255, 255, 255, 0.12);--background_hover: rgba(255, 255, 255, 0.08);--background_keyboard: #333333;--background_light: #292929;--background_page: #0a0a0a;--background_suggestions: #333333;--background_text_highlighted: rgba(81, 129, 184, 0.20);--button_bot_shadow: #222222;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #333333;--button_muted_foreground: #e1e3e6;--button_outline_border: #e1e3e6;--button_outline_foreground: #e1e3e6;--button_primary_background: #e1e3e6;--button_primary_foreground: #222222;--button_secondary_background: #555555;--button_secondary_background_highlighted: #656565;--button_secondary_destructive_background: #555555;--button_secondary_destructive_background_highlighted: rgba(85, 85, 85, 0.60);--button_secondary_destructive_foreground: #ff5c5c;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.16);--button_secondary_foreground: #e1e3e6;--button_secondary_foreground_highlighted: #e1e3e6;--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #e1e3e6;--cell_button_foreground: #e1e3e6;--content_negative_background: rgba(230, 70, 70, 0.16);--content_placeholder_icon: #b2b2b2;--content_placeholder_text: #b2b2b2;--content_positive_background: rgba(75, 179, 75, 0.16);--content_tint_background: #292929;--content_tint_foreground: #939393;--content_warning_background: rgba(255, 202, 99, 0.16);--control_background: #555555;--control_foreground: #e1e3e6;--control_tint: #222222;--control_tint_muted: #939393;--counter_primary_background: #ffffff;--counter_primary_text: #222222;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #828282;--counter_secondary_text: #222222;--destructive: #ff5c5c;--dynamic_blue: #5181b8;--dynamic_gray: #aeb7c2;--dynamic_green: #4bb34b;--dynamic_orange: #ffa000;--dynamic_purple: #937ff5;--dynamic_raspberry_pink: #f060c0;--dynamic_red: #ff3347;--dynamic_violet: #a393f5;--feed_recommended_friend_promo_background: #6f7985;--field_background: #292929;--field_border: #424242;--field_error_background: rgba(230, 70, 70, 0.16);--field_error_border: #e64646;--field_text_placeholder: #828282;--field_valid_border: #4bb34b;--float_button_background: #555555;--float_button_background_highlighted: #656565;--float_button_border: rgba(0, 0, 0, 0.12);--float_button_foreground: #b2b2b2;--header_alternate_background: #333333;--header_alternate_tab_active_indicator: #e1e3e6;--header_alternate_tab_active_text: #e1e3e6;--header_alternate_tab_inactive_text: #828282;--header_background: #222222;--header_background_before_blur: #0a0a0a;--header_background_before_blur_alternate: #0a0a0a;--header_search_field_background: #424242;--header_search_field_tint: #b2b2b2;--header_tab_active_background: #656565;--header_tab_active_indicator: #5181b8;--header_tab_active_text: #e1e3e6;--header_tab_inactive_text: #828282;--header_text: #e1e3e6;--header_text_alternate: #e1e3e6;--header_text_secondary: rgba(255, 255, 255, 0.64);--header_tint: #e1e3e6;--header_tint_alternate: #ffffff;--icon_alpha_placeholder: #e1e3e6;--icon_medium: #939393;--icon_medium_alpha: rgba(255, 255, 255, 0.48);--icon_name: #b2b2b2;--icon_outline_medium: #b2b2b2;--icon_outline_secondary: #939393;--icon_secondary: #828282;--icon_secondary_alpha: rgba(255, 255, 255, 0.40);--icon_tertiary: #656565;--icon_tertiary_alpha: rgba(255, 255, 255, 0.24);--im_attach_tint: #ffffff;--im_bubble_border_alternate: rgba(0, 0, 0, 0.00);--im_bubble_border_alternate_highlighted: rgba(0, 0, 0, 0.00);--im_bubble_button_background: rgba(255, 255, 255, 0.16);--im_bubble_button_background_highlighted: rgba(255, 255, 255, 0.24);--im_bubble_button_foreground: #e1e3e6;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.24);--im_bubble_gift_background: #857250;--im_bubble_gift_background_highlighted: #ab9871;--im_bubble_gift_text: #ffffff;--im_bubble_gift_text_secondary: #e3d3ac;--im_bubble_incoming: #333333;--im_bubble_incoming_alternate: #333333;--im_bubble_incoming_alternate_highlighted: #656565;--im_bubble_incoming_expiring: #262b4d;--im_bubble_incoming_expiring_highlighted: #404980;--im_bubble_incoming_highlighted: #656565;--im_bubble_outgoing: #555555;--im_bubble_outgoing_alternate: #555555;--im_bubble_outgoing_alternate_highlighted: #828282;--im_bubble_outgoing_expiring: #404980;--im_bubble_outgoing_expiring_highlighted: #5965b3;--im_bubble_outgoing_highlighted: #656565;--im_bubble_wallpaper_button_background: #555555;--im_bubble_wallpaper_button_background_highlighted: #828282;--im_bubble_wallpaper_button_foreground: #e1e3e6;--im_bubble_wallpaper_incoming: #333333;--im_bubble_wallpaper_incoming_highlighted: #656565;--im_bubble_wallpaper_outgoing: #555555;--im_bubble_wallpaper_outgoing_highlighted: #656565;--im_forward_line_tint: rgba(255, 255, 255, 0.24);--im_reply_separator: #ffffff;--im_service_message_text: #828282;--im_text_name: #71aaeb;--im_toolbar_separator: #b2b2b2;--im_toolbar_voice_msg_background: #555555;--image_border: rgba(255, 255, 255, 0.08);--input_background: #424242;--input_border: #555555;--landing_background: #222222;--landing_field_background: #292929;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #b2b2b2;--landing_login_button_background: #e1e3e6;--landing_login_button_foreground: #222222;--landing_primary_button_background: #e1e3e6;--landing_primary_button_foreground: #222222;--landing_secondary_button_background: rgba(255, 255, 255, 0.16);--landing_secondary_button_foreground: #ffffff;--landing_snippet_border: rgba(255, 255, 255, 0.16);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #ffffff;--landing_text_primary: #e1e3e6;--landing_text_secondary: #828282;--landing_text_title: #ffffff;--like_text_tint: #ff5c5c;--link_alternate: #939393;--loader_background: #555555;--loader_tint: #828282;--loader_track_fill: #828282;--loader_track_value_fill: #ffffff;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #333333;--modal_card_background: #333333;--modal_card_border: rgba(255, 255, 255, 0.12);--modal_card_header_close: #ffffff;--music_playback_icon: #ffffff;--overlay_status_background: #222222;--overlay_status_foreground: #e1e3e6;--overlay_status_icon: #edeef0;--panel_tab_active_background: #555555;--panel_tab_active_text: #e1e3e6;--panel_tab_inactive_text: #828282;--placeholder_icon_background: rgba(255, 255, 255, 0.08);--placeholder_icon_background_opaque: #292929;--placeholder_icon_foreground_primary: #939393;--placeholder_icon_foreground_secondary: #656565;--placeholder_icon_tint: #ffffff;--poll_option_background: #ffffff;--primary_overlay_badge: rgba(255, 255, 255, 0.40);--search_bar_background: #222222;--search_bar_field_background: #424242;--search_bar_field_tint: #b2b2b2;--search_bar_segmented_control_tint: #939393;--secondary_overlay_badge: rgba(255, 255, 255, 0.16);--segmented_control_bar_background: #222222;--segmented_control_tint: #828282;--selection_off_icon: #656565;--separator_alpha: rgba(255, 255, 255, 0.16);--separator_alternate: #292929;--separator_common: #424242;--skeleton_foreground_from: #292929;--skeleton_foreground_to: #333333;--skeleton_shimmer_from: #222222;--skeleton_shimmer_to: rgba(0, 0, 0, 0.00);--snippet_background: rgba(255, 255, 255, 0.04);--snippet_border: rgba(255, 255, 255, 0.16);--snippet_icon_tertiary: #656565;--splashscreen_icon: #333333;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.00);--stories_create_button_background_from: #424242;--stories_create_button_background_to: #424242;--stories_create_button_foreground: #cccccc;--stories_create_button_icon_background: #555555;--stories_skeleton_loader_background: #555555;--switch_ios_off_border: #333333;--tabbar_active_icon: #ffffff;--tabbar_background: #333333;--tabbar_inactive_icon: #828282;--tabbar_tablet_active_icon: #5181b8;--tabbar_tablet_background: #292929;--tabbar_tablet_inactive_icon: #828282;--tabbar_tablet_text_primary: #e1e3e6;--tabbar_tablet_text_secondary: #828282;--text_action_counter: #b2b2b2;--text_link: #71aaeb;--text_link_highlighted_background: #5181b8;--text_muted: #cccccc;--text_name: #e1e3e6;--text_placeholder: #b2b2b2;--text_primary: #e1e3e6;--text_secondary: #828282;--text_subhead: #939393;--text_tertiary: #656565;--toolbar_attach_background_from: #828282;--toolbar_attach_background_to: #656565;--vk_connect_button_primary_background: #e1e3e6;--vk_connect_button_primary_foreground: #222222;--vk_connect_button_secondary_background: #555555;--vk_connect_button_secondary_foreground: #e1e3e6;--writebar_icon: #e1e3e6}

package/dist/cssm/styles/vkcom_light.css CHANGED Viewed

	@@ -1 +1 @@
1	- body[scheme=vkcom_light],[scheme=vkcom_light]{--accent: #5181b8;--accent_alternate: #~~2787f5~~;--action_sheet_action_foreground: #5181b8;--action_sheet_separator: rgba(0, 0, 0, 0.12);--activity_indicator_tint: #aeb7c2;--attach_picker_tab_active_background: #5181b8;--attach_picker_tab_active_icon: #ffffff;--attach_picker_tab_active_text: #5181b8;--attach_picker_tab_inactive_background: #f5f5f5;--attach_picker_tab_inactive_icon: #818c99;--attach_picker_tab_inactive_text: #818c99;--background_content: #ffffff;--background_highlighted: rgba(174, 183, 194, 0.16);--background_hover: rgba(174, 183, 194, 0.12);--background_keyboard: #dce1e6;--background_light: #fafbfc;--background_page: #edeef0;--background_suggestions: #ffffff;--background_text_highlighted: rgba(81, 129, 184, 0.20);--button_bot_shadow: #cccccc;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #e5ebf1;--button_muted_foreground: #55677d;--button_outline_border: #2a5885;--button_outline_foreground: #2a5885;--button_primary_background: #5181b8;--button_primary_foreground: #ffffff;--button_secondary_background: #e5ebf1;--button_secondary_background_highlighted: #dae2ea;--button_secondary_destructive_background: rgba(230, 70, 70, 0.16);--button_secondary_destructive_background_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_destructive_foreground: #e64646;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_foreground: #55677d;--button_secondary_foreground_highlighted: #55677d;--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #2a5885;--cell_button_foreground: #2a5885;--content_negative_background: #ff5c5c;--content_placeholder_icon: #99a2ad;--content_placeholder_text: #818c99;--content_positive_background: #def0d3;--content_tint_background: #f0f2f5;--content_tint_foreground: #828282;--content_warning_background: #faefd2;--control_background: #edeef0;--control_foreground: #5181b8;--control_tint: #ffffff;--control_tint_muted: #828282;--counter_primary_background: #5181b8;--counter_primary_text: #ffffff;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #99a2ad;--counter_secondary_text: #ffffff;--destructive: #e64646;--dynamic_blue: #5181b8;--dynamic_gray: #aeb7c2;--dynamic_green: #1b7a1b;--dynamic_orange: #ffa000;--dynamic_purple: #735ce6;--dynamic_raspberry_pink: #e03fab;--dynamic_red: #ff3347;--dynamic_violet: #792ec0;--feed_recommended_friend_promo_background: #5181b8;--field_background: #f7f8fa;--field_border: #dce1e6;--field_error_background: #~~ff5c5c~~;--field_error_border: #e64646;--field_text_placeholder: #818c99;--field_valid_border: #4bb34b;--float_button_background: #f7f8fa;--float_button_background_highlighted: #edeef0;--float_button_border: rgba(0, 0, 0, 0.08);--float_button_foreground: #99a2ad;--header_alternate_background: #ffffff;--header_alternate_tab_active_indicator: #5181b8;--header_alternate_tab_active_text: #000000;--header_alternate_tab_inactive_text: #99a2ad;--header_background: #ffffff;--header_background_before_blur: #ffffff;--header_background_before_blur_alternate: #ffffff;--header_search_field_background: #edeef0;--header_search_field_tint: #818c99;--header_tab_active_background: rgba(0, 0, 0, 0.00);--header_tab_active_indicator: #5181b8;--header_tab_active_text: #000000;--header_tab_inactive_text: #99a2ad;--header_text: #000000;--header_text_alternate: #000000;--header_text_secondary: #818c99;--header_tint: #aeb7c2;--header_tint_alternate: #~~2787f5~~;--icon_alpha_placeholder: #ffffff;--icon_medium: #6f7985;--icon_medium_alpha: rgba(0, 0, 0, 0.48);--icon_name: #8fadc8;--icon_outline_medium: #818c99;--icon_outline_secondary: #99a2ad;--icon_secondary: #99a2ad;--icon_secondary_alpha: rgba(0, 0, 0, 0.36);--icon_tertiary: #aeb7c2;--icon_tertiary_alpha: rgba(0, 0, 0, 0.24);--im_attach_tint: #5181b8;--im_bubble_border_alternate: #dce1e6;--im_bubble_border_alternate_highlighted: #cccccc;--im_bubble_button_background: #f7f8fa;--im_bubble_button_background_highlighted: #cccccc;--im_bubble_button_foreground: #000000;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.72);--im_bubble_gift_background: #f4e7c3;--im_bubble_gift_background_highlighted: #e3d3ac;--im_bubble_gift_text: #857250;--im_bubble_gift_text_secondary: #ab9871;--im_bubble_incoming: #edeef0;--im_bubble_incoming_alternate: #ffffff;--im_bubble_incoming_alternate_highlighted: #f7f8fa;--im_bubble_incoming_expiring: #e6e9ff;--im_bubble_incoming_expiring_highlighted: #ccd3ff;--im_bubble_incoming_highlighted: #d3d9de;--im_bubble_outgoing: #cce4ff;--im_bubble_outgoing_alternate: #ffffff;--im_bubble_outgoing_alternate_highlighted: #f0f2f5;--im_bubble_outgoing_expiring: #ccd3ff;--im_bubble_outgoing_expiring_highlighted: #adb8ff;--im_bubble_outgoing_highlighted: #add3ff;--im_bubble_wallpaper_button_background: #f0f2f5;--im_bubble_wallpaper_button_background_highlighted: #e7e8ec;--im_bubble_wallpaper_button_foreground: #000000;--im_bubble_wallpaper_incoming: #ffffff;--im_bubble_wallpaper_incoming_highlighted: #edeef0;--im_bubble_wallpaper_outgoing: #cce4ff;--im_bubble_wallpaper_outgoing_highlighted: #add3ff;--im_forward_line_tint: rgba(0, 20, 51, 0.12);--im_reply_separator: #2a5885;--im_service_message_text: #818c99;--im_text_name: #2a5885;--im_toolbar_separator: #001c3d;--im_toolbar_voice_msg_background: #99a2ad;--image_border: rgba(0, 0, 0, 0.08);--input_background: #ffffff;--input_border: #d3d9de;--landing_background: #ffffff;--landing_field_background: #f7f8fa;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #818c99;--landing_login_button_background: #5181b8;--landing_login_button_foreground: #ffffff;--landing_primary_button_background: #5181b8;--landing_primary_button_foreground: #ffffff;--landing_secondary_button_background: rgba(0, 57, 115, 0.10);--landing_secondary_button_foreground: #5181b8;--landing_snippet_border: rgba(0, 0, 0, 0.12);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #5181b8;--landing_text_primary: #000000;--landing_text_secondary: #818c99;--landing_text_title: #5181b8;--like_text_tint: #ff3347;--link_alternate: #2a5885;--loader_background: #edeef0;--loader_tint: #c5d0db;--loader_track_fill: #d3d9de;--loader_track_value_fill: #5181b8;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #333333;--modal_card_background: #ffffff;--modal_card_border: rgba(0, 0, 0, 0.00);--modal_card_header_close: #000000;--music_playback_icon: #000000;--overlay_status_background: #edeef0;--overlay_status_foreground: #6f7985;--overlay_status_icon: #818c99;--panel_tab_active_background: #edeef0;--panel_tab_active_text: #4e5966;--panel_tab_inactive_text: #6f7985;--placeholder_icon_background: rgba(0, 28, 61, 0.08);--placeholder_icon_background_opaque: #f0f2f5;--placeholder_icon_foreground_primary: #99a2ad;--placeholder_icon_foreground_secondary: #aeb7c2;--placeholder_icon_tint: #1d3a5c;--poll_option_background: #5181b8;--primary_overlay_badge: rgba(0, 0, 0, 0.56);--search_bar_background: rgba(0, 0, 0, 0.00);--search_bar_field_background: #edeef0;--search_bar_field_tint: #818c99;--search_bar_segmented_control_tint: #818c99;--secondary_overlay_badge: rgba(0, 0, 0, 0.24);--segmented_control_bar_background: rgba(0, 0, 0, 0.00);--segmented_control_tint: #99a2ad;--selection_off_icon: #c5d0db;--separator_alpha: rgba(0, 0, 0, 0.12);--separator_alternate: #e7e8ec;--separator_common: #dce1e6;--skeleton_foreground_from: #f0f2f5;--skeleton_foreground_to: #e7e8ec;--skeleton_shimmer_from: #ffffff;--skeleton_shimmer_to: rgba(255, 255, 255, 0.00);--snippet_background: #ffffff;--snippet_border: rgba(0, 0, 0, 0.12);--snippet_icon_tertiary: #aeb7c2;--splashscreen_icon: #dce1e6;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.24);--stories_create_button_background_from: #f0f2f5;--stories_create_button_background_to: #dce1e6;--stories_create_button_foreground: #6f7985;--stories_create_button_icon_background: #ffffff;--stories_skeleton_loader_background: #cccccc;--switch_ios_off_border: #dce1e6;--tabbar_active_icon: #5181b8;--tabbar_background: #f7f8fa;--tabbar_inactive_icon: #99a2ad;--tabbar_tablet_active_icon: #5181b8;--tabbar_tablet_background: #f7f8fa;--tabbar_tablet_inactive_icon: #99a2ad;--tabbar_tablet_text_primary: #000000;--tabbar_tablet_text_secondary: #818c99;--text_action_counter: #818c99;--text_link: #2a5885;--text_link_highlighted_background: #000000;--text_muted: #333333;--text_name: #2a5885;--text_placeholder: #818c99;--text_primary: #000000;--text_secondary: #818c99;--text_subhead: #626d7a;--text_tertiary: #99a2ad;--toolbar_attach_background_from: #dce1e6;--toolbar_attach_background_to: #aeb7c2;--vk_connect_button_primary_background: #222222;--vk_connect_button_primary_foreground: #ffffff;--vk_connect_button_secondary_background: #f5f5f5;--vk_connect_button_secondary_foreground: #222222;--writebar_icon: #818c99}
1	+ body[scheme=vkcom_light],[scheme=vkcom_light]{--accent: #5181b8;--accent_alternate: #0077ff;--action_sheet_action_foreground: #5181b8;--action_sheet_separator: rgba(0, 0, 0, 0.12);--activity_indicator_tint: #aeb7c2;--attach_picker_tab_active_background: #5181b8;--attach_picker_tab_active_icon: #ffffff;--attach_picker_tab_active_text: #5181b8;--attach_picker_tab_inactive_background: #f5f5f5;--attach_picker_tab_inactive_icon: #818c99;--attach_picker_tab_inactive_text: #818c99;--background_content: #ffffff;--background_highlighted: rgba(174, 183, 194, 0.16);--background_hover: rgba(174, 183, 194, 0.12);--background_keyboard: #dce1e6;--background_light: #fafbfc;--background_page: #edeef0;--background_suggestions: #ffffff;--background_text_highlighted: rgba(81, 129, 184, 0.20);--button_bot_shadow: #cccccc;--button_commerce_background: #4bb34b;--button_commerce_foreground: #ffffff;--button_muted_background: #e5ebf1;--button_muted_foreground: #55677d;--button_outline_border: #2a5885;--button_outline_foreground: #2a5885;--button_primary_background: #5181b8;--button_primary_foreground: #ffffff;--button_secondary_background: #e5ebf1;--button_secondary_background_highlighted: #dae2ea;--button_secondary_destructive_background: rgba(230, 70, 70, 0.16);--button_secondary_destructive_background_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_destructive_foreground: #e64646;--button_secondary_destructive_foreground_highlighted: rgba(230, 70, 70, 0.12);--button_secondary_foreground: #55677d;--button_secondary_foreground_highlighted: #55677d;--button_tertiary_background: rgba(0, 0, 0, 0.00);--button_tertiary_foreground: #2a5885;--cell_button_foreground: #2a5885;--content_negative_background: #ff5c5c;--content_placeholder_icon: #99a2ad;--content_placeholder_text: #818c99;--content_positive_background: #def0d3;--content_tint_background: #f0f2f5;--content_tint_foreground: #828282;--content_warning_background: #faefd2;--control_background: #edeef0;--control_foreground: #5181b8;--control_tint: #ffffff;--control_tint_muted: #828282;--counter_primary_background: #5181b8;--counter_primary_text: #ffffff;--counter_prominent_background: #ff3347;--counter_prominent_text: #ffffff;--counter_secondary_background: #99a2ad;--counter_secondary_text: #ffffff;--destructive: #e64646;--dynamic_blue: #5181b8;--dynamic_gray: #aeb7c2;--dynamic_green: #1b7a1b;--dynamic_orange: #ffa000;--dynamic_purple: #735ce6;--dynamic_raspberry_pink: #e03fab;--dynamic_red: #ff3347;--dynamic_violet: #792ec0;--feed_recommended_friend_promo_background: #5181b8;--field_background: #f7f8fa;--field_border: #dce1e6;--field_error_background: #faebeb;--field_error_border: #e64646;--field_text_placeholder: #818c99;--field_valid_border: #4bb34b;--float_button_background: #f7f8fa;--float_button_background_highlighted: #edeef0;--float_button_border: rgba(0, 0, 0, 0.08);--float_button_foreground: #99a2ad;--header_alternate_background: #ffffff;--header_alternate_tab_active_indicator: #5181b8;--header_alternate_tab_active_text: #000000;--header_alternate_tab_inactive_text: #99a2ad;--header_background: #ffffff;--header_background_before_blur: #ffffff;--header_background_before_blur_alternate: #ffffff;--header_search_field_background: #edeef0;--header_search_field_tint: #818c99;--header_tab_active_background: rgba(0, 0, 0, 0.00);--header_tab_active_indicator: #5181b8;--header_tab_active_text: #000000;--header_tab_inactive_text: #99a2ad;--header_text: #000000;--header_text_alternate: #000000;--header_text_secondary: #818c99;--header_tint: #aeb7c2;--header_tint_alternate: #0077ff;--icon_alpha_placeholder: #ffffff;--icon_medium: #6f7985;--icon_medium_alpha: rgba(0, 0, 0, 0.48);--icon_name: #8fadc8;--icon_outline_medium: #818c99;--icon_outline_secondary: #99a2ad;--icon_secondary: #99a2ad;--icon_secondary_alpha: rgba(0, 0, 0, 0.36);--icon_tertiary: #aeb7c2;--icon_tertiary_alpha: rgba(0, 0, 0, 0.24);--im_attach_tint: #5181b8;--im_bubble_border_alternate: #dce1e6;--im_bubble_border_alternate_highlighted: #cccccc;--im_bubble_button_background: #f7f8fa;--im_bubble_button_background_highlighted: #cccccc;--im_bubble_button_foreground: #000000;--im_bubble_button_outgoing_background: rgba(255, 255, 255, 0.72);--im_bubble_gift_background: #f4e7c3;--im_bubble_gift_background_highlighted: #e3d3ac;--im_bubble_gift_text: #857250;--im_bubble_gift_text_secondary: #ab9871;--im_bubble_incoming: #edeef0;--im_bubble_incoming_alternate: #ffffff;--im_bubble_incoming_alternate_highlighted: #f7f8fa;--im_bubble_incoming_expiring: #e6e9ff;--im_bubble_incoming_expiring_highlighted: #ccd3ff;--im_bubble_incoming_highlighted: #d3d9de;--im_bubble_outgoing: #cce4ff;--im_bubble_outgoing_alternate: #ffffff;--im_bubble_outgoing_alternate_highlighted: #f0f2f5;--im_bubble_outgoing_expiring: #ccd3ff;--im_bubble_outgoing_expiring_highlighted: #adb8ff;--im_bubble_outgoing_highlighted: #add3ff;--im_bubble_wallpaper_button_background: #f0f2f5;--im_bubble_wallpaper_button_background_highlighted: #e7e8ec;--im_bubble_wallpaper_button_foreground: #000000;--im_bubble_wallpaper_incoming: #ffffff;--im_bubble_wallpaper_incoming_highlighted: #edeef0;--im_bubble_wallpaper_outgoing: #cce4ff;--im_bubble_wallpaper_outgoing_highlighted: #add3ff;--im_forward_line_tint: rgba(0, 20, 51, 0.12);--im_reply_separator: #2a5885;--im_service_message_text: #818c99;--im_text_name: #2a5885;--im_toolbar_separator: #001c3d;--im_toolbar_voice_msg_background: #99a2ad;--image_border: rgba(0, 0, 0, 0.08);--input_background: #ffffff;--input_border: #d3d9de;--landing_background: #ffffff;--landing_field_background: #f7f8fa;--landing_field_border: rgba(0, 0, 0, 0.00);--landing_field_placeholder: #818c99;--landing_login_button_background: #5181b8;--landing_login_button_foreground: #ffffff;--landing_primary_button_background: #5181b8;--landing_primary_button_foreground: #ffffff;--landing_secondary_button_background: rgba(0, 57, 115, 0.10);--landing_secondary_button_foreground: #5181b8;--landing_snippet_border: rgba(0, 0, 0, 0.12);--landing_tertiary_button_background: rgba(0, 0, 0, 0.00);--landing_tertiary_button_foreground: #5181b8;--landing_text_primary: #000000;--landing_text_secondary: #818c99;--landing_text_title: #5181b8;--like_text_tint: #ff3347;--link_alternate: #2a5885;--loader_background: #edeef0;--loader_tint: #c5d0db;--loader_track_fill: #d3d9de;--loader_track_value_fill: #5181b8;--media_overlay_button_background: #ffffff;--media_overlay_button_foreground: #333333;--modal_card_background: #ffffff;--modal_card_border: rgba(0, 0, 0, 0.00);--modal_card_header_close: #000000;--music_playback_icon: #000000;--overlay_status_background: #edeef0;--overlay_status_foreground: #6f7985;--overlay_status_icon: #818c99;--panel_tab_active_background: #edeef0;--panel_tab_active_text: #4e5966;--panel_tab_inactive_text: #6f7985;--placeholder_icon_background: rgba(0, 28, 61, 0.08);--placeholder_icon_background_opaque: #f0f2f5;--placeholder_icon_foreground_primary: #99a2ad;--placeholder_icon_foreground_secondary: #aeb7c2;--placeholder_icon_tint: #1d3a5c;--poll_option_background: #5181b8;--primary_overlay_badge: rgba(0, 0, 0, 0.56);--search_bar_background: rgba(0, 0, 0, 0.00);--search_bar_field_background: #edeef0;--search_bar_field_tint: #818c99;--search_bar_segmented_control_tint: #818c99;--secondary_overlay_badge: rgba(0, 0, 0, 0.24);--segmented_control_bar_background: rgba(0, 0, 0, 0.00);--segmented_control_tint: #99a2ad;--selection_off_icon: #c5d0db;--separator_alpha: rgba(0, 0, 0, 0.12);--separator_alternate: #e7e8ec;--separator_common: #dce1e6;--skeleton_foreground_from: #f0f2f5;--skeleton_foreground_to: #e7e8ec;--skeleton_shimmer_from: #ffffff;--skeleton_shimmer_to: rgba(255, 255, 255, 0.00);--snippet_background: #ffffff;--snippet_border: rgba(0, 0, 0, 0.12);--snippet_icon_tertiary: #aeb7c2;--splashscreen_icon: #dce1e6;--statusbar_alternate_legacy_background: rgba(0, 0, 0, 0.24);--stories_create_button_background_from: #f0f2f5;--stories_create_button_background_to: #dce1e6;--stories_create_button_foreground: #6f7985;--stories_create_button_icon_background: #ffffff;--stories_skeleton_loader_background: #cccccc;--switch_ios_off_border: #dce1e6;--tabbar_active_icon: #5181b8;--tabbar_background: #f7f8fa;--tabbar_inactive_icon: #99a2ad;--tabbar_tablet_active_icon: #5181b8;--tabbar_tablet_background: #f7f8fa;--tabbar_tablet_inactive_icon: #99a2ad;--tabbar_tablet_text_primary: #000000;--tabbar_tablet_text_secondary: #818c99;--text_action_counter: #818c99;--text_link: #2a5885;--text_link_highlighted_background: #000000;--text_muted: #333333;--text_name: #2a5885;--text_placeholder: #818c99;--text_primary: #000000;--text_secondary: #818c99;--text_subhead: #626d7a;--text_tertiary: #99a2ad;--toolbar_attach_background_from: #dce1e6;--toolbar_attach_background_to: #aeb7c2;--vk_connect_button_primary_background: #222222;--vk_connect_button_primary_foreground: #ffffff;--vk_connect_button_secondary_background: #f5f5f5;--vk_connect_button_secondary_foreground: #222222;--writebar_icon: #818c99}

package/dist/index.d.ts CHANGED Viewed

@@ -104,6 +104,10 @@ export { default as Gallery } from './components/Gallery/Gallery';
 export type { GalleryProps } from './components/Gallery/Gallery';
 export { default as Avatar } from './components/Avatar/Avatar';
 export type { AvatarProps } from './components/Avatar/Avatar';
+export { GridAvatar } from './components/GridAvatar/GridAvatar';
+export type { GridAvatarProps } from './components/GridAvatar/GridAvatar';
+export { InitialsAvatar } from './components/InitialsAvatar/InitialsAvatar';
+export type { InitialsAvatarProps } from './components/InitialsAvatar/InitialsAvatar';
 export { default as Progress } from './components/Progress/Progress';
 export type { ProgressProps } from './components/Progress/Progress';
 export { default as Search } from './components/Search/Search';

package/dist/index.js CHANGED Viewed

@@ -62,6 +62,8 @@ export { default as Footer } from "./components/Footer/Footer";
 export { default as InfoRow } from "./components/InfoRow/InfoRow";
 export { default as Gallery } from "./components/Gallery/Gallery";
 export { default as Avatar } from "./components/Avatar/Avatar";
+export { GridAvatar } from "./components/GridAvatar/GridAvatar";
+export { InitialsAvatar } from "./components/InitialsAvatar/InitialsAvatar";
 export { default as Progress } from "./components/Progress/Progress";
 export { default as Search } from "./components/Search/Search";
 export { default as Tabs } from "./components/Tabs/Tabs";

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts"],"names":["default","Root","View","Panel","PanelHeaderButton","PanelHeader","PanelHeaderContent","PanelHeaderContext","SplitLayout","SplitCol","Epic","Tabbar","TabbarItem","HorizontalScroll","FixedLayout","PopoutWrapper","Alert","ActionSheet","ActionSheetItem","ScreenSpinner","Snackbar","ModalRoot","withModalRootContext","ModalRootContext","ModalPage","ModalPageHeader","ModalCard","ModalDismissButton","Badge","Button","IconButton","Card","CardGrid","CardScroll","ContentCard","CellButton","Header","Group","Gradient","List","Cell","RichCell","SimpleCell","HorizontalCell","Footer","InfoRow","Gallery","Avatar","Progress","Search","Tabs","TabsItem","Spinner","PullToRefresh","Link","Tooltip","TooltipContainer","Counter","UsersStack","Separator","Spacing","Placeholder","Banner","MiniInfoCell","WriteBar","WriteBarIcon","SubnavigationBar","SubnavigationButton","FormLayout","FormItem","FormField","FormLayoutGroup","FormStatus","Switch","File","Input","Chip","ChipsInput","Slider","RangeSlider","Textarea","Radio","Checkbox","Select","SelectMimicry","NativeSelect","CustomSelect","CustomSelectOption","DatePicker","SliderSwitch","Div","Tappable","Touch","PanelSpinner","PanelHeaderClose","PanelHeaderBack","PanelHeaderSubmit","PanelHeaderEdit","ModalCardBase","AppRoot","AdaptivityProvider","ConfigProvider","ConfigProviderContext","Appearance","Scheme","WebviewType","PromoBanner","Title","Headline","Text","Caption","Subhead","withInsets","withPlatform","withAdaptivity","useInsets","usePlatform","useAdaptivity","useAppearance","classNamesString","classNames","animate","removeObjectKeys","SSRWrapper","platform","ANDROID","IOS","VKCOM","Platform","IS_PLATFORM_ANDROID","IS_PLATFORM_IOS","getClassName","ViewWidth","ViewHeight","SizeType"],"mappings":"AAAA;;AAMA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,IAApB;AAEA,SAASD,OAAO,IAAIE,IAApB;AAEA,SAASC,KAAT;AAEA,SAASC,iBAAT;AAEA,SAASJ,OAAO,IAAIK,WAApB;AAEA,SAASL,OAAO,IAAIM,kBAApB;AAEA,SAASC,kBAAT;AAEA,SAASC,WAAT;AAEA,SAASC,QAAT;AAEA,SAAST,OAAO,IAAIU,IAApB;AAEA,SAASV,OAAO,IAAIW,MAApB;AAEA,SAASX,OAAO,IAAIY,UAApB;AAEA,SAASZ,OAAO,IAAIa,gBAApB;AAEA,SAASb,OAAO,IAAIc,WAApB;;AAGA;AACA;AACA;AACA,SAASC,aAAT;AAEA,SAASf,OAAO,IAAIgB,KAApB;AAEA,SAASC,WAAT;AAEA,SAASjB,OAAO,IAAIkB,eAApB;AAEA,SAASlB,OAAO,IAAImB,aAApB;AAEA,SAASC,QAAT;;AAGA;AACA;AACA;AACA,SAASC,SAAT;AAEA,SAASC,oBAAT;AACA,SAAStB,OAAO,IAAIuB,gBAApB;AACA,SAASvB,OAAO,IAAIwB,SAApB;AAEA,SAASxB,OAAO,IAAIyB,eAApB;AAEA,SAASzB,OAAO,IAAI0B,SAApB;AAEA,SAAS1B,OAAO,IAAI2B,kBAApB;;AAGA;AACA;AACA;AACA,SAASC,KAAT;AAEA,SAAS5B,OAAO,IAAI6B,MAApB;AAEA,SAAS7B,OAAO,IAAI8B,UAApB;AAEA,SAAS9B,OAAO,IAAI+B,IAApB;AAEA,SAAS/B,OAAO,IAAIgC,QAApB;AAEA,SAAShC,OAAO,IAAIiC,UAApB;AAEA,SAASjC,OAAO,IAAIkC,WAApB;AAEA,SAASC,UAAT;AAEA,SAASnC,OAAO,IAAIoC,MAApB;AAEA,SAASpC,OAAO,IAAIqC,KAApB;AAEA,SAASrC,OAAO,IAAIsC,QAApB;AAEA,SAAStC,OAAO,IAAIuC,IAApB;AACA,SAASC,IAAT;AAEA,SAASxC,OAAO,IAAIyC,QAApB;AAEA,SAASzC,OAAO,IAAI0C,UAApB;AAEA,SAASC,cAAT;AAEA,SAAS3C,OAAO,IAAI4C,MAApB;AACA,SAAS5C,OAAO,IAAI6C,OAApB;AAEA,SAAS7C,OAAO,IAAI8C,OAApB;AAEA,SAAS9C,OAAO,IAAI+C,MAApB;AAEA,SAAS/C,OAAO,IAAIgD,QAApB;AAEA,SAAShD,OAAO,IAAIiD,MAApB;AAEA,SAASjD,OAAO,IAAIkD,IAApB;AAEA,SAASlD,OAAO,IAAImD,QAApB;AAEA,SAASnD,OAAO,IAAIoD,OAApB;AAEA,SAASpD,OAAO,IAAIqD,aAApB;AAEA,SAASrD,OAAO,IAAIsD,IAApB;AAEA,SAAStD,OAAO,IAAIuD,OAApB;AAEA,SAASC,gBAAT;AACA,SAASxD,OAAO,IAAIyD,OAApB;AAEA,SAASzD,OAAO,IAAI0D,UAApB;AAEA,SAAS1D,OAAO,IAAI2D,SAApB;AAEA,SAASC,OAAT;AAEA,SAAS5D,OAAO,IAAI6D,WAApB;AAEA,SAAS7D,OAAO,IAAI8D,MAApB;AAEA,SAASC,YAAT;AAEA,SAASC,QAAT;AAEA,SAASC,YAAT;AAEA,SAASC,gBAAT;AAEA,SAASC,mBAAT;;AAGA;AACA;AACA;AACA,SAASnE,OAAO,IAAIoE,UAApB;AAEA,SAASC,QAAT;AAEA,SAASC,SAAT;AAEA,SAAStE,OAAO,IAAIuE,eAApB;AAEA,SAASC,UAAT;AAEA,SAASC,MAAT;AAEA,SAASzE,OAAO,IAAI0E,IAApB;AAEA,SAAS1E,OAAO,IAAI2E,KAApB;AAEA,SAAS3E,OAAO,IAAI4E,IAApB;AAEA,SAAS5E,OAAO,IAAI6E,UAApB;AAEA,SAAS7E,OAAO,IAAI8E,MAApB;AAEA,SAAS9E,OAAO,IAAI+E,WAApB;AAEA,SAAS/E,OAAO,IAAIgF,QAApB;AAEA,SAAShF,OAAO,IAAIiF,KAApB;AAEA,SAASjF,OAAO,IAAIkF,QAApB;AAEA,SAASlF,OAAO,IAAImF,MAApB;AAEA,SAASnF,OAAO,IAAIoF,aAApB;AAEA,SAASpF,OAAO,IAAIqF,YAApB;AAEA,SAASrF,OAAO,IAAIsF,YAApB;AAEA,SAAStF,OAAO,IAAIuF,kBAApB;AAEA,SAASvF,OAAO,IAAIwF,UAApB;AAEA,SAASxF,OAAO,IAAIyF,YAApB;;AAGA;AACA;AACA;AACA,SAASzF,OAAO,IAAI0F,GAApB;AAEA,SAAS1F,OAAO,IAAI2F,QAApB;AAEA,SAASC,KAAT;AAEA,SAAS5F,OAAO,IAAI6F,YAApB;AAEA,SAAS7F,OAAO,IAAI8F,gBAApB;AACA,SAAS9F,OAAO,IAAI+F,eAApB;AACA,SAAS/F,OAAO,IAAIgG,iBAApB;AACA,SAAShG,OAAO,IAAIiG,eAApB;AAEA,SAASC,aAAT;;AAGA;AACA;AACA;AACA,SAASC,OAAT;AACA,SAASnG,OAAO,IAAIoG,kBAApB;AACA,SAASpG,OAAO,IAAIqG,cAApB;AAEA,SACEC,qBADF,EAEEC,UAFF,EAGEC,MAHF,EAIEC,WAJF;AAOA;AACA;AACA;;AACA,SAASzG,OAAO,IAAI0G,WAApB;;AAGA;AACA;AACA;AACA,SAAS1G,OAAO,IAAI2G,KAApB;AAEA,SAAS3G,OAAO,IAAI4G,QAApB;AAEA,SAAS5G,OAAO,IAAI6G,IAApB;AAEA,SAAS7G,OAAO,IAAI8G,OAApB;AAEA,SAAS9G,OAAO,IAAI+G,OAApB;;AAGA;AACA;AACA;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,cAAT;AAEA;AACA;AACA;;AACA,SAASC,SAAT;AACA,SAASC,WAAT;AACA,SAASC,aAAT;AACA,SAASC,aAAT;AAEA;AACA;AACA;;AACA,SAASC,gBAAgB,IAAIC,UAA7B;AACA,SAASxH,OAAO,IAAIyH,OAApB;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT,EAAmBC,OAAnB,EAA4BC,GAA5B,EAAiCC,KAAjC,EAAwCC,QAAxC,EAAkDC,mBAAlD,EAAuEC,eAAvE;AACA,SAASC,YAAT;AACA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,QAAhC;AAEA;AACA;AACA","sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/animations.css';\nimport './styles/common.css';\n\n/*\n Layout\n /\nexport { default as Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { default as View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { default as PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { default as PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { default as Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { default as Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { default as TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { default as HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\nexport { default as FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\n\n/\n Popouts\n /\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { default as Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type { ActionSheetProps } from './components/ActionSheet/ActionSheet';\nexport { default as ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { default as ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/\n Modals\n /\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/ModalRootAdaptive';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { default as ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { default as ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { default as ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { default as ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { default as ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/\n Blocks\n /\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { default as Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\nexport { default as IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { default as Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { default as CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { default as CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { default as ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { default as Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { default as Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { default as Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { default as List } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport { default as RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { default as SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { default as Footer } from './components/Footer/Footer';\nexport { default as InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { default as Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { default as Avatar } from './components/Avatar/Avatar';\nexport type { AvatarProps } from './components/Avatar/Avatar';\nexport { default as Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { default as Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { default as Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { default as TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { default as Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { default as PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { default as Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { default as Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { default as Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { default as UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { default as Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { default as Placeholder } from './components/Placeholder/Placeholder';\nexport type { PlaceholderProps } from './components/Placeholder/Placeholder';\nexport { default as Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\n\n/\n Forms\n /\nexport { default as FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { default as FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { default as File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { default as Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { default as Chip } from './components/Chip/Chip';\nexport type { ChipProps } from './components/Chip/Chip';\nexport { default as ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { default as Slider } from './components/Slider/Slider';\nexport type { SliderProps } from './components/Slider/Slider';\nexport { default as RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { default as Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { default as Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { default as Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { default as Select } from './components/Select/Select';\nexport type { SelectProps } from './components/Select/Select';\nexport { default as SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { default as NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { default as CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type { CustomSelectProps, CustomSelectOptionInterface } from './components/CustomSelect/CustomSelect';\nexport { default as CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { default as DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { default as SliderSwitch } from './components/SliderSwitch/SliderSwitch';\nexport type { SliderSwitchProps, SliderSwitchOptionInterface } from './components/SliderSwitch/SliderSwitch';\n\n/\n Helpers\n /\nexport { default as Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { default as Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { default as PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { default as PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { default as PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { default as PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { default as PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\n\n/\n Wrappers\n /\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport { default as AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { default as ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n ConfigProviderContext,\n Appearance,\n Scheme,\n WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\n\n/\n Advertisement\n /\nexport { default as PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/\n Typography\n /\nexport { default as Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { default as Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { default as Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { default as Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\nexport { default as Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\n\n/\n HOCs\n /\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\nexport { withAdaptivity } from './hoc/withAdaptivity';\n\n/\n Hooks\n /\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport { useAppearance } from './hooks/useAppearance';\n\n/\n Utils\n /\nexport { classNamesString as classNames } from './lib/classNames';\nexport { default as animate } from './lib/animate';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS } from './lib/platform';\nexport { getClassName } from './helpers/getClassName';\nexport { ViewWidth, ViewHeight, SizeType } from './components/AdaptivityProvider/AdaptivityContext';\n\n/\n Types\n */\nexport type { AlignType, HasPlatform, HasInsets } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { AdaptivityProps } from './hoc/withAdaptivity';\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../src/index.ts"],"names":["default","Root","View","Panel","PanelHeaderButton","PanelHeader","PanelHeaderContent","PanelHeaderContext","SplitLayout","SplitCol","Epic","Tabbar","TabbarItem","HorizontalScroll","FixedLayout","PopoutWrapper","Alert","ActionSheet","ActionSheetItem","ScreenSpinner","Snackbar","ModalRoot","withModalRootContext","ModalRootContext","ModalPage","ModalPageHeader","ModalCard","ModalDismissButton","Badge","Button","IconButton","Card","CardGrid","CardScroll","ContentCard","CellButton","Header","Group","Gradient","List","Cell","RichCell","SimpleCell","HorizontalCell","Footer","InfoRow","Gallery","Avatar","GridAvatar","InitialsAvatar","Progress","Search","Tabs","TabsItem","Spinner","PullToRefresh","Link","Tooltip","TooltipContainer","Counter","UsersStack","Separator","Spacing","Placeholder","Banner","MiniInfoCell","WriteBar","WriteBarIcon","SubnavigationBar","SubnavigationButton","FormLayout","FormItem","FormField","FormLayoutGroup","FormStatus","Switch","File","Input","Chip","ChipsInput","Slider","RangeSlider","Textarea","Radio","Checkbox","Select","SelectMimicry","NativeSelect","CustomSelect","CustomSelectOption","DatePicker","SliderSwitch","Div","Tappable","Touch","PanelSpinner","PanelHeaderClose","PanelHeaderBack","PanelHeaderSubmit","PanelHeaderEdit","ModalCardBase","AppRoot","AdaptivityProvider","ConfigProvider","ConfigProviderContext","Appearance","Scheme","WebviewType","PromoBanner","Title","Headline","Text","Caption","Subhead","withInsets","withPlatform","withAdaptivity","useInsets","usePlatform","useAdaptivity","useAppearance","classNamesString","classNames","animate","removeObjectKeys","SSRWrapper","platform","ANDROID","IOS","VKCOM","Platform","IS_PLATFORM_ANDROID","IS_PLATFORM_IOS","getClassName","ViewWidth","ViewHeight","SizeType"],"mappings":"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","sourcesContent":["import './lib/polyfills';\n\nimport './styles/constants.css';\nimport './styles/animations.css';\nimport './styles/common.css';\n\n/*\n Layout\n /\nexport { default as Root } from './components/Root/Root';\nexport type { RootProps } from './components/Root/Root';\nexport { default as View } from './components/View/View';\nexport type { ViewProps } from './components/View/View';\nexport { Panel } from './components/Panel/Panel';\nexport type { PanelProps } from './components/Panel/Panel';\nexport { PanelHeaderButton } from './components/PanelHeaderButton/PanelHeaderButton';\nexport type { PanelHeaderButtonProps } from './components/PanelHeaderButton/PanelHeaderButton';\nexport { default as PanelHeader } from './components/PanelHeader/PanelHeader';\nexport type { PanelHeaderProps } from './components/PanelHeader/PanelHeader';\nexport { default as PanelHeaderContent } from './components/PanelHeaderContent/PanelHeaderContent';\nexport type { PanelHeaderContentProps } from './components/PanelHeaderContent/PanelHeaderContent';\nexport { PanelHeaderContext } from './components/PanelHeaderContext/PanelHeaderContext';\nexport type { PanelHeaderContextProps } from './components/PanelHeaderContext/PanelHeaderContext';\nexport { SplitLayout } from './components/SplitLayout/SplitLayout';\nexport type { SplitLayoutProps } from './components/SplitLayout/SplitLayout';\nexport { SplitCol } from './components/SplitCol/SplitCol';\nexport type { SplitColProps } from './components/SplitCol/SplitCol';\nexport { default as Epic } from './components/Epic/Epic';\nexport type { EpicProps } from './components/Epic/Epic';\nexport { default as Tabbar } from './components/Tabbar/Tabbar';\nexport type { TabbarProps } from './components/Tabbar/Tabbar';\nexport { default as TabbarItem } from './components/TabbarItem/TabbarItem';\nexport type { TabbarItemProps } from './components/TabbarItem/TabbarItem';\nexport { default as HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll';\nexport type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';\nexport { default as FixedLayout } from './components/FixedLayout/FixedLayout';\nexport type { FixedLayoutProps } from './components/FixedLayout/FixedLayout';\n\n/\n Popouts\n /\nexport { PopoutWrapper } from './components/PopoutWrapper/PopoutWrapper';\nexport type { PopoutWrapperProps } from './components/PopoutWrapper/PopoutWrapper';\nexport { default as Alert } from './components/Alert/Alert';\nexport type { AlertProps, AlertActionInterface } from './components/Alert/Alert';\nexport { ActionSheet } from './components/ActionSheet/ActionSheet';\nexport type { ActionSheetProps } from './components/ActionSheet/ActionSheet';\nexport { default as ActionSheetItem } from './components/ActionSheetItem/ActionSheetItem';\nexport type { ActionSheetItemProps } from './components/ActionSheetItem/ActionSheetItem';\nexport { default as ScreenSpinner } from './components/ScreenSpinner/ScreenSpinner';\nexport type { ScreenSpinnerProps } from './components/ScreenSpinner/ScreenSpinner';\nexport { Snackbar } from './components/Snackbar/Snackbar';\nexport type { SnackbarProps } from './components/Snackbar/Snackbar';\n\n/\n Modals\n /\nexport { ModalRoot } from './components/ModalRoot/ModalRootAdaptive';\nexport type { ModalRootProps } from './components/ModalRoot/ModalRootAdaptive';\nexport { withModalRootContext } from './components/ModalRoot/withModalRootContext';\nexport { default as ModalRootContext } from './components/ModalRoot/ModalRootContext';\nexport { default as ModalPage } from './components/ModalPage/ModalPage';\nexport type { ModalPageProps } from './components/ModalPage/ModalPage';\nexport { default as ModalPageHeader } from './components/ModalPageHeader/ModalPageHeader';\nexport type { ModalPageHeaderProps } from './components/ModalPageHeader/ModalPageHeader';\nexport { default as ModalCard } from './components/ModalCard/ModalCard';\nexport type { ModalCardProps } from './components/ModalCard/ModalCard';\nexport { default as ModalDismissButton } from './components/ModalDismissButton/ModalDismissButton';\nexport type { ModalDismissButtonProps } from './components/ModalDismissButton/ModalDismissButton';\n\n/\n Blocks\n /\nexport { Badge } from './components/Badge/Badge';\nexport type { BadgeProps } from './components/Badge/Badge';\nexport { default as Button } from './components/Button/Button';\nexport type { ButtonProps } from './components/Button/Button';\nexport { default as IconButton } from './components/IconButton/IconButton';\nexport type { IconButtonProps } from './components/IconButton/IconButton';\nexport { default as Card } from './components/Card/Card';\nexport type { CardProps } from './components/Card/Card';\nexport { default as CardGrid } from './components/CardGrid/CardGrid';\nexport type { CardGridProps } from './components/CardGrid/CardGrid';\nexport { default as CardScroll } from './components/CardScroll/CardScroll';\nexport type { CardScrollProps } from './components/CardScroll/CardScroll';\nexport { default as ContentCard } from './components/ContentCard/ContentCard';\nexport type { ContentCardProps } from './components/ContentCard/ContentCard';\nexport { CellButton } from './components/CellButton/CellButton';\nexport type { CellButtonProps } from './components/CellButton/CellButton';\nexport { default as Header } from './components/Header/Header';\nexport type { HeaderProps } from './components/Header/Header';\nexport { default as Group } from './components/Group/Group';\nexport type { GroupProps } from './components/Group/Group';\nexport { default as Gradient } from './components/Gradient/Gradient';\nexport type { GradientProps } from './components/Gradient/Gradient';\nexport { default as List } from './components/List/List';\nexport { Cell } from './components/Cell/Cell';\nexport type { CellProps } from './components/Cell/Cell';\nexport { default as RichCell } from './components/RichCell/RichCell';\nexport type { RichCellProps } from './components/RichCell/RichCell';\nexport { default as SimpleCell } from './components/SimpleCell/SimpleCell';\nexport type { SimpleCellProps } from './components/SimpleCell/SimpleCell';\nexport { HorizontalCell } from './components/HorizontalCell/HorizontalCell';\nexport type { HorizontalCellProps } from './components/HorizontalCell/HorizontalCell';\nexport { default as Footer } from './components/Footer/Footer';\nexport { default as InfoRow } from './components/InfoRow/InfoRow';\nexport type { InfoRowProps } from './components/InfoRow/InfoRow';\nexport { default as Gallery } from './components/Gallery/Gallery';\nexport type { GalleryProps } from './components/Gallery/Gallery';\nexport { default as Avatar } from './components/Avatar/Avatar';\nexport type { AvatarProps } from './components/Avatar/Avatar';\nexport { GridAvatar } from './components/GridAvatar/GridAvatar';\nexport type { GridAvatarProps } from './components/GridAvatar/GridAvatar';\nexport { InitialsAvatar } from './components/InitialsAvatar/InitialsAvatar';\nexport type { InitialsAvatarProps } from './components/InitialsAvatar/InitialsAvatar';\nexport { default as Progress } from './components/Progress/Progress';\nexport type { ProgressProps } from './components/Progress/Progress';\nexport { default as Search } from './components/Search/Search';\nexport type { SearchProps } from './components/Search/Search';\nexport { default as Tabs } from './components/Tabs/Tabs';\nexport type { TabsProps } from './components/Tabs/Tabs';\nexport { default as TabsItem } from './components/TabsItem/TabsItem';\nexport type { TabsItemProps } from './components/TabsItem/TabsItem';\nexport { default as Spinner } from './components/Spinner/Spinner';\nexport type { SpinnerProps } from './components/Spinner/Spinner';\nexport { default as PullToRefresh } from './components/PullToRefresh/PullToRefresh';\nexport type { PullToRefreshProps } from './components/PullToRefresh/PullToRefresh';\nexport { default as Link } from './components/Link/Link';\nexport type { LinkProps } from './components/Link/Link';\nexport { default as Tooltip } from './components/Tooltip/Tooltip';\nexport type { TooltipProps } from './components/Tooltip/Tooltip';\nexport { TooltipContainer } from './components/Tooltip/TooltipContainer';\nexport { default as Counter } from './components/Counter/Counter';\nexport type { CounterProps } from './components/Counter/Counter';\nexport { default as UsersStack } from './components/UsersStack/UsersStack';\nexport type { UsersStackProps } from './components/UsersStack/UsersStack';\nexport { default as Separator } from './components/Separator/Separator';\nexport type { SeparatorProps } from './components/Separator/Separator';\nexport { Spacing } from './components/Spacing/Spacing';\nexport type { SpacingProps } from './components/Spacing/Spacing';\nexport { default as Placeholder } from './components/Placeholder/Placeholder';\nexport type { PlaceholderProps } from './components/Placeholder/Placeholder';\nexport { default as Banner } from './components/Banner/Banner';\nexport type { BannerProps } from './components/Banner/Banner';\nexport { MiniInfoCell } from './components/MiniInfoCell/MiniInfoCell';\nexport type { MiniInfoCellProps } from './components/MiniInfoCell/MiniInfoCell';\nexport { WriteBar } from './components/WriteBar/WriteBar';\nexport type { WriteBarProps } from './components/WriteBar/WriteBar';\nexport { WriteBarIcon } from './components/WriteBarIcon/WriteBarIcon';\nexport type { WriteBarIconProps } from './components/WriteBarIcon/WriteBarIcon';\nexport { SubnavigationBar } from './components/SubnavigationBar/SubnavigationBar';\nexport type { SubnavigationBarProps } from './components/SubnavigationBar/SubnavigationBar';\nexport { SubnavigationButton } from './components/SubnavigationButton/SubnavigationButton';\nexport type { SubnavigationButtonProps } from './components/SubnavigationButton/SubnavigationButton';\n\n/\n Forms\n /\nexport { default as FormLayout } from './components/FormLayout/FormLayout';\nexport type { FormLayoutProps } from './components/FormLayout/FormLayout';\nexport { FormItem } from './components/FormItem/FormItem';\nexport type { FormItemProps } from './components/FormItem/FormItem';\nexport { FormField } from './components/FormField/FormField';\nexport type { FormFieldProps } from './components/FormField/FormField';\nexport { default as FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';\nexport type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';\nexport { FormStatus } from './components/FormStatus/FormStatus';\nexport type { FormStatusProps } from './components/FormStatus/FormStatus';\nexport { Switch } from './components/Switch/Switch';\nexport type { SwitchProps } from './components/Switch/Switch';\nexport { default as File } from './components/File/File';\nexport type { FileProps } from './components/File/File';\nexport { default as Input } from './components/Input/Input';\nexport type { InputProps } from './components/Input/Input';\nexport { default as Chip } from './components/Chip/Chip';\nexport type { ChipProps } from './components/Chip/Chip';\nexport { default as ChipsInput } from './components/ChipsInput/ChipsInput';\nexport type { ChipsInputProps } from './components/ChipsInput/ChipsInput';\nexport { default as Slider } from './components/Slider/Slider';\nexport type { SliderProps } from './components/Slider/Slider';\nexport { default as RangeSlider } from './components/RangeSlider/RangeSlider';\nexport type { RangeSliderProps } from './components/RangeSlider/RangeSlider';\nexport { default as Textarea } from './components/Textarea/Textarea';\nexport type { TextareaProps } from './components/Textarea/Textarea';\nexport { default as Radio } from './components/Radio/Radio';\nexport type { RadioProps } from './components/Radio/Radio';\nexport { default as Checkbox } from './components/Checkbox/Checkbox';\nexport type { CheckboxProps } from './components/Checkbox/Checkbox';\nexport { default as Select } from './components/Select/Select';\nexport type { SelectProps } from './components/Select/Select';\nexport { default as SelectMimicry } from './components/SelectMimicry/SelectMimicry';\nexport type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicry';\nexport { default as NativeSelect } from './components/NativeSelect/NativeSelect';\nexport type { NativeSelectProps } from './components/NativeSelect/NativeSelect';\nexport { default as CustomSelect } from './components/CustomSelect/CustomSelect';\nexport type { CustomSelectProps, CustomSelectOptionInterface } from './components/CustomSelect/CustomSelect';\nexport { default as CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';\nexport type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';\nexport { default as DatePicker } from './components/DatePicker/DatePicker';\nexport type { DatePickerProps, DatePickerDateFormat } from './components/DatePicker/DatePicker';\nexport { default as SliderSwitch } from './components/SliderSwitch/SliderSwitch';\nexport type { SliderSwitchProps, SliderSwitchOptionInterface } from './components/SliderSwitch/SliderSwitch';\n\n/\n Helpers\n /\nexport { default as Div } from './components/Div/Div';\nexport type { DivProps } from './components/Div/Div';\nexport { default as Tappable } from './components/Tappable/Tappable';\nexport type { TappableProps } from './components/Tappable/Tappable';\nexport { Touch } from './components/Touch/Touch';\nexport type { TouchProps } from './components/Touch/Touch';\nexport { default as PanelSpinner } from './components/PanelSpinner/PanelSpinner';\nexport type { PanelSpinnerProps } from './components/PanelSpinner/PanelSpinner';\nexport { default as PanelHeaderClose } from './components/PanelHeaderClose/PanelHeaderClose';\nexport { default as PanelHeaderBack } from './components/PanelHeaderBack/PanelHeaderBack';\nexport { default as PanelHeaderSubmit } from './components/PanelHeaderSubmit/PanelHeaderSubmit';\nexport { default as PanelHeaderEdit } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport type { PanelHeaderEditProps } from './components/PanelHeaderEdit/PanelHeaderEdit';\nexport { ModalCardBase } from './components/ModalCardBase/ModalCardBase';\nexport type { ModalCardBaseProps } from './components/ModalCardBase/ModalCardBase';\n\n/\n Wrappers\n /\nexport { AppRoot } from './components/AppRoot/AppRoot';\nexport { default as AdaptivityProvider } from './components/AdaptivityProvider/AdaptivityProvider';\nexport { default as ConfigProvider } from './components/ConfigProvider/ConfigProvider';\nexport type { ConfigProviderProps } from './components/ConfigProvider/ConfigProvider';\nexport {\n ConfigProviderContext,\n Appearance,\n Scheme,\n WebviewType,\n} from './components/ConfigProvider/ConfigProviderContext';\n\n/\n Advertisement\n /\nexport { default as PromoBanner } from './components/PromoBanner/PromoBanner';\nexport type { PromoBannerProps } from './components/PromoBanner/PromoBanner';\n\n/\n Typography\n /\nexport { default as Title } from './components/Typography/Title/Title';\nexport type { TitleProps } from './components/Typography/Title/Title';\nexport { default as Headline } from './components/Typography/Headline/Headline';\nexport type { HeadlineProps } from './components/Typography/Headline/Headline';\nexport { default as Text } from './components/Typography/Text/Text';\nexport type { TextProps } from './components/Typography/Text/Text';\nexport { default as Caption } from './components/Typography/Caption/Caption';\nexport type { CaptionProps } from './components/Typography/Caption/Caption';\nexport { default as Subhead } from './components/Typography/Subhead/Subhead';\nexport type { SubheadProps } from './components/Typography/Subhead/Subhead';\n\n/\n HOCs\n /\nexport { withInsets } from './hoc/withInsets';\nexport { withPlatform } from './hoc/withPlatform';\nexport { withAdaptivity } from './hoc/withAdaptivity';\n\n/\n Hooks\n /\nexport { useInsets } from './hooks/useInsets';\nexport { usePlatform } from './hooks/usePlatform';\nexport { useAdaptivity } from './hooks/useAdaptivity';\nexport { useAppearance } from './hooks/useAppearance';\n\n/\n Utils\n /\nexport { classNamesString as classNames } from './lib/classNames';\nexport { default as animate } from './lib/animate';\nexport { removeObjectKeys } from './lib/removeObjectKeys';\nexport { SSRWrapper } from './lib/SSR';\nexport { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS } from './lib/platform';\nexport { getClassName } from './helpers/getClassName';\nexport { ViewWidth, ViewHeight, SizeType } from './components/AdaptivityProvider/AdaptivityContext';\n\n/\n Types\n */\nexport type { AlignType, HasPlatform, HasInsets } from './types';\nexport type { NavIdProps } from './lib/getNavId';\nexport type { PlatformType } from './lib/platform';\nexport type { AdaptivityProps } from './hoc/withAdaptivity';\n"],"file":"index.js"}

package/dist/lib/accessibility.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
 import * as React from 'react';
+export declare const FOCUSABLE_ELEMENTS_LIST: string[];
 export declare enum Keys {
     ENTER = "Enter",
     SPACE = "Space",
-    TAB = "Tab"
+    TAB = "Tab",
+    ESCAPE = "Escape"
 }
-export declare function pressedKey(e: KeyboardEvent): Keys;
+export declare function pressedKey(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): Keys;
 export declare function shouldTriggerClickOnEnterOrSpace(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): boolean;

package/dist/lib/accessibility.js CHANGED Viewed

@@ -1,9 +1,11 @@
+export var FOCUSABLE_ELEMENTS_LIST = ['a[href]', 'area[href]', 'input:not([disabled]):not([hidden]):not([type="hidden"]):not([aria-hidden])', 'select:not([disabled]):not([hidden]):not([aria-hidden])', 'textarea:not([disabled])', 'button:not([disabled])', 'iframe', 'audio', 'video', '[contenteditable]', '[tabindex]:not([tabindex="-1"])'];
 export var Keys;
 (function (Keys) {
   Keys["ENTER"] = "Enter";
   Keys["SPACE"] = "Space";
   Keys["TAB"] = "Tab";
+  Keys["ESCAPE"] = "Escape";
 })(Keys || (Keys = {}));
 var ACCESSIBLE_KEYS = [{
@@ -18,6 +20,10 @@ var ACCESSIBLE_KEYS = [{
   code: Keys.TAB,
   key: ['Tab'],
   keyCode: 9
+}, {
+  code: Keys.ESCAPE,
+  key: ['Escape'],
+  keyCode: 27
 }];
 export function pressedKey(e) {
   var _ACCESSIBLE_KEYS$find;

package/dist/lib/accessibility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/lib/accessibility.ts"],"names":["Keys","ACCESSIBLE_KEYS","code","ENTER","key","keyCode","SPACE","TAB","pressedKey","e","find","includes","shouldTriggerClickOnEnterOrSpace","el","target","tagName","role","getAttribute","isValidKeyboardEventTarget","isContentEditable","isNativeAnchorEl","hasAttribute","keyPressed"],"mappings":"AAEA,~~WAAYA~~,IAAZ;;WAAYA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,KAAAA,I;;~~AAYZ~~,IAAMC,eAAgC,GAAG,CACvC;AACEC,EAAAA,IAAI,EAAEF,IAAI,CAACG,KADb;AAEEC,EAAAA,GAAG,EAAE,CAAC,OAAD,CAFP;AAGEC,EAAAA,OAAO,EAAE;AAHX,CADuC,EAMvC;AACEH,EAAAA,IAAI,EAAEF,IAAI,CAACM,KADb;AAEEF,EAAAA,GAAG,EAAE,CAAC,OAAD,EAAU,UAAV,EAAsB,GAAtB,CAFP;AAGEC,EAAAA,OAAO,EAAE;AAHX,CANuC,EAWvC;AACEH,EAAAA,IAAI,EAAEF,IAAI,CAACO,GADb;AAEEH,EAAAA,GAAG,EAAE,CAAC,KAAD,CAFP;AAGEC,EAAAA,OAAO,EAAE;AAHX,CAXuC,CAAzC;~~AAkBA~~,OAAO,~~SAASG~~,UAAT,CAAoBC,CAApB,~~EAA4C~~;AAAA;;~~AACjD~~,SAAO,~~0BAAAR~~,eAAe,~~CAACS~~,IAAhB,CAAqB;AAAA,~~QAAGN~~,GAAH,QAAGA,GAAH;AAAA,QAAQC,OAAR,QAAQA,OAAR;AAAA,WAAsBD,GAAG,~~CAACO~~,QAAJ,CAAaF,CAAC,~~CAACL~~,GAAf,KAAuBC,OAAO,~~KAAKI~~,CAAC,~~CAACJ~~,OAA3D;AAAA,GAArB,iFAA0FH,IAA1F,KAAkG,IAAzG;AACD;AAED,OAAO,~~SAASU~~,gCAAT,CAA0CH,CAA1C,EAA+F;AACpG,MAAMI,EAAE,GAAGJ,CAAC,CAACK,MAAb;AACA,MAAQC,OAAR,GAAoBF,EAApB,CAAQE,OAAR;AAEA,MAAMC,IAAI,GAAGH,EAAE,CAACI,YAAH,CAAgB,MAAhB,CAAb;AAEA,MAAMC,0BAAmC,GAAGL,EAAE,CAACM,iBAAH,KAAyB,IAAzB,IACvCJ,OAAO,KAAK,OAD2B,IAEvCA,OAAO,KAAK,UAF2B,KAGtCC,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,MAHQ,CAA5C;AAKA,MAAMI,gBAAgB,GAAGL,OAAO,KAAK,GAAZ,IAAmBF,EAAE,CAACQ,YAAH,CAAgB,MAAhB,CAA5C;AACA,MAAMC,UAAU,GAAGd,UAAU,CAACC,CAAD,CAA7B;AAEA,SAAOS,0BAA0B,MAC/B;AACAI,EAAAA,UAAU,~~KAAKtB~~,IAAI,CAACM,KAApB,~~IAA6BU~~,IAAI,KAAK,QAAtC,IAEA;AACAM,EAAAA,UAAU,~~KAAKtB~~,IAAI,CAACG,KAApB,IAA6B,~~CAACiB~~,gBALC,CAAjC;AAOD","sourcesContent":["import * as React from 'react';\n\nexport enum Keys {\n ENTER = 'Enter',\n SPACE = 'Space',\n TAB = 'Tab',\n}\n\ninterface AccessibleKey {\n code: Keys;\n key: string[];\n keyCode: number;\n}\n\nconst ACCESSIBLE_KEYS: AccessibleKey[] = [\n {\n code: Keys.ENTER,\n key: ['Enter'],\n keyCode: 13,\n },\n {\n code: Keys.SPACE,\n key: ['Space', 'Spacebar', ' '],\n keyCode: 32,\n },\n {\n code: Keys.TAB,\n key: ['Tab'],\n keyCode: 9,\n },\n];\n\nexport function pressedKey(e: KeyboardEvent): Keys {\n return ACCESSIBLE_KEYS.find(({ key, keyCode }) => key.includes(e.key) \|\| keyCode === e.keyCode)?.code \|\| null;\n}\n\nexport function shouldTriggerClickOnEnterOrSpace(e: KeyboardEvent \| React.KeyboardEvent<HTMLElement>) {\n const el = e.target as HTMLElement;\n const { tagName } = el;\n\n const role = el.getAttribute('role');\n\n const isValidKeyboardEventTarget: boolean = el.isContentEditable !== true\n && tagName !== 'INPUT'\n && tagName !== 'TEXTAREA'\n && (role === 'button' \|\| role === 'link');\n\n const isNativeAnchorEl = tagName === 'A' && el.hasAttribute('href');\n const keyPressed = pressedKey(e ~~as KeyboardEvent~~);\n\n return isValidKeyboardEventTarget && (\n // trigger buttons on Space\n keyPressed === Keys.SPACE && role === 'button'\n \|\|\n // trigger non-native links and buttons on Enter\n keyPressed === Keys.ENTER && !isNativeAnchorEl\n );\n}\n"],"file":"accessibility.js"}
1	+ {"version":3,"sources":["../../src/lib/accessibility.ts"],"names":["FOCUSABLE_ELEMENTS_LIST","Keys","ACCESSIBLE_KEYS","code","ENTER","key","keyCode","SPACE","TAB","ESCAPE","pressedKey","e","find","includes","shouldTriggerClickOnEnterOrSpace","el","target","tagName","role","getAttribute","isValidKeyboardEventTarget","isContentEditable","isNativeAnchorEl","hasAttribute","keyPressed"],"mappings":"AAEA,OAAO,IAAMA,uBAAuB,GAAG,CACrC,SADqC,EAErC,YAFqC,EAGrC,6EAHqC,EAIrC,yDAJqC,EAKrC,0BALqC,EAMrC,wBANqC,EAOrC,QAPqC,EAQrC,OARqC,EASrC,OATqC,EAUrC,mBAVqC,EAWrC,iCAXqC,CAAhC;AAcP,WAAYC,IAAZ;;WAAYA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,KAAAA,I;;AAaZ,IAAMC,eAAgC,GAAG,CACvC;AACEC,EAAAA,IAAI,EAAEF,IAAI,CAACG,KADb;AAEEC,EAAAA,GAAG,EAAE,CAAC,OAAD,CAFP;AAGEC,EAAAA,OAAO,EAAE;AAHX,CADuC,EAMvC;AACEH,EAAAA,IAAI,EAAEF,IAAI,CAACM,KADb;AAEEF,EAAAA,GAAG,EAAE,CAAC,OAAD,EAAU,UAAV,EAAsB,GAAtB,CAFP;AAGEC,EAAAA,OAAO,EAAE;AAHX,CANuC,EAWvC;AACEH,EAAAA,IAAI,EAAEF,IAAI,CAACO,GADb;AAEEH,EAAAA,GAAG,EAAE,CAAC,KAAD,CAFP;AAGEC,EAAAA,OAAO,EAAE;AAHX,CAXuC,EAgBvC;AACEH,EAAAA,IAAI,EAAEF,IAAI,CAACQ,MADb;AAEEJ,EAAAA,GAAG,EAAE,CAAC,QAAD,CAFP;AAGEC,EAAAA,OAAO,EAAE;AAHX,CAhBuC,CAAzC;AAuBA,OAAO,SAASI,UAAT,CAAoBC,CAApB,EAA+E;AAAA;;AACpF,SAAO,0BAAAT,eAAe,CAACU,IAAhB,CAAqB;AAAA,QAAGP,GAAH,QAAGA,GAAH;AAAA,QAAQC,OAAR,QAAQA,OAAR;AAAA,WAAsBD,GAAG,CAACQ,QAAJ,CAAaF,CAAC,CAACN,GAAf,KAAuBC,OAAO,KAAKK,CAAC,CAACL,OAA3D;AAAA,GAArB,iFAA0FH,IAA1F,KAAkG,IAAzG;AACD;AAED,OAAO,SAASW,gCAAT,CAA0CH,CAA1C,EAA+F;AACpG,MAAMI,EAAE,GAAGJ,CAAC,CAACK,MAAb;AACA,MAAQC,OAAR,GAAoBF,EAApB,CAAQE,OAAR;AAEA,MAAMC,IAAI,GAAGH,EAAE,CAACI,YAAH,CAAgB,MAAhB,CAAb;AAEA,MAAMC,0BAAmC,GAAGL,EAAE,CAACM,iBAAH,KAAyB,IAAzB,IACvCJ,OAAO,KAAK,OAD2B,IAEvCA,OAAO,KAAK,UAF2B,KAGtCC,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,MAHQ,CAA5C;AAKA,MAAMI,gBAAgB,GAAGL,OAAO,KAAK,GAAZ,IAAmBF,EAAE,CAACQ,YAAH,CAAgB,MAAhB,CAA5C;AACA,MAAMC,UAAU,GAAGd,UAAU,CAACC,CAAD,CAA7B;AAEA,SAAOS,0BAA0B,MAC/B;AACAI,EAAAA,UAAU,KAAKvB,IAAI,CAACM,KAApB,IAA6BW,IAAI,KAAK,QAAtC,IAEA;AACAM,EAAAA,UAAU,KAAKvB,IAAI,CAACG,KAApB,IAA6B,CAACkB,gBALC,CAAjC;AAOD","sourcesContent":["import * as React from 'react';\n\nexport const FOCUSABLE_ELEMENTS_LIST = [\n 'a[href]',\n 'area[href]',\n 'input:not([disabled]):not([hidden]):not([type=\"hidden\"]):not([aria-hidden])',\n 'select:not([disabled]):not([hidden]):not([aria-hidden])',\n 'textarea:not([disabled])',\n 'button:not([disabled])',\n 'iframe',\n 'audio',\n 'video',\n '[contenteditable]',\n '[tabindex]:not([tabindex=\"-1\"])',\n];\n\nexport enum Keys {\n ENTER = 'Enter',\n SPACE = 'Space',\n TAB = 'Tab',\n ESCAPE = 'Escape',\n}\n\ninterface AccessibleKey {\n code: Keys;\n key: string[];\n keyCode: number;\n}\n\nconst ACCESSIBLE_KEYS: AccessibleKey[] = [\n {\n code: Keys.ENTER,\n key: ['Enter'],\n keyCode: 13,\n },\n {\n code: Keys.SPACE,\n key: ['Space', 'Spacebar', ' '],\n keyCode: 32,\n },\n {\n code: Keys.TAB,\n key: ['Tab'],\n keyCode: 9,\n },\n {\n code: Keys.ESCAPE,\n key: ['Escape'],\n keyCode: 27,\n },\n];\n\nexport function pressedKey(e: KeyboardEvent \| React.KeyboardEvent<HTMLElement>): Keys {\n return ACCESSIBLE_KEYS.find(({ key, keyCode }) => key.includes(e.key) \|\| keyCode === e.keyCode)?.code \|\| null;\n}\n\nexport function shouldTriggerClickOnEnterOrSpace(e: KeyboardEvent \| React.KeyboardEvent<HTMLElement>) {\n const el = e.target as HTMLElement;\n const { tagName } = el;\n\n const role = el.getAttribute('role');\n\n const isValidKeyboardEventTarget: boolean = el.isContentEditable !== true\n && tagName !== 'INPUT'\n && tagName !== 'TEXTAREA'\n && (role === 'button' \|\| role === 'link');\n\n const isNativeAnchorEl = tagName === 'A' && el.hasAttribute('href');\n const keyPressed = pressedKey(e);\n\n return isValidKeyboardEventTarget && (\n // trigger buttons on Space\n keyPressed === Keys.SPACE && role === 'button'\n \|\|\n // trigger non-native links and buttons on Enter\n keyPressed === Keys.ENTER && !isNativeAnchorEl\n );\n}\n"],"file":"accessibility.js"}

package/dist/lib/is.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function is(x: any, y: any): boolean;

package/dist/lib/is.js ADDED Viewed

@@ -0,0 +1,6 @@
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+export function is(x, y) {
+  return x === y && (x !== 0 || 1 / x === 1 / y) || // both NaN
+  x !== x && y !== y;
+}
+//# sourceMappingURL=is.js.map

package/dist/lib/is.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/lib/is.ts"],"names":["is","x","y"],"mappings":"AAAA;AACA,OAAO,SAASA,EAAT,CAAYC,CAAZ,EAAoBC,CAApB,EAA4B;AACjC,SACED,CAAC,KAAKC,CAAN,KAEGD,CAAC,KAAK,CAAN,IAAW,IAAIA,CAAJ,KAAU,IAAIC,CAF5B,KAGA;AACAD,EAAAA,CAAC,KAAKA,CAAN,IAAWC,CAAC,KAAKA,CALnB;AAOD","sourcesContent":["// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nexport function is(x: any, y: any) {\n return (\n x === y &&\n // -0 is not +0\n (x !== 0 || 1 / x === 1 / y) ||\n // both NaN\n x !== x && y !== y\n );\n}\n"],"file":"is.js"}

package/dist/lib/prefixClass.js CHANGED Viewed

@@ -18,14 +18,15 @@ function prefixSingle(scopedStyle) {
 }
 export function prefixClass(scopedStyle) {
+  if (typeof scopedStyle === 'string') {
+    return prefixSingle(scopedStyle);
+  }
   var resolved = '';
-  if (typeof scopedStyle === 'string') {
-    resolved = prefixSingle(scopedStyle);
-  } else {
-    for (var i = 0; i < scopedStyle.length; i++) {
-      resolved += ' ' + prefixSingle(scopedStyle[i]);
-    }
+  for (var i = 0; i < scopedStyle.length; i++) {
+    var separator = resolved ? ' ' : '';
+    resolved += separator + prefixSingle(scopedStyle[i]);
   }
   return resolved;

package/dist/lib/prefixClass.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/lib/prefixClass.ts"],"names":["classScopingMode","hasTransformable","noConflictCache","legacyCache","prefixSingle","scopedStyle","noConflict","cache","prefixed","replace","resolved","prefixClass","i","length"],"mappings":"AAAA,SAASA,gBAAT;AAEA,IAAMC,gBAAgB,GAAG,cAAzB;AACA,IAAMC,eAAoB,GAAG,EAA7B;AACA,IAAMC,WAAgB,GAAG,EAAzB;;AACA,SAASC,YAAT,CAAsBC,WAAtB,EAAmD;AACjD,MAAQC,UAAR,GAAuBN,gBAAvB,CAAQM,UAAR;AACA,MAAMC,KAAK,GAAGD,UAAU,GAAGJ,eAAH,GAAqBC,WAA7C;;AACA,MAAII,KAAK,CAACF,WAAD,CAAT,EAAwB;AACtB,WAAOE,KAAK,CAACF,WAAD,CAAZ;AACD;;AACD,MAAMG,QAAQ,GAAGH,WAAW,CAACI,OAAZ,CAAoBR,gBAApB,EAAsC,MAAtC,CAAjB;AACA,MAAMS,QAAQ,GAAGJ,UAAU,IAAID,WAAW,KAAKG,QAA9B,GAAyCA,QAAzC,GAAoDA,QAAQ,GAAG,GAAX,GAAiBH,WAAtF;AACAE,EAAAA,KAAK,CAACF,WAAD,CAAL,GAAqBK,QAArB;AACA,SAAOA,QAAP;AACD;;AAED,OAAO,SAASC,WAAT,CAAqBN,WAArB,EAAsD;AAC3D,~~MAAIK,QAAQ,GAAG,EAAf;;AACA,~~MAAI,~~OAAOL~~,WAAP,KAAuB,QAA3B,EAAqC;~~AACnCK~~,~~IAAAA~~,~~QAAQ,GAAGN,~~YAAY,CAACC,WAAD,~~CAAvB~~;AACD,~~GAFD~~,~~MAEO;AACL~~,~~SAAK~~,~~IAAIO~~,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGP,WAAW,CAACQ,MAAhC,EAAwCD,CAAC,EAAzC,EAA6C;~~AAC3CF~~,~~MAAAA~~,QAAQ,~~IAAI~~,~~MAAMN~~,YAAY,CAACC,WAAW,CAACO,CAAD,CAAZ,~~CAA9B~~;AACD~~;AACF~~;;~~AACD~~,SAAOF,QAAP;AACD","sourcesContent":["import { classScopingMode } from './classScopingMode';\n\nconst hasTransformable = /\\b(?=[A-Z])/g;\nconst noConflictCache: any = {};\nconst legacyCache: any = {};\nfunction prefixSingle(scopedStyle: string): string {\n const { noConflict } = classScopingMode;\n const cache = noConflict ? noConflictCache : legacyCache;\n if (cache[scopedStyle]) {\n return cache[scopedStyle];\n }\n const prefixed = scopedStyle.replace(hasTransformable, 'vkui');\n const resolved = noConflict \|\| scopedStyle === prefixed ? prefixed : prefixed + ' ' + scopedStyle;\n cache[scopedStyle] = resolved;\n return resolved;\n}\n\nexport function prefixClass(scopedStyle?: string \| string[]) {\n ~~let resolved = '';\n~~ if (typeof scopedStyle === 'string') {\n ~~resolved~~ = prefixSingle(scopedStyle);\n } ~~else~~ {\n for (let i = 0; i < scopedStyle.length; i++) {\n resolved += ' ' + prefixSingle(scopedStyle[i]);\n }\n }\n return resolved;\n}\n"],"file":"prefixClass.js"}
1	+ {"version":3,"sources":["../../src/lib/prefixClass.ts"],"names":["classScopingMode","hasTransformable","noConflictCache","legacyCache","prefixSingle","scopedStyle","noConflict","cache","prefixed","replace","resolved","prefixClass","i","length","separator"],"mappings":"AAAA,SAASA,gBAAT;AAEA,IAAMC,gBAAgB,GAAG,cAAzB;AACA,IAAMC,eAAoB,GAAG,EAA7B;AACA,IAAMC,WAAgB,GAAG,EAAzB;;AACA,SAASC,YAAT,CAAsBC,WAAtB,EAAmD;AACjD,MAAQC,UAAR,GAAuBN,gBAAvB,CAAQM,UAAR;AACA,MAAMC,KAAK,GAAGD,UAAU,GAAGJ,eAAH,GAAqBC,WAA7C;;AACA,MAAII,KAAK,CAACF,WAAD,CAAT,EAAwB;AACtB,WAAOE,KAAK,CAACF,WAAD,CAAZ;AACD;;AACD,MAAMG,QAAQ,GAAGH,WAAW,CAACI,OAAZ,CAAoBR,gBAApB,EAAsC,MAAtC,CAAjB;AACA,MAAMS,QAAQ,GAAGJ,UAAU,IAAID,WAAW,KAAKG,QAA9B,GAAyCA,QAAzC,GAAoDA,QAAQ,GAAG,GAAX,GAAiBH,WAAtF;AACAE,EAAAA,KAAK,CAACF,WAAD,CAAL,GAAqBK,QAArB;AACA,SAAOA,QAAP;AACD;;AAED,OAAO,SAASC,WAAT,CAAqBN,WAArB,EAAsD;AAC3D,MAAI,OAAOA,WAAP,KAAuB,QAA3B,EAAqC;AACnC,WAAOD,YAAY,CAACC,WAAD,CAAnB;AACD;;AAED,MAAIK,QAAQ,GAAG,EAAf;;AACA,OAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGP,WAAW,CAACQ,MAAhC,EAAwCD,CAAC,EAAzC,EAA6C;AAC3C,QAAME,SAAS,GAAGJ,QAAQ,GAAG,GAAH,GAAS,EAAnC;AAEAA,IAAAA,QAAQ,IAAII,SAAS,GAAGV,YAAY,CAACC,WAAW,CAACO,CAAD,CAAZ,CAApC;AACD;;AAED,SAAOF,QAAP;AACD","sourcesContent":["import { classScopingMode } from './classScopingMode';\n\nconst hasTransformable = /\\b(?=[A-Z])/g;\nconst noConflictCache: any = {};\nconst legacyCache: any = {};\nfunction prefixSingle(scopedStyle: string): string {\n const { noConflict } = classScopingMode;\n const cache = noConflict ? noConflictCache : legacyCache;\n if (cache[scopedStyle]) {\n return cache[scopedStyle];\n }\n const prefixed = scopedStyle.replace(hasTransformable, 'vkui');\n const resolved = noConflict \|\| scopedStyle === prefixed ? prefixed : prefixed + ' ' + scopedStyle;\n cache[scopedStyle] = resolved;\n return resolved;\n}\n\nexport function prefixClass(scopedStyle?: string \| string[]) {\n if (typeof scopedStyle === 'string') {\n return prefixSingle(scopedStyle);\n }\n\n let resolved = '';\n for (let i = 0; i < scopedStyle.length; i++) {\n const separator = resolved ? ' ' : '';\n\n resolved += separator + prefixSingle(scopedStyle[i]);\n }\n\n return resolved;\n}\n"],"file":"prefixClass.js"}

package/dist/lib/supportEvents.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ export declare type VKUISupportEvents = {
     supported: boolean;
     name?: string;
 };
-declare const animationEvent: VKUISupportEvents;
+declare const animationEvent: {
+    supported: boolean;
+};
 declare const transitionEvent: VKUISupportEvents;
 export { animationEvent, transitionEvent };

package/dist/lib/supportEvents.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import { canUseDOM } from "./dom";
 import { isTesting } from "./testing";
 var animationEvent = {
-  supported: false,
-  name: null
+  supported: false
 };
 var transitionEvent = {
   supported: false,
@@ -12,10 +11,8 @@ var transitionEvent = {
 if (canUseDOM && !isTesting) {
   if (typeof AnimationEvent !== 'undefined') {
     animationEvent.supported = true;
-    animationEvent.name = 'animationend';
   } else if (typeof WebKitAnimationEvent !== 'undefined') {
     animationEvent.supported = true;
-    animationEvent.name = 'webkitAnimationEnd';
   }
   if (typeof TransitionEvent !== 'undefined') {

package/dist/lib/supportEvents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/lib/supportEvents.ts"],"names":["canUseDOM","isTesting","animationEvent","supported","~~name~~","~~transitionEvent~~","AnimationEvent","WebKitAnimationEvent","TransitionEvent","WebKitTransitionEvent"],"mappings":"AAAA,SAASA,SAAT;AACA,SAASC,SAAT;AAWA,IAAMC,~~cAAiC~~,GAAG;~~AACxCC~~,EAAAA,SAAS,EAAE~~,KAD6B~~;~~AAExCC~~,~~EAAAA,IAAI,EAAE~~;~~AAFkC~~,~~CAA1C;AAKA,~~IAAMC,eAAkC,GAAG;~~AACzCF~~,EAAAA,SAAS,EAAE,KAD8B;~~AAEzCC~~,EAAAA,IAAI,EAAE;AAFmC,CAA3C;;AAKA,~~IAAIJ~~,SAAS,IAAI,CAACC,SAAlB,EAA6B;AAC3B,MAAI,OAAOK,cAAP,KAA0B,WAA9B,EAA2C;AACzCJ,IAAAA,cAAc,CAACC,SAAf,GAA2B,IAA3B;~~AACAD,IAAAA,cAAc,CAACE,IAAf,GAAsB,cAAtB;~~AACD,~~GAHD~~,~~MAGO~~,IAAI,~~OAAOG~~,oBAAP,KAAgC,WAApC,EAAiD;AACtDL,IAAAA,cAAc,CAACC,SAAf,GAA2B,IAA3B;~~AACAD,IAAAA,cAAc,CAACE,IAAf,GAAsB,oBAAtB;~~AACD;;AAED,MAAI,~~OAAOI~~,eAAP,KAA2B,WAA/B,EAA4C;~~AAC1CH~~,IAAAA,eAAe,~~CAACF~~,SAAhB,GAA4B,IAA5B;~~AACAE~~,IAAAA,eAAe,~~CAACD~~,IAAhB,GAAuB,eAAvB;AACD,GAHD,MAGO,IAAI,~~OAAOK~~,qBAAP,KAAiC,WAArC,EAAkD;~~AACvDJ~~,IAAAA,eAAe,~~CAACF~~,SAAhB,GAA4B,IAA5B;~~AACAE~~,IAAAA,eAAe,~~CAACD~~,IAAhB,GAAuB,qBAAvB;AACD;AACF;;AAED,~~SAASF~~,cAAT,~~EAAyBG~~,eAAzB","sourcesContent":["import { canUseDOM } from './dom';\nimport { isTesting } from './testing';\n\nexport type VKUISupportEvents = {\n supported: boolean;\n name?: string;\n};\n\n// WebKitAnimationEvent и WebKitTransitionEvent не существуют в глобальном контексте\ndeclare const WebKitAnimationEvent: AnimationEvent;\ndeclare const WebKitTransitionEvent: TransitionEvent;\n\nconst animationEvent: ~~VKUISupportEvents~~ = {\n supported: false,\n ~~name: null,\n~~};\n\nconst transitionEvent: VKUISupportEvents = {\n supported: false,\n name: null,\n};\n\nif (canUseDOM && !isTesting) {\n if (typeof AnimationEvent !== 'undefined') {\n animationEvent.supported = true;\n ~~animationEvent.name = 'animationend';\n~~ } else if (typeof WebKitAnimationEvent !== 'undefined') {\n animationEvent.supported = true;\n ~~animationEvent.name = 'webkitAnimationEnd';\n~~ }\n\n if (typeof TransitionEvent !== 'undefined') {\n transitionEvent.supported = true;\n transitionEvent.name = 'transitionend';\n } else if (typeof WebKitTransitionEvent !== 'undefined') {\n transitionEvent.supported = true;\n transitionEvent.name = 'webkitTransitionEnd';\n }\n}\n\nexport { animationEvent, transitionEvent };\n"],"file":"supportEvents.js"}
1	+ {"version":3,"sources":["../../src/lib/supportEvents.ts"],"names":["canUseDOM","isTesting","animationEvent","supported","transitionEvent","name","AnimationEvent","WebKitAnimationEvent","TransitionEvent","WebKitTransitionEvent"],"mappings":"AAAA,SAASA,SAAT;AACA,SAASC,SAAT;AAWA,IAAMC,cAAc,GAAG;AACrBC,EAAAA,SAAS,EAAE;AADU,CAAvB;AAIA,IAAMC,eAAkC,GAAG;AACzCD,EAAAA,SAAS,EAAE,KAD8B;AAEzCE,EAAAA,IAAI,EAAE;AAFmC,CAA3C;;AAKA,IAAIL,SAAS,IAAI,CAACC,SAAlB,EAA6B;AAC3B,MAAI,OAAOK,cAAP,KAA0B,WAA9B,EAA2C;AACzCJ,IAAAA,cAAc,CAACC,SAAf,GAA2B,IAA3B;AACD,GAFD,MAEO,IAAI,OAAOI,oBAAP,KAAgC,WAApC,EAAiD;AACtDL,IAAAA,cAAc,CAACC,SAAf,GAA2B,IAA3B;AACD;;AAED,MAAI,OAAOK,eAAP,KAA2B,WAA/B,EAA4C;AAC1CJ,IAAAA,eAAe,CAACD,SAAhB,GAA4B,IAA5B;AACAC,IAAAA,eAAe,CAACC,IAAhB,GAAuB,eAAvB;AACD,GAHD,MAGO,IAAI,OAAOI,qBAAP,KAAiC,WAArC,EAAkD;AACvDL,IAAAA,eAAe,CAACD,SAAhB,GAA4B,IAA5B;AACAC,IAAAA,eAAe,CAACC,IAAhB,GAAuB,qBAAvB;AACD;AACF;;AAED,SAASH,cAAT,EAAyBE,eAAzB","sourcesContent":["import { canUseDOM } from './dom';\nimport { isTesting } from './testing';\n\nexport type VKUISupportEvents = {\n supported: boolean;\n name?: string;\n};\n\n// WebKitAnimationEvent и WebKitTransitionEvent не существуют в глобальном контексте\ndeclare const WebKitAnimationEvent: AnimationEvent;\ndeclare const WebKitTransitionEvent: TransitionEvent;\n\nconst animationEvent = {\n supported: false,\n};\n\nconst transitionEvent: VKUISupportEvents = {\n supported: false,\n name: null,\n};\n\nif (canUseDOM && !isTesting) {\n if (typeof AnimationEvent !== 'undefined') {\n animationEvent.supported = true;\n } else if (typeof WebKitAnimationEvent !== 'undefined') {\n animationEvent.supported = true;\n }\n\n if (typeof TransitionEvent !== 'undefined') {\n transitionEvent.supported = true;\n transitionEvent.name = 'transitionend';\n } else if (typeof WebKitTransitionEvent !== 'undefined') {\n transitionEvent.supported = true;\n transitionEvent.name = 'webkitTransitionEnd';\n }\n}\n\nexport { animationEvent, transitionEvent };\n"],"file":"supportEvents.js"}

package/dist/types.d.ts CHANGED Viewed

@@ -9,6 +9,9 @@ export interface HasRootRef<T> {
 export interface HasRef<T> {
     getRef?: React.Ref<T>;
 }
+export interface HasComponent {
+    Component?: React.ElementType;
+}
 export interface HasAlign {
     align?: AlignType;
 }