@vkontakte/vkui-tokens 4.5.2 → 4.8.0

package/themes/mediaDark/cssVars/declarations/onlyVariables.css

@@ -11,51 +11,54 @@
 	--vkui--font_title1--font_size--regular: 24px;
 	--vkui--font_title1--line_height--regular: 28px;
 	--vkui--font_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title1--font_weight--regular: 600;
+	--vkui--font_title1--font_weight--regular: 500;
 	--vkui--font_title1--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title1--font_weight--compact: 600;
+	--vkui--font_title1--font_weight--compact: 500;
 	--vkui--font_title2--font_size--regular: 20px;
 	--vkui--font_title2--line_height--regular: 26px;
 	--vkui--font_title2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title2--font_weight--regular: 600;
+	--vkui--font_title2--font_weight--regular: 500;
 	--vkui--font_title2--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title2--font_weight--compact: 600;
+	--vkui--font_title2--font_weight--compact: 500;
 	--vkui--font_title3--font_size--regular: 17px;
 	--vkui--font_title3--line_height--regular: 22px;
 	--vkui--font_title3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title3--font_weight--regular: 600;
+	--vkui--font_title3--font_weight--regular: 500;
 	--vkui--font_title3--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_title3--font_weight--compact: 600;
-	--vkui--font_headline1--font_size--regular: 16px;
+	--vkui--font_title3--font_weight--compact: 500;
+	--vkui--font_headline1--font_size--regular: 15px;
 	--vkui--font_headline1--line_height--regular: 20px;
-	--vkui--font_headline1--font_family--regular: Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_headline1--font_weight--regular: 400;
-	--vkui--font_headline1--font_size--compact: 15px;
+	--vkui--font_headline1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline1--font_weight--regular: 500;
+	--vkui--font_headline1--font_size--compact: 16px;
 	--vkui--font_headline1--line_height--compact: 20px;
-	--vkui--font_headline2--font_size--regular: 15px;
+	--vkui--font_headline1--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline1--font_weight--compact: 500;
+	--vkui--font_headline2--font_size--regular: 14px;
 	--vkui--font_headline2--line_height--regular: 20px;
-	--vkui--font_headline2--font_family--regular: Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_headline2--font_weight--regular: 400;
-	--vkui--font_headline2--font_size--compact: 14px;
+	--vkui--font_headline2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2--font_weight--regular: 500;
+	--vkui--font_headline2--font_size--compact: 15px;
 	--vkui--font_headline2--line_height--compact: 20px;
-	--vkui--font_text--font_size--regular: 16px;
+	--vkui--font_headline2--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline2--font_weight--compact: 500;
+	--vkui--font_text--font_size--regular: 15px;
 	--vkui--font_text--line_height--regular: 20px;
 	--vkui--font_text--font_family--regular: Inter, Helvetica, Arial, sans-serif;
 	--vkui--font_text--font_weight--regular: 400;
-	--vkui--font_text--font_size--compact: 15px;
-	--vkui--font_text--line_height--compact: 20px;
+	--vkui--font_text--font_size--compact: 16px;
+	--vkui--font_text--line_height--compact: 24px;
 	--vkui--font_paragraph--font_size--regular: 15px;
 	--vkui--font_paragraph--line_height--regular: 20px;
 	--vkui--font_paragraph--font_family--regular: Inter, Helvetica, Arial, sans-serif;
 	--vkui--font_paragraph--font_weight--regular: 400;
-	--vkui--font_subhead--font_size--regular: 14px;
+	--vkui--font_subhead--font_size--regular: 13px;
 	--vkui--font_subhead--line_height--regular: 18px;
-	--vkui--font_subhead--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_subhead--font_weight--regular: 600;
-	--vkui--font_subhead--font_size--compact: 13px;
+	--vkui--font_subhead--font_family--regular: Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_subhead--font_weight--regular: 400;
+	--vkui--font_subhead--font_size--compact: 14px;
 	--vkui--font_subhead--line_height--compact: 18px;
-	--vkui--font_subhead--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_subhead--font_weight--compact: 600;
+	--vkui--font_subhead--font_weight--compact: 400;
 	--vkui--font_footnote--font_size--regular: 13px;
 	--vkui--font_footnote--line_height--regular: 18px;
 	--vkui--font_footnote--font_family--regular: Inter, Helvetica, Arial, sans-serif;
@@ -142,7 +145,9 @@
 	--vkui--size_button_group_gap_space--regular: 1px;
 	--vkui--size_button_group_gap_small--regular: 8px;
 	--vkui--size_button_group_gap_medium--regular: 12px;
+	--vkui--size_option_hierarchy--regular: 32px;
 	--vkui--elevation1: 0 2px 0 0 rgba(0, 16, 61, 0.04);
+	--vkui--elevation1_invert_y: 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 4px 20px 0 rgba(0,0,0,.16);
 	--vkui--elevation4: 0 16px 48px 0 rgba(0, 0, 0, 0.48);
@@ -268,6 +273,57 @@
 	--vkui--font_family_article: Georgia, serif;
 	--vkui--font_weight_article1: 400;
 	--vkui--font_weight_article2: 700;
+	--vkui--media_font_media_header--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_header--font_weight--regular: 500;
+	--vkui--media_font_media_header--font_size--regular: 36px;
+	--vkui--media_font_media_header--line_height--regular: 44px;
+	--vkui--media_font_media_header--letter_spacing--regular: -0.5%;
+	--vkui--media_font_media_header--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_header--font_weight--compact: 500;
+	--vkui--media_font_media_header--font_size--compact: 40px;
+	--vkui--media_font_media_header--line_height--compact: 48px;
+	--vkui--media_font_media_header--letter_spacing--compact: -0.5%;
+	--vkui--media_font_media_title1--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1--font_weight--regular: 500;
+	--vkui--media_font_media_title1--font_size--regular: 28px;
+	--vkui--media_font_media_title1--line_height--regular: 36px;
+	--vkui--media_font_media_title1--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title1--font_weight--compact: 500;
+	--vkui--media_font_media_title1--font_size--compact: 28px;
+	--vkui--media_font_media_title1--line_height--compact: 36px;
+	--vkui--media_font_media_title2--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2--font_weight--regular: 500;
+	--vkui--media_font_media_title2--font_size--regular: 24px;
+	--vkui--media_font_media_title2--line_height--regular: 32px;
+	--vkui--media_font_media_title2--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title2--font_weight--compact: 500;
+	--vkui--media_font_media_title2--font_size--compact: 24px;
+	--vkui--media_font_media_title2--line_height--compact: 32px;
+	--vkui--media_font_media_title3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title3--font_weight--regular: 500;
+	--vkui--media_font_media_title3--font_size--regular: 20px;
+	--vkui--media_font_media_title3--line_height--regular: 28px;
+	--vkui--media_font_media_title3--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_title3--font_weight--compact: 500;
+	--vkui--media_font_media_title3--font_size--compact: 20px;
+	--vkui--media_font_media_title3--line_height--compact: 28px;
+	--vkui--media_font_media_lead--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_lead--font_weight--regular: 500;
+	--vkui--media_font_media_lead--font_size--regular: 19px;
+	--vkui--media_font_media_lead--line_height--regular: 28px;
+	--vkui--media_font_media_lead--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--media_font_media_lead--font_weight--compact: 500;
+	--vkui--media_font_media_lead--font_size--compact: 22px;
+	--vkui--media_font_media_lead--line_height--compact: 32px;
+	--vkui--media_font_media_lead--letter_spacing--compact: -0.3%;
+	--vkui--media_font_media_paragraph--font_family--regular: Georgia, serif;
+	--vkui--media_font_media_paragraph--font_weight--regular: 400;
+	--vkui--media_font_media_paragraph--font_size--regular: 18px;
+	--vkui--media_font_media_paragraph--line_height--regular: 28px;
+	--vkui--media_font_media_paragraph--font_family--compact: Georgia, serif;
+	--vkui--media_font_media_paragraph--font_weight--compact: 400;
+	--vkui--media_font_media_paragraph--font_size--compact: 19px;
+	--vkui--media_font_media_paragraph--line_height--compact: 32px;
 	--vkui--font_h3--font_size--regular: 20px;
 	--vkui--font_h3--line_height--regular: 26px;
 	--vkui--font_h3--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
@@ -325,12 +381,14 @@
 	--vkui--grid_layout_banner--compact: 280px;
 	--vkui--grid_layout_banner--regular: 280px;
 	--vkui--grid_layout_banner--large: 560px;
-	--vkui--font_headline--font_size--regular: 16px;
+	--vkui--font_headline--font_size--regular: 15px;
 	--vkui--font_headline--line_height--regular: 20px;
-	--vkui--font_headline--font_family--regular: Inter, Helvetica, Arial, sans-serif;
-	--vkui--font_headline--font_weight--regular: 400;
-	--vkui--font_headline--font_size--compact: 15px;
+	--vkui--font_headline--font_family--regular: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline--font_weight--regular: 500;
+	--vkui--font_headline--font_size--compact: 16px;
 	--vkui--font_headline--line_height--compact: 20px;
+	--vkui--font_headline--font_family--compact: MailSans, Inter, Helvetica, Arial, sans-serif;
+	--vkui--font_headline--font_weight--compact: 500;
 	--vkui--colors_scheme: dark;
 	--vkui--color_background_accent: #2775FC;
 	--vkui--color_background_accent--hover: #307BFC;
@@ -377,6 +435,9 @@
 	--vkui--color_background_negative_tint: #522e2e;
 	--vkui--color_background_negative_tint--hover: #593636;
 	--vkui--color_background_negative_tint--active: #603F3F;
+	--vkui--color_field_background: #232324;
+	--vkui--color_field_background--hover: #2C2C2D;
+	--vkui--color_field_background--active: #353536;
 	--vkui--color_text_accent: #3C82FD;
 	--vkui--color_text_accent--hover: #4487FD;
 	--vkui--color_text_accent--active: #4C8CFD;