diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 085ffd55..9ff4cd72 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -256232,7 +256232,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", - "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "value": "var(--vkui--font_display_title2--font_size--compact, 21px)", }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--compact", @@ -256240,7 +256240,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "value": "var(--vkui--font_display_title2--line_height--compact, 26px)", }, }, "regular": { @@ -256679,16 +256679,6 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline--line_height)", }, }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", @@ -256734,7 +256724,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 16px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--compact", @@ -256790,7 +256780,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + "value": "var(--vkui--font_headline2--font_size--compact, 15px)", }, "fontWeight": { "name": "--vkui--font_headline2--font_weight--compact", @@ -256902,7 +256892,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--compact", @@ -256958,7 +256948,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", + "value": "var(--vkui--font_text--font_size--compact, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--compact", @@ -257459,10 +257449,6 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_padding", "value": "var(--vkui--size_base_padding)", }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", - }, "regular": { "name": "--vkui--size_base_padding--regular", "value": "var(--vkui--size_base_padding--regular, 16px)", @@ -257775,10 +257761,6 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_icon_padding", "value": "var(--vkui--size_button_icon_padding)", }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", - }, "regular": { "name": "--vkui--size_button_icon_padding--regular", "value": "var(--vkui--size_button_icon_padding--regular, 16px)", @@ -257791,7 +257773,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "value": "var(--vkui--size_button_large_height--compact, 44px)", }, "regular": { "name": "--vkui--size_button_large_height--regular", @@ -257805,7 +257787,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "value": "var(--vkui--size_button_medium_height--compact, 36px)", }, "regular": { "name": "--vkui--size_button_medium_height--regular", @@ -257887,7 +257869,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "value": "var(--vkui--size_button_small_height--compact, 30px)", }, "regular": { "name": "--vkui--size_button_small_height--regular", @@ -258063,10 +258045,6 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_control_button_width_min", "value": "var(--vkui--size_control_button_width_min)", }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 104px)", - }, "regular": { "name": "--vkui--size_control_button_width_min--regular", "value": "var(--vkui--size_control_button_width_min--regular, 130px)", @@ -258175,10 +258153,6 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_width_min", "value": "var(--vkui--size_field_width_min)", }, - "compact": { - "name": "--vkui--size_field_width_min--compact", - "value": "var(--vkui--size_field_width_min--compact, 380px)", - }, "regular": { "name": "--vkui--size_field_width_min--regular", "value": "var(--vkui--size_field_width_min--regular, 328px)", @@ -258227,10 +258201,6 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_more_padding", "value": "var(--vkui--size_icon_more_padding)", }, - "compact": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", - }, "regular": { "name": "--vkui--size_icon_more_padding--regular", "value": "var(--vkui--size_icon_more_padding--regular, 12px)", @@ -258375,7 +258345,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 56px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", @@ -258389,7 +258359,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", }, "regular": { "name": "--vkui--size_popup_base_padding--regular", @@ -258403,7 +258373,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", }, "regular": { "name": "--vkui--size_popup_header_padding--regular", @@ -258429,10 +258399,6 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_popup_margin", "value": "var(--vkui--size_popup_margin)", }, - "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", - }, "regular": { "name": "--vkui--size_popup_margin--regular", "value": "var(--vkui--size_popup_margin--regular, 8px)", @@ -258503,7 +258469,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "value": "var(--vkui--size_search_height--compact, 36px)", }, "regular": { "name": "--vkui--size_search_height--regular", @@ -258517,7 +258483,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, "regular": { "name": "--vkui--size_select_icon_padding--regular", @@ -258593,7 +258559,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 14px)", }, "regular": { "name": "--vkui--size_switch_height--regular", @@ -258607,7 +258573,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 20px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", @@ -258621,7 +258587,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 34px)", }, "regular": { "name": "--vkui--size_switch_width--regular", @@ -259697,9 +259663,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "fontDisplayTitle2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "22px", + "fontSize": "21px", "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": "26px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", @@ -259799,10 +259765,6 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -259813,7 +259775,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "fontHeadline1": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, @@ -259827,7 +259789,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "fontHeadline2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, @@ -259855,7 +259817,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, @@ -259869,7 +259831,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "fontText": { "compact": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, @@ -260004,7 +259966,6 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -260095,15 +260056,14 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", + "compact": "44px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", + "compact": "36px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -260127,7 +260087,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", + "compact": "30px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -260178,7 +260138,6 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -260211,7 +260170,6 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -260226,7 +260184,6 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeIconMorePadding": { - "compact": "8px", "regular": "12px", }, "sizeIconUI": { @@ -260269,15 +260226,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", + "compact": "56px", "regular": "56px", }, "sizePopupBasePadding": { - "compact": "32px", + "compact": "20px", "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": "24px", + "compact": "16px", "regular": "16px", }, "sizePopupLarge": { @@ -260285,7 +260242,6 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "880px", }, "sizePopupMargin": { - "compact": "24px", "regular": "8px", }, "sizePopupMedium": { @@ -260306,11 +260262,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeSearchHeight": { - "compact": "32px", + "compact": "36px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", + "compact": "7px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -260332,15 +260288,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", + "compact": "14px", "regular": "14px", }, "sizeSwitchPin": { - "compact": "18px", + "compact": "20px", "regular": "20px", }, "sizeSwitchWidth": { - "compact": "32px", + "compact": "34px", "regular": "34px", }, "sizeTabMargin": { @@ -261231,9 +261187,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "fontDisplayTitle2": { "compact": { "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 26px)", }, "regular": { "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", @@ -261333,10 +261289,6 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, }, "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", - }, "regular": { "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", @@ -261347,7 +261299,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "fontHeadline1": { "compact": { "fontFamily": "var(--vkui--font_headline1--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, @@ -261361,7 +261313,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "fontHeadline2": { "compact": { "fontFamily": "var(--vkui--font_headline2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, @@ -261389,7 +261341,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "fontSubhead": { "compact": { "fontFamily": "var(--vkui--font_subhead--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--compact, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, @@ -261403,7 +261355,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "fontText": { "compact": { "fontFamily": "var(--vkui--font_text--font_family--compact, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--compact, 400)", "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, @@ -261538,7 +261490,6 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", "regular": "var(--vkui--size_base_padding--regular, 16px)", }, "sizeBasePaddingHorizontal": { @@ -261629,15 +261580,14 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "compact": "var(--vkui--size_button_large_height--compact, 44px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "compact": "var(--vkui--size_button_medium_height--compact, 36px)", "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { @@ -261661,7 +261611,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "compact": "var(--vkui--size_button_small_height--compact, 30px)", "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -261712,7 +261662,6 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, "sizeDivPadding": { @@ -261745,7 +261694,6 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, "sizeFormItemPaddingVertical": { @@ -261760,7 +261708,6 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, "sizeIconUI": { @@ -261803,15 +261750,15 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 56px)", "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { @@ -261819,7 +261766,6 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { @@ -261840,11 +261786,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", + "compact": "var(--vkui--size_search_height--compact, 36px)", "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { @@ -261866,15 +261812,15 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", + "compact": "var(--vkui--size_switch_height--compact, 14px)", "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "compact": "var(--vkui--size_switch_pin--compact, 20px)", "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", + "compact": "var(--vkui--size_switch_width--compact, 34px)", "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { @@ -262765,9 +262711,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "fontDisplayTitle2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, + "fontSize": 21, "fontWeight": 500, - "lineHeight": 22, + "lineHeight": 26, }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", @@ -262867,10 +262813,6 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -262881,7 +262823,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "fontHeadline1": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, @@ -262895,7 +262837,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "fontHeadline2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, @@ -262923,7 +262865,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, @@ -262937,7 +262879,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "fontText": { "compact": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontSize": 16, "fontWeight": 400, "lineHeight": 20, }, @@ -263072,7 +263014,6 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -263163,15 +263104,14 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, + "compact": 44, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, + "compact": 36, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -263195,7 +263135,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, + "compact": 30, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -263246,7 +263186,6 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -263279,7 +263218,6 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -263294,7 +263232,6 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeIconMorePadding": { - "compact": 8, "regular": 12, }, "sizeIconUI": { @@ -263337,15 +263274,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, + "compact": 56, "regular": 56, }, "sizePopupBasePadding": { - "compact": 32, + "compact": 20, "regular": 20, }, "sizePopupHeaderPadding": { - "compact": 24, + "compact": 16, "regular": 16, }, "sizePopupLarge": { @@ -263353,7 +263290,6 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 880, }, "sizePopupMargin": { - "compact": 24, "regular": 8, }, "sizePopupMedium": { @@ -263374,11 +263310,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { - "compact": 32, + "compact": 36, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, + "compact": 7, "regular": 7, }, "sizeSliceBottomPadding": { @@ -263400,15 +263336,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, + "compact": 14, "regular": 14, }, "sizeSwitchPin": { - "compact": 18, + "compact": 20, "regular": 20, }, "sizeSwitchWidth": { - "compact": 32, + "compact": 34, "regular": 34, }, "sizeTabMargin": { @@ -265942,7 +265878,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", - "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "value": "var(--vkui--font_display_title2--font_size--compact, 21px)", }, "fontWeight": { "name": "--vkui--font_display_title2--font_weight--compact", @@ -265950,7 +265886,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "value": "var(--vkui--font_display_title2--line_height--compact, 26px)", }, }, "regular": { @@ -266389,16 +266325,6 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--font_headline--line_height)", }, }, - "compact": { - "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", - }, - }, "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", @@ -266444,7 +266370,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "value": "var(--vkui--font_headline1--font_size--compact, 16px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--compact", @@ -266500,7 +266426,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + "value": "var(--vkui--font_headline2--font_size--compact, 15px)", }, "fontWeight": { "name": "--vkui--font_headline2--font_weight--compact", @@ -266612,7 +266538,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_subhead--font_size--compact", - "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + "value": "var(--vkui--font_subhead--font_size--compact, 14px)", }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--compact", @@ -266668,7 +266594,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 15px)", + "value": "var(--vkui--font_text--font_size--compact, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--compact", @@ -267169,10 +267095,6 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_padding", "value": "var(--vkui--size_base_padding)", }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", - }, "regular": { "name": "--vkui--size_base_padding--regular", "value": "var(--vkui--size_base_padding--regular, 16px)", @@ -267485,10 +267407,6 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_button_icon_padding", "value": "var(--vkui--size_button_icon_padding)", }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", - }, "regular": { "name": "--vkui--size_button_icon_padding--regular", "value": "var(--vkui--size_button_icon_padding--regular, 16px)", @@ -267501,7 +267419,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "value": "var(--vkui--size_button_large_height--compact, 44px)", }, "regular": { "name": "--vkui--size_button_large_height--regular", @@ -267515,7 +267433,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "value": "var(--vkui--size_button_medium_height--compact, 36px)", }, "regular": { "name": "--vkui--size_button_medium_height--regular", @@ -267597,7 +267515,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "value": "var(--vkui--size_button_small_height--compact, 30px)", }, "regular": { "name": "--vkui--size_button_small_height--regular", @@ -267773,10 +267691,6 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_control_button_width_min", "value": "var(--vkui--size_control_button_width_min)", }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 104px)", - }, "regular": { "name": "--vkui--size_control_button_width_min--regular", "value": "var(--vkui--size_control_button_width_min--regular, 130px)", @@ -267885,10 +267799,6 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_width_min", "value": "var(--vkui--size_field_width_min)", }, - "compact": { - "name": "--vkui--size_field_width_min--compact", - "value": "var(--vkui--size_field_width_min--compact, 380px)", - }, "regular": { "name": "--vkui--size_field_width_min--regular", "value": "var(--vkui--size_field_width_min--regular, 328px)", @@ -267937,10 +267847,6 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_icon_more_padding", "value": "var(--vkui--size_icon_more_padding)", }, - "compact": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", - }, "regular": { "name": "--vkui--size_icon_more_padding--regular", "value": "var(--vkui--size_icon_more_padding--regular, 12px)", @@ -268085,7 +267991,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "value": "var(--vkui--size_panel_header_height--compact, 56px)", }, "regular": { "name": "--vkui--size_panel_header_height--regular", @@ -268099,7 +268005,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + "value": "var(--vkui--size_popup_base_padding--compact, 20px)", }, "regular": { "name": "--vkui--size_popup_base_padding--regular", @@ -268113,7 +268019,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", }, "regular": { "name": "--vkui--size_popup_header_padding--regular", @@ -268139,10 +268045,6 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_popup_margin", "value": "var(--vkui--size_popup_margin)", }, - "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", - }, "regular": { "name": "--vkui--size_popup_margin--regular", "value": "var(--vkui--size_popup_margin--regular, 8px)", @@ -268213,7 +268115,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "value": "var(--vkui--size_search_height--compact, 36px)", }, "regular": { "name": "--vkui--size_search_height--regular", @@ -268227,7 +268129,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, "regular": { "name": "--vkui--size_select_icon_padding--regular", @@ -268303,7 +268205,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "value": "var(--vkui--size_switch_height--compact, 14px)", }, "regular": { "name": "--vkui--size_switch_height--regular", @@ -268317,7 +268219,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "value": "var(--vkui--size_switch_pin--compact, 20px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", @@ -268331,7 +268233,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "value": "var(--vkui--size_switch_width--compact, 34px)", }, "regular": { "name": "--vkui--size_switch_width--regular", @@ -269407,9 +269309,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "fontDisplayTitle2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "22px", + "fontSize": "21px", "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": "26px", }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", @@ -269509,10 +269411,6 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -269523,7 +269421,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "fontHeadline1": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, @@ -269537,7 +269435,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "fontHeadline2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, @@ -269565,7 +269463,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, @@ -269579,7 +269477,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "fontText": { "compact": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, @@ -269714,7 +269612,6 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -269805,15 +269702,14 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", + "compact": "44px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", + "compact": "36px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -269837,7 +269733,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", + "compact": "30px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -269888,7 +269784,6 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -269921,7 +269816,6 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -269936,7 +269830,6 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeIconMorePadding": { - "compact": "8px", "regular": "12px", }, "sizeIconUI": { @@ -269979,15 +269872,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", + "compact": "56px", "regular": "56px", }, "sizePopupBasePadding": { - "compact": "32px", + "compact": "20px", "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": "24px", + "compact": "16px", "regular": "16px", }, "sizePopupLarge": { @@ -269995,7 +269888,6 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "880px", }, "sizePopupMargin": { - "compact": "24px", "regular": "8px", }, "sizePopupMedium": { @@ -270016,11 +269908,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeSearchHeight": { - "compact": "32px", + "compact": "36px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", + "compact": "7px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -270042,15 +269934,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", + "compact": "14px", "regular": "14px", }, "sizeSwitchPin": { - "compact": "18px", + "compact": "20px", "regular": "20px", }, "sizeSwitchWidth": { - "compact": "32px", + "compact": "34px", "regular": "34px", }, "sizeTabMargin": { @@ -270941,9 +270833,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "fontDisplayTitle2": { "compact": { "fontFamily": "var(--vkui--font_display_title2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 21px)", "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 500)", - "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 26px)", }, "regular": { "fontFamily": "var(--vkui--font_display_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", @@ -271043,10 +270935,6 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", - }, "regular": { "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", @@ -271057,7 +270945,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "fontHeadline1": { "compact": { "fontFamily": "var(--vkui--font_headline1--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", "fontWeight": "var(--vkui--font_headline1--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, @@ -271071,7 +270959,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "fontHeadline2": { "compact": { "fontFamily": "var(--vkui--font_headline2--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", "fontWeight": "var(--vkui--font_headline2--font_weight--compact, 500)", "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, @@ -271099,7 +270987,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "fontSubhead": { "compact": { "fontFamily": "var(--vkui--font_subhead--font_family--compact, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "fontSize": "var(--vkui--font_subhead--font_size--compact, 14px)", "fontWeight": "var(--vkui--font_subhead--font_weight--compact, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, @@ -271113,7 +271001,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "fontText": { "compact": { "fontFamily": "var(--vkui--font_text--font_family--compact, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", "fontWeight": "var(--vkui--font_text--font_weight--compact, 400)", "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, @@ -271248,7 +271136,6 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", "regular": "var(--vkui--size_base_padding--regular, 16px)", }, "sizeBasePaddingHorizontal": { @@ -271339,15 +271226,14 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "compact": "var(--vkui--size_button_large_height--compact, 44px)", "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "compact": "var(--vkui--size_button_medium_height--compact, 36px)", "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { @@ -271371,7 +271257,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "compact": "var(--vkui--size_button_small_height--compact, 30px)", "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -271422,7 +271308,6 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, "sizeDivPadding": { @@ -271455,7 +271340,6 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, "sizeFormItemPaddingVertical": { @@ -271470,7 +271354,6 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, "sizeIconUI": { @@ -271513,15 +271396,15 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "compact": "var(--vkui--size_panel_header_height--compact, 56px)", "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, "sizePopupLarge": { @@ -271529,7 +271412,6 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, "sizePopupMedium": { @@ -271550,11 +271432,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", + "compact": "var(--vkui--size_search_height--compact, 36px)", "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { @@ -271576,15 +271458,15 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", + "compact": "var(--vkui--size_switch_height--compact, 14px)", "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "compact": "var(--vkui--size_switch_pin--compact, 20px)", "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", + "compact": "var(--vkui--size_switch_width--compact, 34px)", "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTabMargin": { @@ -272475,9 +272357,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "fontDisplayTitle2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, + "fontSize": 21, "fontWeight": 500, - "lineHeight": 22, + "lineHeight": 26, }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", @@ -272577,10 +272459,6 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -272591,7 +272469,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "fontHeadline1": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, @@ -272605,7 +272483,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "fontHeadline2": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, @@ -272633,7 +272511,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, @@ -272647,7 +272525,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "fontText": { "compact": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontSize": 16, "fontWeight": 400, "lineHeight": 20, }, @@ -272782,7 +272660,6 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -272873,15 +272750,14 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, + "compact": 44, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, + "compact": 36, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -272905,7 +272781,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, + "compact": 30, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -272956,7 +272832,6 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -272989,7 +272864,6 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -273004,7 +272878,6 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeIconMorePadding": { - "compact": 8, "regular": 12, }, "sizeIconUI": { @@ -273047,15 +272920,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, + "compact": 56, "regular": 56, }, "sizePopupBasePadding": { - "compact": 32, + "compact": 20, "regular": 20, }, "sizePopupHeaderPadding": { - "compact": 24, + "compact": 16, "regular": 16, }, "sizePopupLarge": { @@ -273063,7 +272936,6 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 880, }, "sizePopupMargin": { - "compact": 24, "regular": 8, }, "sizePopupMedium": { @@ -273084,11 +272956,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { - "compact": 32, + "compact": 36, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, + "compact": 7, "regular": 7, }, "sizeSliceBottomPadding": { @@ -273110,15 +272982,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, + "compact": 14, "regular": 14, }, "sizeSwitchPin": { - "compact": 18, + "compact": 20, "regular": 20, }, "sizeSwitchWidth": { - "compact": 32, + "compact": 34, "regular": 34, }, "sizeTabMargin": { diff --git a/src/build/themeProcessors/extractGeneralTokens/extractGeneralTokens.ts b/src/build/themeProcessors/extractGeneralTokens/extractGeneralTokens.ts index 5c45f64d..abce6268 100644 --- a/src/build/themeProcessors/extractGeneralTokens/extractGeneralTokens.ts +++ b/src/build/themeProcessors/extractGeneralTokens/extractGeneralTokens.ts @@ -36,16 +36,20 @@ export function extractGeneralTokens( function isAdaptiveToken( tokenValue: ThemeGeneral[keyof ThemeGeneral], - tokenName: string, ): tokenValue is AdaptiveTokens[keyof AdaptiveTokens] { - return typeof tokenValue === 'object' && 'regular' in tokenValue && tokenName in lightTheme; + return typeof tokenValue === 'object' && 'regular' in tokenValue; } function mergeCompactAdativityWithRegular( tokenValue: ThemeGeneral[keyof ThemeGeneral], tokenName: string, ) { - if (!isAdaptiveToken(tokenValue, tokenName)) { + console.log('Token name: ', tokenName); + if (!isAdaptiveToken(tokenValue)) { + return tokenValue; + } + + if (!(tokenName in lightTheme)) { return tokenValue; }