@vkontakte/vkui-tokens 4.3.1 → 4.3.2-dev-db778e.0

package/themes/calendar/cssVars/declarations/onlyVariablesLocal.css

@@ -8,93 +8,155 @@
 	--vkui--font_weight_base1: 700;
 	--vkui--font_weight_base2: 700;
 	--vkui--font_weight_base3: 400;
-	--vkui--font_title1--font_size--regular: 17px;
-	--vkui--font_title1--line_height--regular: 24px;
+	--vkui--font_title1--font_size--regular: 24px;
+	--vkui--font_title1--line_height--regular: 32px;
 	--vkui--font_title1--font_weight--regular: 500;
 	--vkui--font_title1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_title2--font_size--regular: 15px;
-	--vkui--font_title2--line_height--regular: 20px;
+	--vkui--font_title1--font_size--compact: 24px;
+	--vkui--font_title1--line_height--compact: 28px;
+	--vkui--font_title1--font_weight--compact: 500;
+	--vkui--font_title1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_title2--font_size--regular: 20px;
+	--vkui--font_title2--line_height--regular: 24px;
 	--vkui--font_title2--font_weight--regular: 500;
 	--vkui--font_title2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_title3--font_size--regular: 15px;
-	--vkui--font_title3--line_height--regular: 20px;
+	--vkui--font_title2--font_size--compact: 20px;
+	--vkui--font_title2--line_height--compact: 24px;
+	--vkui--font_title2--font_weight--compact: 500;
+	--vkui--font_title2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_title3--font_size--regular: 17px;
+	--vkui--font_title3--line_height--regular: 24px;
 	--vkui--font_title3--font_weight--regular: 500;
 	--vkui--font_title3--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_headline1--font_size--regular: 15px;
+	--vkui--font_title3--font_size--compact: 17px;
+	--vkui--font_title3--line_height--compact: 24px;
+	--vkui--font_title3--font_weight--compact: 500;
+	--vkui--font_title3--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_headline1--font_size--regular: 16px;
 	--vkui--font_headline1--line_height--regular: 20px;
 	--vkui--font_headline1--font_weight--regular: 500;
 	--vkui--font_headline1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_headline1--font_size--compact: 15px;
+	--vkui--font_headline1--line_height--compact: 20px;
+	--vkui--font_headline1--font_weight--compact: 500;
+	--vkui--font_headline1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_size--regular: 15px;
 	--vkui--font_headline2--line_height--regular: 20px;
 	--vkui--font_headline2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_headline2--font_weight--regular: 500;
 	--vkui--font_headline2--font_size--compact: 14px;
 	--vkui--font_headline2--line_height--compact: 20px;
-	--vkui--font_text--font_size--compact: 17px;
-	--vkui--font_text--line_height--compact: 24px;
-	--vkui--font_text--font_weight--compact: 400;
-	--vkui--font_text--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_text--font_size--regular: 15px;
+	--vkui--font_text--font_size--regular: 16px;
 	--vkui--font_text--line_height--regular: 20px;
 	--vkui--font_text--font_weight--regular: 400;
 	--vkui--font_text--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_text--font_size--compact: 15px;
+	--vkui--font_text--line_height--compact: 20px;
+	--vkui--font_text--font_weight--compact: 400;
+	--vkui--font_text--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_paragraph--font_size--regular: 15px;
 	--vkui--font_paragraph--line_height--regular: 20px;
-	--vkui--font_paragraph--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_paragraph--font_weight--regular: 400;
+	--vkui--font_paragraph--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_paragraph--font_size--compact: 15px;
+	--vkui--font_paragraph--line_height--compact: 20px;
+	--vkui--font_paragraph--font_weight--compact: 400;
+	--vkui--font_paragraph--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_subhead--font_size--regular: 14px;
 	--vkui--font_subhead--line_height--regular: 18px;
-	--vkui--font_subhead--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_subhead--font_weight--regular: 400;
+	--vkui--font_subhead--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_subhead--font_size--compact: 13px;
 	--vkui--font_subhead--line_height--compact: 18px;
+	--vkui--font_subhead--font_weight--compact: 500;
+	--vkui--font_subhead--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_footnote--font_size--regular: 13px;
-	--vkui--font_footnote--line_height--regular: 20px;
+	--vkui--font_footnote--line_height--regular: 18px;
 	--vkui--font_footnote--font_weight--regular: 400;
 	--vkui--font_footnote--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_footnote--font_size--compact: 13px;
+	--vkui--font_footnote--line_height--compact: 18px;
+	--vkui--font_footnote--font_weight--compact: 400;
+	--vkui--font_footnote--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_footnote_caps--font_size--regular: 13px;
 	--vkui--font_footnote_caps--line_height--regular: 18px;
-	--vkui--font_footnote_caps--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_footnote_caps--font_weight--regular: 400;
-	--vkui--font_footnote_caps--text_transform--regular: uppercase;
+	--vkui--font_footnote_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_footnote_caps--letter_spacing--regular: 0.3px;
+	--vkui--font_footnote_caps--text_transform--regular: uppercase;
+	--vkui--font_footnote_caps--font_size--compact: 13px;
+	--vkui--font_footnote_caps--line_height--compact: 18px;
+	--vkui--font_footnote_caps--font_weight--compact: 400;
+	--vkui--font_footnote_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_footnote_caps--letter_spacing--compact: 0.3px;
+	--vkui--font_footnote_caps--text_transform--compact: uppercase;
 	--vkui--font_caption1--font_size--regular: 12px;
 	--vkui--font_caption1--line_height--regular: 16px;
-	--vkui--font_caption1--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_caption1--font_weight--regular: 400;
+	--vkui--font_caption1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_caption1--font_size--compact: 12px;
+	--vkui--font_caption1--line_height--compact: 14px;
+	--vkui--font_caption1--font_weight--compact: 400;
+	--vkui--font_caption1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_caption1_caps--font_size--regular: 12px;
 	--vkui--font_caption1_caps--line_height--regular: 16px;
-	--vkui--font_caption1_caps--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_caption1_caps--font_weight--regular: 400;
-	--vkui--font_caption1_caps--text_transform--regular: uppercase;
+	--vkui--font_caption1_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_caption1_caps--letter_spacing--regular: 0.26px;
+	--vkui--font_caption1_caps--text_transform--regular: uppercase;
+	--vkui--font_caption1_caps--font_size--compact: 12px;
+	--vkui--font_caption1_caps--line_height--compact: 14px;
+	--vkui--font_caption1_caps--font_weight--compact: 500;
+	--vkui--font_caption1_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_caption1_caps--letter_spacing--compact: 0.26px;
+	--vkui--font_caption1_caps--text_transform--compact: uppercase;
 	--vkui--font_caption2--font_size--regular: 11px;
-	--vkui--font_caption2--line_height--regular: 12px;
+	--vkui--font_caption2--line_height--regular: 14px;
 	--vkui--font_caption2--font_weight--regular: 400;
 	--vkui--font_caption2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_caption2--font_size--compact: 11px;
+	--vkui--font_caption2--line_height--compact: 14px;
+	--vkui--font_caption2--font_weight--compact: 400;
+	--vkui--font_caption2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_caption2_caps--font_size--regular: 11px;
 	--vkui--font_caption2_caps--line_height--regular: 14px;
-	--vkui--font_caption2_caps--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_caption2_caps--font_weight--regular: 400;
-	--vkui--font_caption2_caps--text_transform--regular: uppercase;
+	--vkui--font_caption2_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_caption2_caps--letter_spacing--regular: 0.22px;
+	--vkui--font_caption2_caps--text_transform--regular: uppercase;
+	--vkui--font_caption2_caps--font_size--compact: 11px;
+	--vkui--font_caption2_caps--line_height--compact: 14px;
+	--vkui--font_caption2_caps--font_weight--compact: 400;
+	--vkui--font_caption2_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_caption2_caps--letter_spacing--compact: 0.22px;
+	--vkui--font_caption2_caps--text_transform--compact: uppercase;
 	--vkui--font_caption3--font_size--regular: 9px;
 	--vkui--font_caption3--line_height--regular: 12px;
-	--vkui--font_caption3--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_caption3--font_weight--regular: 400;
+	--vkui--font_caption3--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_caption3--font_size--compact: 9px;
+	--vkui--font_caption3--line_height--compact: 12px;
+	--vkui--font_caption3--font_weight--compact: 400;
+	--vkui--font_caption3--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_caption3_caps--font_size--regular: 9px;
 	--vkui--font_caption3_caps--line_height--regular: 12px;
-	--vkui--font_caption3_caps--font_family--regular: Helvetica, Arial, sans-serif;
 	--vkui--font_caption3_caps--font_weight--regular: 400;
-	--vkui--font_caption3_caps--text_transform--regular: uppercase;
+	--vkui--font_caption3_caps--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--font_caption3_caps--letter_spacing--regular: 0.16px;
+	--vkui--font_caption3_caps--text_transform--regular: uppercase;
+	--vkui--font_caption3_caps--font_size--compact: 9px;
+	--vkui--font_caption3_caps--line_height--compact: 12px;
+	--vkui--font_caption3_caps--font_weight--compact: 400;
+	--vkui--font_caption3_caps--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_caption3_caps--letter_spacing--compact: 0.16px;
+	--vkui--font_caption3_caps--text_transform--compact: uppercase;
 	--vkui--size_select_icon_padding--regular: 7px;
 	--vkui--size_select_icon_padding--compact: 6px;
 	--vkui--size_popup_base_padding--regular: 20px;
 	--vkui--size_popup_base_padding--compact: 32px;
 	--vkui--size_popup_header_padding--regular: 16px;
 	--vkui--size_popup_header_padding--compact: 24px;
-	--vkui--size_border_radius--compact: 12px;
+	--vkui--size_border_radius--compact: 8px;
 	--vkui--size_border_radius--regular: 8px;
 	--vkui--size_check_border_radius--regular: 4px;
 	--vkui--size_border_radius_paper--regular: 12px;
@@ -114,8 +176,8 @@
 	--vkui--size_popup_medium--regular: 680px;
 	--vkui--size_popup_large--regular: 880px;
 	--vkui--size_field_horizontal_padding--regular: 8px;
-	--vkui--size_button_padding_horizontal--compact: 12px;
-	--vkui--size_button_padding_horizontal--regular: 16px;
+	--vkui--size_button_padding_horizontal--compact: 16px;
+	--vkui--size_button_padding_horizontal--regular: 20px;
 	--vkui--size_label_horizontal_margin--regular: 16px;
 	--vkui--size_arrow_padding--regular: 12px;
 	--vkui--size_tooltip_margin--regular: 8px;
@@ -135,10 +197,10 @@
 	--vkui--size_card_border_radius--regular: 16px;
 	--vkui--size_cardgrid_padding_vertical--regular: 8px;
 	--vkui--size_base_padding_horizontal--regular: 16px;
-	--vkui--elevation1: none;
-	--vkui--elevation2: none;
-	--vkui--elevation3: 0px 4px 32px rgba(0, 16, 61, 0.32);
-	--vkui--elevation4: 0px 16px 48px rgba(0, 16, 61, 0.48);
+	--vkui--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
+	--vkui--elevation2: 0 4px 32px 0 rgba(0, 16, 61, 0.32);
+	--vkui--elevation3: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
+	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
 	--vkui--animation_duration_l: 0.4s;
 	--vkui--animation_duration_m: 0.2s;
 	--vkui--animation_duration_s: 0.1s;
@@ -161,28 +223,24 @@
 	--vkui--x20: 80px;
 	--vkui--size_base: 4px;
 	--vkui--size_grid: 20px;
-	--vkui--font_h0--font_size--regular: 32px;
-	--vkui--font_h0--line_height--regular: 40px;
-	--vkui--font_h0--font_weight--regular: 500;
+	--vkui--font_h0--font_size--regular: 28px;
+	--vkui--font_h0--line_height--regular: 32px;
 	--vkui--font_h0--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_h1--font_size--compact: 24px;
-	--vkui--font_h1--line_height--compact: 32px;
-	--vkui--font_h1--font_weight--compact: 500;
-	--vkui--font_h1--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_h1--margin_bottom--compact: 16px;
-	--vkui--font_h1--font_size--regular: 32px;
-	--vkui--font_h1--line_height--regular: 40px;
-	--vkui--font_h1--font_weight--regular: 500;
+	--vkui--font_h0--font_weight--regular: 500;
+	--vkui--font_h0--font_size--compact: 44px;
+	--vkui--font_h0--line_height--compact: 52px;
+	--vkui--font_h1--font_size--regular: 24px;
+	--vkui--font_h1--line_height--regular: 28px;
 	--vkui--font_h1--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_h1--margin_bottom--regular: 16px;
-	--vkui--font_h2--font_size--compact: 20px;
-	--vkui--font_h2--line_height--compact: 24px;
-	--vkui--font_h2--font_weight--compact: 500;
-	--vkui--font_h2--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_h2--font_size--regular: 24px;
-	--vkui--font_h2--line_height--regular: 28px;
-	--vkui--font_h2--font_weight--regular: 500;
+	--vkui--font_h1--font_weight--regular: 500;
+	--vkui--font_h1--font_size--compact: 32px;
+	--vkui--font_h1--line_height--compact: 36px;
+	--vkui--font_h2--font_size--regular: 20px;
+	--vkui--font_h2--line_height--regular: 26px;
 	--vkui--font_h2--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_h2--font_weight--regular: 500;
+	--vkui--font_h2--font_size--compact: 28px;
+	--vkui--font_h2--line_height--compact: 32px;
 	--vkui--size_arrow_height--regular: 8px;
 	--vkui--size_arrow_width--regular: 12px;
 	--vkui--size_base_padding--regular: 20px;
@@ -250,42 +308,30 @@
 	--vkui--type_border_button: solid;
 	--vkui--type_border_position: inset;
 	--vkui--theme_name_base: 'calendar';
-	--vkui--font_event_m--font_size--compact: 17px;
-	--vkui--font_event_m--line_height--compact: 24px;
-	--vkui--font_event_m--font_weight--compact: 500;
-	--vkui--font_event_m--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_event_m--font_size--regular: 15px;
-	--vkui--font_event_m--line_height--regular: 20px;
-	--vkui--font_event_m--font_weight--regular: 500;
-	--vkui--font_event_m--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_event_s--font_size--compact: 15px;
-	--vkui--font_event_s--line_height--compact: 18px;
-	--vkui--font_event_s--font_weight--compact: 500;
-	--vkui--font_event_s--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_event_s--font_size--regular: 13px;
-	--vkui--font_event_s--line_height--regular: 18px;
-	--vkui--font_event_s--font_weight--regular: 500;
-	--vkui--font_event_s--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_event_x_s--font_size--regular: 12px;
-	--vkui--font_event_x_s--line_height--regular: 16px;
-	--vkui--font_event_x_s--font_weight--regular: 500;
-	--vkui--font_event_x_s--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_time--font_size--regular: 13px;
-	--vkui--font_time--line_height--regular: 18px;
-	--vkui--font_time--font_weight--regular: 500;
-	--vkui--font_time--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_body_i_o_s--font_size--regular: 17px;
-	--vkui--font_body_i_o_s--line_height--regular: 24px;
-	--vkui--font_body_i_o_s--font_weight--regular: 500;
-	--vkui--font_body_i_o_s--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_body_android--font_size--regular: 16px;
-	--vkui--font_body_android--line_height--regular: 24px;
-	--vkui--font_body_android--font_weight--regular: 500;
-	--vkui--font_body_android--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
-	--vkui--font_headline--font_size--regular: 15px;
+	--vkui--calendar_font_text_event--font_size--regular: 17px;
+	--vkui--calendar_font_text_event--line_height--regular: 24px;
+	--vkui--calendar_font_text_event--font_weight--regular: 400;
+	--vkui--calendar_font_text_event--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--calendar_font_text_event--font_size--compact: 13px;
+	--vkui--calendar_font_text_event--line_height--compact: 18px;
+	--vkui--calendar_font_text_event--font_weight--compact: 500;
+	--vkui--calendar_font_text_event--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--calendar_font_text_event_small--font_size--regular: 15px;
+	--vkui--calendar_font_text_event_small--line_height--regular: 20px;
+	--vkui--calendar_font_text_event_small--font_weight--regular: 400;
+	--vkui--calendar_font_text_event_small--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--calendar_font_text_event_small--font_size--compact: 12px;
+	--vkui--calendar_font_text_event_small--line_height--compact: 12px;
+	--vkui--calendar_font_text_event_small--font_weight--compact: 400;
+	--vkui--calendar_font_text_event_small--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_headline--font_size--regular: 16px;
 	--vkui--font_headline--line_height--regular: 20px;
 	--vkui--font_headline--font_weight--regular: 500;
 	--vkui--font_headline--font_family--regular: MailSans, Helvetica, Arial, sans-serif;
+	--vkui--font_headline--font_size--compact: 15px;
+	--vkui--font_headline--line_height--compact: 20px;
+	--vkui--font_headline--font_weight--compact: 500;
+	--vkui--font_headline--font_family--compact: MailSans, Helvetica, Arial, sans-serif;
 	--vkui--colors_scheme: light;
 	--vkui--color_background_accent: #005FF9;
 	--vkui--color_background_accent--hover: #005CF1;
@@ -434,9 +480,9 @@
 	--vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
 	--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
 	--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
-	--vkui--color_field_border_alpha: transparent;
-	--vkui--color_field_border_alpha--hover: transparent;
-	--vkui--color_field_border_alpha--active: transparent;
+	--vkui--color_field_border_alpha: rgba(0, 16, 61, 0.12);
+	--vkui--color_field_border_alpha--hover: rgba(0, 16, 61, 0.16);
+	--vkui--color_field_border_alpha--active: rgba(0, 16, 61, 0.2);
 	--vkui--color_separator_primary_alpha: rgba(0, 16, 61, 0.12);
 	--vkui--color_separator_primary_alpha--hover: rgba(0, 16, 61, 0.16);
 	--vkui--color_separator_primary_alpha--active: rgba(0, 16, 61, 0.2);
@@ -533,4 +579,7 @@
 	--vkui--color_thumb_error_background_alpha: rgba(237, 10, 52, 0.12);
 	--vkui--color_thumb_error_background_alpha--hover: rgba(237, 10, 52, 0.16);
 	--vkui--color_thumb_error_background_alpha--active: rgba(237, 10, 52, 0.2);
+	--vkui--calendar_color_background_accent_tint_themed: #E3F0FD;
+	--vkui--calendar_color_background_accent_tint_themed--hover: #DAE4F3;
+	--vkui--calendar_color_background_accent_tint_themed--active: #E3F0FD;
 }