diff --git a/package.json b/package.json index fd50bc19a..3da4773e6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@vkontakte/vkui-tokens", - "version": "4.58.1", + "version": "4.59.0", "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm", "license": "MIT", "homepage": "https://vkcom.github.io/vkui-tokens", diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index dc7e24e8a..41d2a8799 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -2174,6 +2174,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -3224,6 +3238,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -5544,6 +5572,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -5784,6 +5826,20 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -7375,6 +7431,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -7750,6 +7811,11 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -8389,6 +8455,10 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -8460,6 +8530,10 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -9466,6 +9540,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -9841,6 +9920,11 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -10480,6 +10564,10 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -10551,6 +10639,10 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -11557,6 +11649,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -11932,6 +12029,11 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -12571,6 +12673,10 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -12642,6 +12748,10 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -15055,6 +15165,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -16105,6 +16229,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -18425,6 +18563,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -18665,6 +18817,20 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -20256,6 +20422,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -20631,6 +20802,11 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -21270,6 +21446,10 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -21341,6 +21521,10 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -22347,6 +22531,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -22722,6 +22911,11 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -23361,6 +23555,10 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -23432,6 +23630,10 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -24438,6 +24640,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -24813,6 +25020,11 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -25452,6 +25664,10 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -25523,6 +25739,10 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -26186,6 +26406,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -27236,6 +27470,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -29240,6 +29488,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -29480,6 +29742,20 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -30461,6 +30737,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -30836,6 +31117,11 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -31372,6 +31658,10 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -31443,6 +31733,10 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -31839,6 +32133,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -32214,6 +32513,11 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -32750,6 +33054,10 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -32821,6 +33129,10 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -33217,6 +33529,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -33592,6 +33909,11 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -34128,6 +34450,10 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -34199,6 +34525,10 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -35870,6 +36200,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -36920,6 +37264,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -39428,6 +39786,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -39664,6 +40036,20 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -41005,6 +41391,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -41380,6 +41771,11 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -42051,6 +42447,10 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -42121,6 +42521,10 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -42877,6 +43281,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -43252,6 +43661,11 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -43923,6 +44337,10 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -43993,6 +44411,10 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -44749,6 +45171,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -45124,6 +45551,11 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -45795,6 +46227,10 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -45865,6 +46301,10 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -47536,6 +47976,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -48586,6 +49040,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -50964,6 +51432,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -51204,6 +51686,20 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -52545,6 +53041,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -52920,6 +53421,11 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -53551,6 +54057,10 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -53622,6 +54132,10 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -54378,6 +54892,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -54753,6 +55272,11 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -55384,6 +55908,10 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -55455,6 +55983,10 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -56211,6 +56743,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -56586,6 +57123,11 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -57217,6 +57759,10 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -57288,6 +57834,10 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -57917,6 +58467,20 @@ exports[`shapshots dobro theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -58757,6 +59321,20 @@ exports[`shapshots dobro theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -60411,6 +60989,20 @@ exports[`shapshots dobro theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -60593,6 +61185,20 @@ exports[`shapshots dobro theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -61109,6 +61715,11 @@ exports[`shapshots dobro theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -61409,6 +62020,11 @@ exports[`shapshots dobro theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -61849,6 +62465,10 @@ exports[`shapshots dobro theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -61903,6 +62523,10 @@ exports[`shapshots dobro theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -62159,6 +62783,11 @@ exports[`shapshots dobro theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -62459,6 +63088,11 @@ exports[`shapshots dobro theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -62899,6 +63533,10 @@ exports[`shapshots dobro theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -62953,6 +63591,10 @@ exports[`shapshots dobro theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -63209,6 +63851,11 @@ exports[`shapshots dobro theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -63509,6 +64156,11 @@ exports[`shapshots dobro theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -63949,6 +64601,10 @@ exports[`shapshots dobro theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -64003,6 +64659,10 @@ exports[`shapshots dobro theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -64499,6 +65159,20 @@ exports[`shapshots dobroDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -65339,6 +66013,20 @@ exports[`shapshots dobroDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -66993,6 +67681,20 @@ exports[`shapshots dobroDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -67175,6 +67877,20 @@ exports[`shapshots dobroDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -67695,6 +68411,11 @@ exports[`shapshots dobroDark theme should match pixelify theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -67995,6 +68716,11 @@ exports[`shapshots dobroDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -68435,6 +69161,10 @@ exports[`shapshots dobroDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -68489,6 +69219,10 @@ exports[`shapshots dobroDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -68746,6 +69480,11 @@ exports[`shapshots dobroDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -69046,6 +69785,11 @@ exports[`shapshots dobroDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -69486,6 +70230,10 @@ exports[`shapshots dobroDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -69540,6 +70288,10 @@ exports[`shapshots dobroDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -69797,6 +70549,11 @@ exports[`shapshots dobroDark theme should match root theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -70097,6 +70854,11 @@ exports[`shapshots dobroDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -70537,6 +71299,10 @@ exports[`shapshots dobroDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -70591,6 +71357,10 @@ exports[`shapshots dobroDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -71122,6 +71892,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -72172,6 +72956,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -74290,6 +75088,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -74530,6 +75342,20 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -75511,6 +76337,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -75886,6 +76717,11 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -76464,6 +77300,10 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -76535,6 +77375,10 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -76931,6 +77775,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -77306,6 +78155,11 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -77884,6 +78738,10 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -77955,6 +78813,10 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -78351,6 +79213,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -78726,6 +79593,11 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -79304,6 +80176,10 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -79375,6 +80251,10 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -80038,6 +80918,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -81088,6 +81982,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -83206,6 +84114,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -83446,6 +84368,20 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -84423,6 +85359,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -84798,6 +85739,11 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -85376,6 +86322,10 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -85447,6 +86397,10 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -85842,6 +86796,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -86217,6 +87176,11 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -86795,6 +87759,10 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -86866,6 +87834,10 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -87261,6 +88233,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -87636,6 +88613,11 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -88214,6 +89196,10 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -88285,6 +89271,10 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -88780,7 +89770,7 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, #00000099)", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -88895,18 +89885,32 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, #ffffffcc)", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181C)", + "value": "var(--vkui--color_background_content_inverse--active, #090A0E)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "value": "var(--vkui--color_background_content_inverse--hover, #0A0A0C)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #191919)", + "value": "var(--vkui--color_background_content_inverse, #0a0a0a)", }, }, "colorBackgroundContrast": { @@ -88926,15 +89930,15 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", + "value": "var(--vkui--color_background_contrast_inverse--active, #232428)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #242527)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "value": "var(--vkui--color_background_contrast_inverse, #262626)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -88996,15 +90000,15 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + "value": "var(--vkui--color_background_modal_inverse--active, #090A0E)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "value": "var(--vkui--color_background_modal_inverse--hover, #0A0A0C)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + "value": "var(--vkui--color_background_modal_inverse, #0a0a0a)", }, }, "colorBackgroundNegative": { @@ -91342,6 +92346,10 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_padding_horizontal", "value": "var(--vkui--size_base_padding_horizontal)", }, + "compact": { + "name": "--vkui--size_base_padding_horizontal--compact", + "value": "var(--vkui--size_base_padding_horizontal--compact, 16px)", + }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", @@ -91487,6 +92495,20 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -91524,11 +92546,11 @@ exports[`shapshots legoAndroid 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", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "value": "var(--vkui--size_button_large_height--regular, 56px)", }, }, "sizeButtonMediumHeight": { @@ -91538,11 +92560,11 @@ exports[`shapshots legoAndroid 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", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "value": "var(--vkui--size_button_medium_height--regular, 44px)", }, }, "sizeButtonMinimumWidth": { @@ -91572,11 +92594,11 @@ exports[`shapshots legoAndroid 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, 32px)", }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "value": "var(--vkui--size_button_small_height--regular, 36px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -91669,6 +92691,20 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 52px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -93373,7 +94409,7 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -93415,10 +94451,15 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "#ffffffcc", + }, "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -93426,9 +94467,9 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": "#232428", + "hover": "#242527", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -93451,9 +94492,9 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundNegative": { "active": "#D44245", @@ -94125,6 +95166,7 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeBasePaddingHorizontal": { + "compact": "16px", "regular": "16px", }, "sizeBasePaddingVertical": { @@ -94169,6 +95211,10 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "24px", + "regular": "28px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -94179,12 +95225,12 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "regular": "1px", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": "44px", + "regular": "56px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "36px", + "regular": "44px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -94193,8 +95239,8 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": "32px", + "regular": "36px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -94223,6 +95269,10 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "48px", + "regular": "52px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -94854,7 +95904,7 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", - "normal": "var(--vkui--color_avatar_overlay, #00000099)", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -94896,10 +95946,15 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, #ffffffcc)", + }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181C)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", - "normal": "var(--vkui--color_background_content_inverse, #191919)", + "active": "var(--vkui--color_background_content_inverse--active, #090A0E)", + "hover": "var(--vkui--color_background_content_inverse--hover, #0A0A0C)", + "normal": "var(--vkui--color_background_content_inverse, #0a0a0a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", @@ -94907,9 +95962,9 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "active": "var(--vkui--color_background_contrast_inverse--active, #232428)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #242527)", + "normal": "var(--vkui--color_background_contrast_inverse, #262626)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -94932,9 +95987,9 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_modal, #ffffff)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", - "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + "active": "var(--vkui--color_background_modal_inverse--active, #090A0E)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #0A0A0C)", + "normal": "var(--vkui--color_background_modal_inverse, #0a0a0a)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -95606,6 +96661,7 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { + "compact": "var(--vkui--size_base_padding_horizontal--compact, 16px)", "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { @@ -95650,6 +96706,10 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 24px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -95660,12 +96720,12 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": "var(--vkui--size_button_large_height--compact, 44px)", + "regular": "var(--vkui--size_button_large_height--regular, 56px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": "var(--vkui--size_button_medium_height--compact, 36px)", + "regular": "var(--vkui--size_button_medium_height--regular, 44px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -95674,8 +96734,8 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": "var(--vkui--size_button_small_height--compact, 32px)", + "regular": "var(--vkui--size_button_small_height--regular, 36px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -95704,6 +96764,10 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 48px)", + "regular": "var(--vkui--size_cell_height--regular, 52px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -96335,7 +97399,7 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -96377,10 +97441,15 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "#ffffffcc", + }, "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -96388,9 +97457,9 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": "#232428", + "hover": "#242527", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -96413,9 +97482,9 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundNegative": { "active": "#D44245", @@ -97087,6 +98156,7 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { + "compact": 16, "regular": 16, }, "sizeBasePaddingVertical": { @@ -97131,6 +98201,10 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 24, + "regular": 28, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -97141,12 +98215,12 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "compact": 44, + "regular": 56, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 36, + "regular": 44, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -97155,8 +98229,8 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "compact": 32, + "regular": 36, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -97185,6 +98259,10 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 48, + "regular": 52, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -97983,7 +99061,7 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, #00000099)", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -98087,15 +99165,29 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2B)", + "value": "var(--vkui--color_background_content--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222222)", + "value": "var(--vkui--color_background_content--hover, #141414)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #191919)", + "value": "var(--vkui--color_background_content, #0a0a0a)", + }, + }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(10, 10, 10, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(10, 10, 10, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, #0a0a0acc)", }, }, "colorBackgroundContentInverse": { @@ -98129,71 +99221,71 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", + "value": "var(--vkui--color_background_contrast_inverse--active, #373737)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "value": "var(--vkui--color_background_contrast_inverse, #262626)", }, }, "colorBackgroundContrastSecondaryAlpha": { "active": { "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.3))", }, "hover": { "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.26))", }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + "value": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff38)", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "value": "var(--vkui--color_background_contrast_themed--active, #373737)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "value": "var(--vkui--color_background_contrast_themed--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + "value": "var(--vkui--color_background_contrast_themed, #262626)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + "value": "var(--vkui--color_background_info_tint--active, #29435C)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #1F3B55)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1c3954)", + "value": "var(--vkui--color_background_info_tint, #16334e)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2F2F2F)", + "value": "var(--vkui--color_background_modal--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #262626)", + "value": "var(--vkui--color_background_modal--hover, #141414)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1d1d1d)", + "value": "var(--vkui--color_background_modal, #0a0a0a)", }, }, "colorBackgroundModalInverse": { @@ -98227,15 +99319,15 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "value": "var(--vkui--color_background_negative_tint--active, #593838)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + "value": "var(--vkui--color_background_negative_tint--hover, #523030)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "value": "var(--vkui--color_background_negative_tint, #4b2727)", }, }, "colorBackgroundPositive": { @@ -98255,85 +99347,85 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #384736)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #303F2D)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", + "value": "var(--vkui--color_background_positive_tint, #273724)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353535)", + "value": "var(--vkui--color_background_secondary--active, #2D2D2D)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "value": "var(--vkui--color_background_secondary--hover, #242424)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232323)", + "value": "var(--vkui--color_background_secondary, #1b1b1b)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + "value": "var(--vkui--color_background_secondary_alpha, #ffffff1e)", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323232)", + "value": "var(--vkui--color_background_tertiary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #292929)", + "value": "var(--vkui--color_background_tertiary--hover, #212121)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202020)", + "value": "var(--vkui--color_background_tertiary, #181818)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.13))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.09))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff0c)", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", + "value": "var(--vkui--color_background_warning--active, #574429)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #4F3C1F)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #483416)", }, }, "colorButtonIcon": { @@ -98381,43 +99473,43 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #2D2D2D)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #242424)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "value": "var(--vkui--color_field_background, #1b1b1b)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.22))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.18))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, #ffffff1e)", + "value": "var(--vkui--color_field_border_alpha, #ffffff23)", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2B)", + "value": "var(--vkui--color_header_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222222)", + "value": "var(--vkui--color_header_background--hover, #141414)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #191919)", + "value": "var(--vkui--color_header_background, #0a0a0a)", }, }, "colorIconAccent": { @@ -98647,43 +99739,43 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.19))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.15))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, #ffffff14)", + "value": "var(--vkui--color_image_border_alpha, #ffffff1c)", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + "value": "var(--vkui--color_image_placeholder--active, #363636)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333333)", + "value": "var(--vkui--color_image_placeholder--hover, #2D2D2D)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2b2b2b)", + "value": "var(--vkui--color_image_placeholder, #242424)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.19))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.15))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f61c)", }, }, "colorLinkContrast": { @@ -98759,113 +99851,113 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + "value": "var(--vkui--color_segmented_control--active, #686868)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", + "value": "var(--vkui--color_segmented_control--hover, #626262)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", + "value": "var(--vkui--color_segmented_control, #5b5b5b)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #474747)", + "value": "var(--vkui--color_separator_primary--active, #414141)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "value": "var(--vkui--color_separator_primary--hover, #383838)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #373737)", + "value": "var(--vkui--color_separator_primary, #303030)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #545454)", + "value": "var(--vkui--color_separator_primary2x--active, #4D4D4D)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "value": "var(--vkui--color_separator_primary2x--hover, #464646)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #454545)", + "value": "var(--vkui--color_separator_primary2x, #3e3e3e)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #606060)", + "value": "var(--vkui--color_separator_primary3x--active, #5A5A5A)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #595959)", + "value": "var(--vkui--color_separator_primary3x--hover, #535353)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #525252)", + "value": "var(--vkui--color_separator_primary3x, #4c4c4c)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.22))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.18))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + "value": "var(--vkui--color_separator_primary_alpha, #ffffff23)", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272727)", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141414)", + "value": "var(--vkui--color_separator_secondary, #181818)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + "value": "var(--vkui--color_skeleton_from--active, #2D2D2D)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #353535)", + "value": "var(--vkui--color_skeleton_from--hover, #242424)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2d2d2d)", + "value": "var(--vkui--color_skeleton_from, #1b1b1b)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + "value": "var(--vkui--color_skeleton_to--active, #373737)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #353535)", + "value": "var(--vkui--color_skeleton_to--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2d2d2d)", + "value": "var(--vkui--color_skeleton_to, #262626)", }, }, "colorStrokeAccent": { @@ -98955,15 +100047,15 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #7B7B7B)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #767676)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #787878)", + "value": "var(--vkui--color_tabbar_text_inactive, #707070)", }, }, "colorTextAccent": { @@ -99221,29 +100313,29 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #555555)", + "value": "var(--vkui--color_track_background--active, #4E4E4E)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4D4D4D)", + "value": "var(--vkui--color_track_background--hover, #474747)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #464646)", + "value": "var(--vkui--color_track_background, #3f3f3f)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #495E77)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #415771)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #39506b)", }, }, "colorTransparent": { @@ -99277,29 +100369,29 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + "value": "var(--vkui--color_write_bar_input_background--active, #373737)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "value": "var(--vkui--color_write_bar_input_background--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + "value": "var(--vkui--color_write_bar_input_background, #262626)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + "value": "var(--vkui--color_write_bar_input_border--active, #373737)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "value": "var(--vkui--color_write_bar_input_border--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + "value": "var(--vkui--color_write_bar_input_border, #262626)", }, }, "colorWriteBarInputBorderAlpha": { @@ -99322,23 +100414,23 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", }, "elevation1InvertY": { "name": "--vkui--elevation1_invert_y", - "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", }, "elevation4": { "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -100388,7 +101480,7 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%)", + "value": "var(--vkui--gradient, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.05) 15%, rgba(10, 10, 10, 0.2) 30%, rgba(10, 10, 10, 0.8) 70%, rgba(10, 10, 10, 0.95) 85%, var(--vkui--color_background_content, rgba(10, 10, 10, 1)) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -100396,7 +101488,7 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%)", + "value": "var(--vkui--gradient_tint, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.05) 15%, rgba(24, 24, 24, 0.2) 30%, rgba(24, 24, 24, 0.8) 70%, rgba(24, 24, 24, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(24, 24, 24, 1)) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -100404,11 +101496,11 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "opacityDisable": { "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "value": "var(--vkui--opacity_disable, 0.5)", }, "opacityDisableAccessibility": { "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "value": "var(--vkui--opacity_disable_accessibility, 0.5)", }, "sizeArrow": { "auto": { @@ -100545,6 +101637,10 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_padding_horizontal", "value": "var(--vkui--size_base_padding_horizontal)", }, + "compact": { + "name": "--vkui--size_base_padding_horizontal--compact", + "value": "var(--vkui--size_base_padding_horizontal--compact, 16px)", + }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", @@ -100690,6 +101786,20 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -100727,11 +101837,11 @@ exports[`shapshots legoAndroidDark 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", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "value": "var(--vkui--size_button_large_height--regular, 56px)", }, }, "sizeButtonMediumHeight": { @@ -100741,11 +101851,11 @@ exports[`shapshots legoAndroidDark 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", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "value": "var(--vkui--size_button_medium_height--regular, 44px)", }, }, "sizeButtonMinimumWidth": { @@ -100775,11 +101885,11 @@ exports[`shapshots legoAndroidDark 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, 32px)", }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "value": "var(--vkui--size_button_small_height--regular, 36px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -100872,6 +101982,20 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 52px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -102576,7 +103700,7 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -102614,9 +103738,14 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundContentAlpha": { + "active": "rgba(10, 10, 10, 0.88)", + "hover": "rgba(10, 10, 10, 0.84)", + "normal": "#0a0a0acc", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -102629,29 +103758,29 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "active": "rgba(255, 255, 255, 0.3)", + "hover": "rgba(255, 255, 255, 0.26)", + "normal": "#ffffff38", }, "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1c3954", + "active": "#29435C", + "hover": "#1F3B55", + "normal": "#16334e", }, "colorBackgroundModal": { - "active": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -102664,9 +103793,9 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#593838", + "hover": "#523030", + "normal": "#4b2727", }, "colorBackgroundPositive": { "active": "#59B959", @@ -102674,34 +103803,34 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2e3e2b", + "active": "#384736", + "hover": "#303F2D", + "normal": "#273724", }, "colorBackgroundSecondary": { - "active": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, "colorBackgroundTertiary": { - "active": "#323232", - "hover": "#292929", - "normal": "#202020", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", + "active": "rgba(255, 255, 255, 0.13)", + "hover": "rgba(255, 255, 255, 0.09)", + "normal": "#ffffff0c", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#574429", + "hover": "#4F3C1F", + "normal": "#483416", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -102719,19 +103848,19 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorHeaderBackground": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorIconAccent": { "active": "#60A6F5", @@ -102814,19 +103943,19 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#edb055", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "active": "rgba(255, 255, 255, 0.19)", + "hover": "rgba(255, 255, 255, 0.15)", + "normal": "#ffffff1c", }, "colorImagePlaceholder": { - "active": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", + "active": "#363636", + "hover": "#2D2D2D", + "normal": "#242424", }, "colorImagePlaceholderAlpha": { - "active": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", + "active": "rgba(246, 246, 246, 0.19)", + "hover": "rgba(246, 246, 246, 0.15)", + "normal": "#f6f6f61c", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -102854,44 +103983,44 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#373737", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#686868", + "hover": "#626262", + "normal": "#5b5b5b", }, "colorSeparatorPrimary": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorSeparatorPrimary2x": { - "active": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "colorSeparatorPrimary3x": { - "active": "#606060", - "hover": "#595959", - "normal": "#525252", + "active": "#5A5A5A", + "hover": "#535353", + "normal": "#4c4c4c", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorSeparatorSecondary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorSkeletonTo": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorStrokeAccent": { "active": "#60A6F5", @@ -102924,9 +104053,9 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#e3e3e3", }, "colorTabbarTextInactive": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "#7B7B7B", + "hover": "#767676", + "normal": "#707070", }, "colorTextAccent": { "active": "#60A6F5", @@ -103019,14 +104148,14 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", + "active": "#4E4E4E", + "hover": "#474747", + "normal": "#3f3f3f", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#495E77", + "hover": "#415771", + "normal": "#39506b", }, "colorTransparent": { "active": "rgba(0, 0, 0, 0.08)", @@ -103039,14 +104168,14 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorder": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -103054,11 +104183,11 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#ffffff14", }, "colorsScheme": "dark", - "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", - "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", - "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -103282,12 +104411,12 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%", + "gradient": "rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.05) 15%, rgba(10, 10, 10, 0.2) 30%, rgba(10, 10, 10, 0.8) 70%, rgba(10, 10, 10, 0.95) 85%, var(--vkui--color_background_content, rgba(10, 10, 10, 1)) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%", + "gradientTint": "rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.05) 15%, rgba(24, 24, 24, 0.2) 30%, rgba(24, 24, 24, 0.8) 70%, rgba(24, 24, 24, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(24, 24, 24, 1)) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, - "opacityDisableAccessibility": 0.64, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": "8px", }, @@ -103328,6 +104457,7 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "regular": "12px", }, "sizeBasePaddingHorizontal": { + "compact": "16px", "regular": "16px", }, "sizeBasePaddingVertical": { @@ -103372,6 +104502,10 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "24px", + "regular": "28px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -103382,12 +104516,12 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "regular": "1px", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": "44px", + "regular": "56px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "36px", + "regular": "44px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -103396,8 +104530,8 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "regular": "12px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": "32px", + "regular": "36px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -103426,6 +104560,10 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "48px", + "regular": "52px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -104057,7 +105195,7 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", - "normal": "var(--vkui--color_avatar_overlay, #00000099)", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -104095,9 +105233,14 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2B)", - "hover": "var(--vkui--color_background_content--hover, #222222)", - "normal": "var(--vkui--color_background_content, #191919)", + "active": "var(--vkui--color_background_content--active, #1E1E1E)", + "hover": "var(--vkui--color_background_content--hover, #141414)", + "normal": "var(--vkui--color_background_content, #0a0a0a)", + }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(10, 10, 10, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(10, 10, 10, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, #0a0a0acc)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -104110,29 +105253,29 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "active": "var(--vkui--color_background_contrast_inverse--active, #373737)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2F2F2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #262626)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.3))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.26))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff38)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + "active": "var(--vkui--color_background_contrast_themed--active, #373737)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #2F2F2F)", + "normal": "var(--vkui--color_background_contrast_themed, #262626)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #2E4962)", - "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", - "normal": "var(--vkui--color_background_info_tint, #1c3954)", + "active": "var(--vkui--color_background_info_tint--active, #29435C)", + "hover": "var(--vkui--color_background_info_tint--hover, #1F3B55)", + "normal": "var(--vkui--color_background_info_tint, #16334e)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2F2F2F)", - "hover": "var(--vkui--color_background_modal--hover, #262626)", - "normal": "var(--vkui--color_background_modal, #1d1d1d)", + "active": "var(--vkui--color_background_modal--active, #1E1E1E)", + "hover": "var(--vkui--color_background_modal--hover, #141414)", + "normal": "var(--vkui--color_background_modal, #0a0a0a)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -104145,9 +105288,9 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + "active": "var(--vkui--color_background_negative_tint--active, #593838)", + "hover": "var(--vkui--color_background_negative_tint--hover, #523030)", + "normal": "var(--vkui--color_background_negative_tint, #4b2727)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -104155,34 +105298,34 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", - "normal": "var(--vkui--color_background_positive_tint, #2e3e2b)", + "active": "var(--vkui--color_background_positive_tint--active, #384736)", + "hover": "var(--vkui--color_background_positive_tint--hover, #303F2D)", + "normal": "var(--vkui--color_background_positive_tint, #273724)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353535)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", - "normal": "var(--vkui--color_background_secondary, #232323)", + "active": "var(--vkui--color_background_secondary--active, #2D2D2D)", + "hover": "var(--vkui--color_background_secondary--hover, #242424)", + "normal": "var(--vkui--color_background_secondary, #1b1b1b)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", - "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff1e)", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323232)", - "hover": "var(--vkui--color_background_tertiary--hover, #292929)", - "normal": "var(--vkui--color_background_tertiary, #202020)", + "active": "var(--vkui--color_background_tertiary--active, #2A2A2A)", + "hover": "var(--vkui--color_background_tertiary--hover, #212121)", + "normal": "var(--vkui--color_background_tertiary, #181818)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.13))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.09))", + "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff0c)", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "active": "var(--vkui--color_background_warning--active, #574429)", + "hover": "var(--vkui--color_background_warning--hover, #4F3C1F)", + "normal": "var(--vkui--color_background_warning, #483416)", }, "colorButtonIcon": { "active": "var(--vkui--color_button_icon--active, #D7D8DB)", @@ -104200,19 +105343,19 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "active": "var(--vkui--color_field_background--active, #2D2D2D)", + "hover": "var(--vkui--color_field_background--hover, #242424)", + "normal": "var(--vkui--color_field_background, #1b1b1b)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, #ffffff1e)", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.22))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.18))", + "normal": "var(--vkui--color_field_border_alpha, #ffffff23)", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2B)", - "hover": "var(--vkui--color_header_background--hover, #222222)", - "normal": "var(--vkui--color_header_background, #191919)", + "active": "var(--vkui--color_header_background--active, #1E1E1E)", + "hover": "var(--vkui--color_header_background--hover, #141414)", + "normal": "var(--vkui--color_header_background, #0a0a0a)", }, "colorIconAccent": { "active": "var(--vkui--color_icon_accent--active, #60A6F5)", @@ -104295,19 +105438,19 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_warning, #edb055)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, #ffffff14)", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.19))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.15))", + "normal": "var(--vkui--color_image_border_alpha, #ffffff1c)", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #3C3C3C)", - "hover": "var(--vkui--color_image_placeholder--hover, #333333)", - "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", + "active": "var(--vkui--color_image_placeholder--active, #363636)", + "hover": "var(--vkui--color_image_placeholder--hover, #2D2D2D)", + "normal": "var(--vkui--color_image_placeholder, #242424)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.19))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.15))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f61c)", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -104335,44 +105478,44 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_search_field_background, #373737)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "active": "var(--vkui--color_segmented_control--active, #686868)", + "hover": "var(--vkui--color_segmented_control--hover, #626262)", + "normal": "var(--vkui--color_segmented_control, #5b5b5b)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #474747)", - "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", - "normal": "var(--vkui--color_separator_primary, #373737)", + "active": "var(--vkui--color_separator_primary--active, #414141)", + "hover": "var(--vkui--color_separator_primary--hover, #383838)", + "normal": "var(--vkui--color_separator_primary, #303030)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #545454)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", - "normal": "var(--vkui--color_separator_primary2x, #454545)", + "active": "var(--vkui--color_separator_primary2x--active, #4D4D4D)", + "hover": "var(--vkui--color_separator_primary2x--hover, #464646)", + "normal": "var(--vkui--color_separator_primary2x, #3e3e3e)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #606060)", - "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", - "normal": "var(--vkui--color_separator_primary3x, #525252)", + "active": "var(--vkui--color_separator_primary3x--active, #5A5A5A)", + "hover": "var(--vkui--color_separator_primary3x--hover, #535353)", + "normal": "var(--vkui--color_separator_primary3x, #4c4c4c)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.22))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.18))", + "normal": "var(--vkui--color_separator_primary_alpha, #ffffff23)", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272727)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", - "normal": "var(--vkui--color_separator_secondary, #141414)", + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_from--hover, #353535)", - "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", + "active": "var(--vkui--color_skeleton_from--active, #2D2D2D)", + "hover": "var(--vkui--color_skeleton_from--hover, #242424)", + "normal": "var(--vkui--color_skeleton_from, #1b1b1b)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_to--hover, #353535)", - "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", + "active": "var(--vkui--color_skeleton_to--active, #373737)", + "hover": "var(--vkui--color_skeleton_to--hover, #2F2F2F)", + "normal": "var(--vkui--color_skeleton_to, #262626)", }, "colorStrokeAccent": { "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", @@ -104405,9 +105548,9 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_stroke_primary, #e3e3e3)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", - "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #7B7B7B)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #767676)", + "normal": "var(--vkui--color_tabbar_text_inactive, #707070)", }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #60A6F5)", @@ -104500,14 +105643,14 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #555555)", - "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", - "normal": "var(--vkui--color_track_background, #464646)", + "active": "var(--vkui--color_track_background--active, #4E4E4E)", + "hover": "var(--vkui--color_track_background--hover, #474747)", + "normal": "var(--vkui--color_track_background, #3f3f3f)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": "var(--vkui--color_track_buffer--active, #495E77)", + "hover": "var(--vkui--color_track_buffer--hover, #415771)", + "normal": "var(--vkui--color_track_buffer, #39506b)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", @@ -104520,14 +105663,14 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_write_bar_icon, #529ef4)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + "active": "var(--vkui--color_write_bar_input_background--active, #373737)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #2F2F2F)", + "normal": "var(--vkui--color_write_bar_input_background, #262626)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + "active": "var(--vkui--color_write_bar_input_border--active, #373737)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #2F2F2F)", + "normal": "var(--vkui--color_write_bar_input_border, #262626)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.16))", @@ -104535,11 +105678,11 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", }, "colorsScheme": "var(--vkui--colors_scheme, dark)", - "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", - "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", - "elevation2": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", - "elevation3": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", - "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -104763,12 +105906,12 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%)", + "gradient": "var(--vkui--gradient, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.05) 15%, rgba(10, 10, 10, 0.2) 30%, rgba(10, 10, 10, 0.8) 70%, rgba(10, 10, 10, 0.95) 85%, var(--vkui--color_background_content, rgba(10, 10, 10, 1)) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", - "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.05) 15%, rgba(24, 24, 24, 0.2) 30%, rgba(24, 24, 24, 0.8) 70%, rgba(24, 24, 24, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(24, 24, 24, 1)) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "opacityDisable": "var(--vkui--opacity_disable, 0.5)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.5)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -104809,6 +105952,7 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { + "compact": "var(--vkui--size_base_padding_horizontal--compact, 16px)", "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { @@ -104853,6 +105997,10 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 24px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -104863,12 +106011,12 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": "var(--vkui--size_button_large_height--compact, 44px)", + "regular": "var(--vkui--size_button_large_height--regular, 56px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": "var(--vkui--size_button_medium_height--compact, 36px)", + "regular": "var(--vkui--size_button_medium_height--regular, 44px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -104877,8 +106025,8 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": "var(--vkui--size_button_small_height--compact, 32px)", + "regular": "var(--vkui--size_button_small_height--regular, 36px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -104907,6 +106055,10 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 48px)", + "regular": "var(--vkui--size_cell_height--regular, 52px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -105538,7 +106690,7 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -105576,9 +106728,14 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundContentAlpha": { + "active": "rgba(10, 10, 10, 0.88)", + "hover": "rgba(10, 10, 10, 0.84)", + "normal": "#0a0a0acc", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -105591,29 +106748,29 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "active": "rgba(255, 255, 255, 0.3)", + "hover": "rgba(255, 255, 255, 0.26)", + "normal": "#ffffff38", }, "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1c3954", + "active": "#29435C", + "hover": "#1F3B55", + "normal": "#16334e", }, "colorBackgroundModal": { - "active": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -105626,9 +106783,9 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#593838", + "hover": "#523030", + "normal": "#4b2727", }, "colorBackgroundPositive": { "active": "#59B959", @@ -105636,34 +106793,34 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2e3e2b", + "active": "#384736", + "hover": "#303F2D", + "normal": "#273724", }, "colorBackgroundSecondary": { - "active": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, "colorBackgroundTertiary": { - "active": "#323232", - "hover": "#292929", - "normal": "#202020", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", + "active": "rgba(255, 255, 255, 0.13)", + "hover": "rgba(255, 255, 255, 0.09)", + "normal": "#ffffff0c", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#574429", + "hover": "#4F3C1F", + "normal": "#483416", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -105681,19 +106838,19 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorHeaderBackground": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorIconAccent": { "active": "#60A6F5", @@ -105776,19 +106933,19 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#edb055", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "active": "rgba(255, 255, 255, 0.19)", + "hover": "rgba(255, 255, 255, 0.15)", + "normal": "#ffffff1c", }, "colorImagePlaceholder": { - "active": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", + "active": "#363636", + "hover": "#2D2D2D", + "normal": "#242424", }, "colorImagePlaceholderAlpha": { - "active": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", + "active": "rgba(246, 246, 246, 0.19)", + "hover": "rgba(246, 246, 246, 0.15)", + "normal": "#f6f6f61c", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -105816,44 +106973,44 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#373737", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#686868", + "hover": "#626262", + "normal": "#5b5b5b", }, "colorSeparatorPrimary": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorSeparatorPrimary2x": { - "active": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "colorSeparatorPrimary3x": { - "active": "#606060", - "hover": "#595959", - "normal": "#525252", + "active": "#5A5A5A", + "hover": "#535353", + "normal": "#4c4c4c", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorSeparatorSecondary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorSkeletonTo": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorStrokeAccent": { "active": "#60A6F5", @@ -105886,9 +107043,9 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#e3e3e3", }, "colorTabbarTextInactive": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "#7B7B7B", + "hover": "#767676", + "normal": "#707070", }, "colorTextAccent": { "active": "#60A6F5", @@ -105981,14 +107138,14 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", + "active": "#4E4E4E", + "hover": "#474747", + "normal": "#3f3f3f", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#495E77", + "hover": "#415771", + "normal": "#39506b", }, "colorTransparent": { "active": "rgba(0, 0, 0, 0.08)", @@ -106001,14 +107158,14 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorder": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -106016,11 +107173,11 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#ffffff14", }, "colorsScheme": "dark", - "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", - "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", - "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", - "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -106244,12 +107401,12 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%", + "gradient": "rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.05) 15%, rgba(10, 10, 10, 0.2) 30%, rgba(10, 10, 10, 0.8) 70%, rgba(10, 10, 10, 0.95) 85%, var(--vkui--color_background_content, rgba(10, 10, 10, 1)) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", - "gradientTint": "rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%", + "gradientTint": "rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.05) 15%, rgba(24, 24, 24, 0.2) 30%, rgba(24, 24, 24, 0.8) 70%, rgba(24, 24, 24, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(24, 24, 24, 1)) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, - "opacityDisableAccessibility": 0.64, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": 8, }, @@ -106290,6 +107447,7 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeBasePaddingHorizontal": { + "compact": 16, "regular": 16, }, "sizeBasePaddingVertical": { @@ -106334,6 +107492,10 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 24, + "regular": 28, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -106344,12 +107506,12 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "regular": 1, }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "compact": 44, + "regular": 56, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 36, + "regular": 44, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -106358,8 +107520,8 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "compact": 32, + "regular": 36, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -106388,6 +107550,10 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 48, + "regular": 52, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -107186,7 +108352,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, #00000099)", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -107301,18 +108467,32 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, #ffffffcc)", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181C)", + "value": "var(--vkui--color_background_content_inverse--active, #090A0E)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "value": "var(--vkui--color_background_content_inverse--hover, #0A0A0C)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #191919)", + "value": "var(--vkui--color_background_content_inverse, #0a0a0a)", }, }, "colorBackgroundContrast": { @@ -107332,15 +108512,15 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", + "value": "var(--vkui--color_background_contrast_inverse--active, #232428)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #242527)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "value": "var(--vkui--color_background_contrast_inverse, #262626)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -107402,15 +108582,15 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundModalInverse": { "active": { "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + "value": "var(--vkui--color_background_modal_inverse--active, #090A0E)", }, "hover": { "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "value": "var(--vkui--color_background_modal_inverse--hover, #0A0A0C)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + "value": "var(--vkui--color_background_modal_inverse, #0a0a0a)", }, }, "colorBackgroundNegative": { @@ -109495,11 +110675,11 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "opacityDisable": { "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "value": "var(--vkui--opacity_disable, 0.5)", }, "opacityDisableAccessibility": { "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "value": "var(--vkui--opacity_disable_accessibility, 0.5)", }, "sizeArrow": { "auto": { @@ -109781,6 +110961,20 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -109818,11 +111012,11 @@ exports[`shapshots legoIOS 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", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "value": "var(--vkui--size_button_large_height--regular, 56px)", }, }, "sizeButtonMediumHeight": { @@ -109832,11 +111026,11 @@ exports[`shapshots legoIOS 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", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "value": "var(--vkui--size_button_medium_height--regular, 44px)", }, }, "sizeButtonMinimumWidth": { @@ -109866,11 +111060,11 @@ exports[`shapshots legoIOS 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, 32px)", }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "value": "var(--vkui--size_button_small_height--regular, 36px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -109963,6 +111157,20 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 52px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -110383,7 +111591,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -110425,10 +111633,15 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "#ffffffcc", + }, "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -110436,9 +111649,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": "#232428", + "hover": "#242527", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -110461,9 +111674,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundNegative": { "active": "#D44245", @@ -111077,8 +112290,8 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, - "opacityDisableAccessibility": 0.64, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": "8px", }, @@ -111163,6 +112376,10 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "24px", + "regular": "28px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -111173,12 +112390,12 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": "44px", + "regular": "56px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "36px", + "regular": "44px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -111187,8 +112404,8 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": "32px", + "regular": "36px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -111217,6 +112434,10 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "48px", + "regular": "52px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -111404,7 +112625,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", - "normal": "var(--vkui--color_avatar_overlay, #00000099)", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -111446,10 +112667,15 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, #ffffffcc)", + }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181C)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", - "normal": "var(--vkui--color_background_content_inverse, #191919)", + "active": "var(--vkui--color_background_content_inverse--active, #090A0E)", + "hover": "var(--vkui--color_background_content_inverse--hover, #0A0A0C)", + "normal": "var(--vkui--color_background_content_inverse, #0a0a0a)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", @@ -111457,9 +112683,9 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "active": "var(--vkui--color_background_contrast_inverse--active, #232428)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #242527)", + "normal": "var(--vkui--color_background_contrast_inverse, #262626)", }, "colorBackgroundContrastSecondaryAlpha": { "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", @@ -111482,9 +112708,9 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_modal, #ffffff)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", - "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + "active": "var(--vkui--color_background_modal_inverse--active, #090A0E)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #0A0A0C)", + "normal": "var(--vkui--color_background_modal_inverse, #0a0a0a)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -112098,8 +113324,8 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "opacityDisable": "var(--vkui--opacity_disable, 0.5)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.5)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -112184,6 +113410,10 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 24px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -112194,12 +113424,12 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": "var(--vkui--size_button_large_height--compact, 44px)", + "regular": "var(--vkui--size_button_large_height--regular, 56px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": "var(--vkui--size_button_medium_height--compact, 36px)", + "regular": "var(--vkui--size_button_medium_height--regular, 44px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -112208,8 +113438,8 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": "var(--vkui--size_button_small_height--compact, 32px)", + "regular": "var(--vkui--size_button_small_height--regular, 36px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -112238,6 +113468,10 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 48px)", + "regular": "var(--vkui--size_cell_height--regular, 52px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -112425,7 +113659,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -112467,10 +113701,15 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "#ffffffcc", + }, "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -112478,9 +113717,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": "#232428", + "hover": "#242527", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -112503,9 +113742,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "colorBackgroundNegative": { "active": "#D44245", @@ -113119,8 +114358,8 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, - "opacityDisableAccessibility": 0.64, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": 8, }, @@ -113205,6 +114444,10 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 24, + "regular": 28, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -113215,12 +114458,12 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "compact": 44, + "regular": 56, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 36, + "regular": 44, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -113229,8 +114472,8 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "compact": 32, + "regular": 36, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -113259,6 +114502,10 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 48, + "regular": 52, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -113613,7 +114860,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, #00000099)", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -113717,15 +114964,29 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2B)", + "value": "var(--vkui--color_background_content--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222222)", + "value": "var(--vkui--color_background_content--hover, #141414)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #191919)", + "value": "var(--vkui--color_background_content, #0a0a0a)", + }, + }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(10, 10, 10, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(10, 10, 10, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, #0a0a0acc)", }, }, "colorBackgroundContentInverse": { @@ -113759,71 +115020,71 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastInverse": { "active": { "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", + "value": "var(--vkui--color_background_contrast_inverse--active, #373737)", }, "hover": { "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "value": "var(--vkui--color_background_contrast_inverse, #262626)", }, }, "colorBackgroundContrastSecondaryAlpha": { "active": { "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.3))", }, "hover": { "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.26))", }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + "value": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff38)", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "value": "var(--vkui--color_background_contrast_themed--active, #373737)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "value": "var(--vkui--color_background_contrast_themed--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + "value": "var(--vkui--color_background_contrast_themed, #262626)", }, }, "colorBackgroundInfoTint": { "active": { "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + "value": "var(--vkui--color_background_info_tint--active, #29435C)", }, "hover": { "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #1F3B55)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1c3954)", + "value": "var(--vkui--color_background_info_tint, #16334e)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2F2F2F)", + "value": "var(--vkui--color_background_modal--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #262626)", + "value": "var(--vkui--color_background_modal--hover, #141414)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1d1d1d)", + "value": "var(--vkui--color_background_modal, #0a0a0a)", }, }, "colorBackgroundModalInverse": { @@ -113857,15 +115118,15 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + "value": "var(--vkui--color_background_negative_tint--active, #593838)", }, "hover": { "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + "value": "var(--vkui--color_background_negative_tint--hover, #523030)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "value": "var(--vkui--color_background_negative_tint, #4b2727)", }, }, "colorBackgroundPositive": { @@ -113885,85 +115146,85 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "value": "var(--vkui--color_background_positive_tint--active, #384736)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + "value": "var(--vkui--color_background_positive_tint--hover, #303F2D)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", + "value": "var(--vkui--color_background_positive_tint, #273724)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353535)", + "value": "var(--vkui--color_background_secondary--active, #2D2D2D)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "value": "var(--vkui--color_background_secondary--hover, #242424)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232323)", + "value": "var(--vkui--color_background_secondary, #1b1b1b)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + "value": "var(--vkui--color_background_secondary_alpha, #ffffff1e)", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323232)", + "value": "var(--vkui--color_background_tertiary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #292929)", + "value": "var(--vkui--color_background_tertiary--hover, #212121)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202020)", + "value": "var(--vkui--color_background_tertiary, #181818)", }, }, "colorBackgroundTertiaryAlpha": { "active": { "name": "--vkui--color_background_tertiary_alpha--active", - "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.13))", }, "hover": { "name": "--vkui--color_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.09))", }, "normal": { "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff0c)", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", + "value": "var(--vkui--color_background_warning--active, #574429)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #4F3C1F)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #483416)", }, }, "colorButtonIcon": { @@ -114011,43 +115272,43 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #2D2D2D)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #242424)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "value": "var(--vkui--color_field_background, #1b1b1b)", }, }, "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.22))", }, "hover": { "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.18))", }, "normal": { "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, #ffffff1e)", + "value": "var(--vkui--color_field_border_alpha, #ffffff23)", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2B)", + "value": "var(--vkui--color_header_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222222)", + "value": "var(--vkui--color_header_background--hover, #141414)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #191919)", + "value": "var(--vkui--color_header_background, #0a0a0a)", }, }, "colorIconAccent": { @@ -114277,43 +115538,43 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorImageBorderAlpha": { "active": { "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.19))", }, "hover": { "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.15))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, #ffffff14)", + "value": "var(--vkui--color_image_border_alpha, #ffffff1c)", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + "value": "var(--vkui--color_image_placeholder--active, #363636)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333333)", + "value": "var(--vkui--color_image_placeholder--hover, #2D2D2D)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2b2b2b)", + "value": "var(--vkui--color_image_placeholder, #242424)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.19))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.15))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f61c)", }, }, "colorLinkContrast": { @@ -114389,113 +115650,113 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorSegmentedControl": { "active": { "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + "value": "var(--vkui--color_segmented_control--active, #686868)", }, "hover": { "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", + "value": "var(--vkui--color_segmented_control--hover, #626262)", }, "normal": { "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", + "value": "var(--vkui--color_segmented_control, #5b5b5b)", }, }, "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #474747)", + "value": "var(--vkui--color_separator_primary--active, #414141)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "value": "var(--vkui--color_separator_primary--hover, #383838)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #373737)", + "value": "var(--vkui--color_separator_primary, #303030)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #545454)", + "value": "var(--vkui--color_separator_primary2x--active, #4D4D4D)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "value": "var(--vkui--color_separator_primary2x--hover, #464646)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #454545)", + "value": "var(--vkui--color_separator_primary2x, #3e3e3e)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #606060)", + "value": "var(--vkui--color_separator_primary3x--active, #5A5A5A)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #595959)", + "value": "var(--vkui--color_separator_primary3x--hover, #535353)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #525252)", + "value": "var(--vkui--color_separator_primary3x, #4c4c4c)", }, }, "colorSeparatorPrimaryAlpha": { "active": { "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.22))", }, "hover": { "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.18))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + "value": "var(--vkui--color_separator_primary_alpha, #ffffff23)", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272727)", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141414)", + "value": "var(--vkui--color_separator_secondary, #181818)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + "value": "var(--vkui--color_skeleton_from--active, #2D2D2D)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #353535)", + "value": "var(--vkui--color_skeleton_from--hover, #242424)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2d2d2d)", + "value": "var(--vkui--color_skeleton_from, #1b1b1b)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + "value": "var(--vkui--color_skeleton_to--active, #373737)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #353535)", + "value": "var(--vkui--color_skeleton_to--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2d2d2d)", + "value": "var(--vkui--color_skeleton_to, #262626)", }, }, "colorStrokeAccent": { @@ -114571,29 +115832,29 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorStrokePrimary": { "active": { "name": "--vkui--color_stroke_primary--active", - "value": "var(--vkui--color_stroke_primary--active, #333333)", + "value": "var(--vkui--color_stroke_primary--active, #E5E5E5)", }, "hover": { "name": "--vkui--color_stroke_primary--hover", - "value": "var(--vkui--color_stroke_primary--hover, #2A2A2A)", + "value": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", }, "normal": { "name": "--vkui--color_stroke_primary", - "value": "var(--vkui--color_stroke_primary, #212121)", + "value": "var(--vkui--color_stroke_primary, #e3e3e3)", }, }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + "value": "var(--vkui--color_tabbar_text_inactive--active, #7B7B7B)", }, "hover": { "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #767676)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #787878)", + "value": "var(--vkui--color_tabbar_text_inactive, #707070)", }, }, "colorTextAccent": { @@ -114851,29 +116112,29 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #555555)", + "value": "var(--vkui--color_track_background--active, #4E4E4E)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4D4D4D)", + "value": "var(--vkui--color_track_background--hover, #474747)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #464646)", + "value": "var(--vkui--color_track_background, #3f3f3f)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #495E77)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #415771)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #39506b)", }, }, "colorTransparent": { @@ -114907,29 +116168,29 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorWriteBarInputBackground": { "active": { "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + "value": "var(--vkui--color_write_bar_input_background--active, #373737)", }, "hover": { "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "value": "var(--vkui--color_write_bar_input_background--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + "value": "var(--vkui--color_write_bar_input_background, #262626)", }, }, "colorWriteBarInputBorder": { "active": { "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + "value": "var(--vkui--color_write_bar_input_border--active, #373737)", }, "hover": { "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "value": "var(--vkui--color_write_bar_input_border--hover, #2F2F2F)", }, "normal": { "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + "value": "var(--vkui--color_write_bar_input_border, #262626)", }, }, "colorWriteBarInputBorderAlpha": { @@ -115922,11 +117183,11 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "opacityDisable": { "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "value": "var(--vkui--opacity_disable, 0.5)", }, "opacityDisableAccessibility": { "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "value": "var(--vkui--opacity_disable_accessibility, 0.5)", }, "sizeArrow": { "auto": { @@ -116065,7 +117326,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -116208,6 +117469,20 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -116245,11 +117520,11 @@ exports[`shapshots legoIOSDark 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", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "value": "var(--vkui--size_button_large_height--regular, 56px)", }, }, "sizeButtonMediumHeight": { @@ -116259,11 +117534,11 @@ exports[`shapshots legoIOSDark 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", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "value": "var(--vkui--size_button_medium_height--regular, 44px)", }, }, "sizeButtonMinimumWidth": { @@ -116293,11 +117568,11 @@ exports[`shapshots legoIOSDark 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, 32px)", }, "regular": { "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "value": "var(--vkui--size_button_small_height--regular, 36px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -116390,6 +117665,20 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 48px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 52px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -116810,7 +118099,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -116848,9 +118137,14 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundContentAlpha": { + "active": "rgba(10, 10, 10, 0.88)", + "hover": "rgba(10, 10, 10, 0.84)", + "normal": "#0a0a0acc", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -116863,29 +118157,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "active": "rgba(255, 255, 255, 0.3)", + "hover": "rgba(255, 255, 255, 0.26)", + "normal": "#ffffff38", }, "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1c3954", + "active": "#29435C", + "hover": "#1F3B55", + "normal": "#16334e", }, "colorBackgroundModal": { - "active": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -116898,9 +118192,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#593838", + "hover": "#523030", + "normal": "#4b2727", }, "colorBackgroundPositive": { "active": "#59B959", @@ -116908,34 +118202,34 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2e3e2b", + "active": "#384736", + "hover": "#303F2D", + "normal": "#273724", }, "colorBackgroundSecondary": { - "active": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, "colorBackgroundTertiary": { - "active": "#323232", - "hover": "#292929", - "normal": "#202020", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", + "active": "rgba(255, 255, 255, 0.13)", + "hover": "rgba(255, 255, 255, 0.09)", + "normal": "#ffffff0c", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#574429", + "hover": "#4F3C1F", + "normal": "#483416", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -116953,19 +118247,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorHeaderBackground": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorIconAccent": { "active": "#60A6F5", @@ -117048,19 +118342,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#edb055", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "active": "rgba(255, 255, 255, 0.19)", + "hover": "rgba(255, 255, 255, 0.15)", + "normal": "#ffffff1c", }, "colorImagePlaceholder": { - "active": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", + "active": "#363636", + "hover": "#2D2D2D", + "normal": "#242424", }, "colorImagePlaceholderAlpha": { - "active": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", + "active": "rgba(246, 246, 246, 0.19)", + "hover": "rgba(246, 246, 246, 0.15)", + "normal": "#f6f6f61c", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -117088,44 +118382,44 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#373737", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#686868", + "hover": "#626262", + "normal": "#5b5b5b", }, "colorSeparatorPrimary": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorSeparatorPrimary2x": { - "active": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "colorSeparatorPrimary3x": { - "active": "#606060", - "hover": "#595959", - "normal": "#525252", + "active": "#5A5A5A", + "hover": "#535353", + "normal": "#4c4c4c", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorSeparatorSecondary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorSkeletonTo": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorStrokeAccent": { "active": "#60A6F5", @@ -117153,14 +118447,14 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorStrokePrimary": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTabbarTextInactive": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "#7B7B7B", + "hover": "#767676", + "normal": "#707070", }, "colorTextAccent": { "active": "#60A6F5", @@ -117253,14 +118547,14 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", + "active": "#4E4E4E", + "hover": "#474747", + "normal": "#3f3f3f", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#495E77", + "hover": "#415771", + "normal": "#39506b", }, "colorTransparent": { "active": "rgba(0, 0, 0, 0.08)", @@ -117273,14 +118567,14 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorder": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -117504,8 +118798,8 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, - "opacityDisableAccessibility": 0.64, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": "8px", }, @@ -117546,7 +118840,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -117590,6 +118884,10 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "24px", + "regular": "28px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -117600,12 +118898,12 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "1px", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": "44px", + "regular": "56px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "36px", + "regular": "44px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -117614,8 +118912,8 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": "32px", + "regular": "36px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -117644,6 +118942,10 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "48px", + "regular": "52px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -117831,7 +119133,7 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", - "normal": "var(--vkui--color_avatar_overlay, #00000099)", + "normal": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, "colorAvatarOverlayInverseAlpha": { "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", @@ -117869,9 +119171,14 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2B)", - "hover": "var(--vkui--color_background_content--hover, #222222)", - "normal": "var(--vkui--color_background_content, #191919)", + "active": "var(--vkui--color_background_content--active, #1E1E1E)", + "hover": "var(--vkui--color_background_content--hover, #141414)", + "normal": "var(--vkui--color_background_content, #0a0a0a)", + }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(10, 10, 10, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(10, 10, 10, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, #0a0a0acc)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -117884,29 +119191,29 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "active": "var(--vkui--color_background_contrast_inverse--active, #373737)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2F2F2F)", + "normal": "var(--vkui--color_background_contrast_inverse, #262626)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.3))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.26))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff38)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + "active": "var(--vkui--color_background_contrast_themed--active, #373737)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #2F2F2F)", + "normal": "var(--vkui--color_background_contrast_themed, #262626)", }, "colorBackgroundInfoTint": { - "active": "var(--vkui--color_background_info_tint--active, #2E4962)", - "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", - "normal": "var(--vkui--color_background_info_tint, #1c3954)", + "active": "var(--vkui--color_background_info_tint--active, #29435C)", + "hover": "var(--vkui--color_background_info_tint--hover, #1F3B55)", + "normal": "var(--vkui--color_background_info_tint, #16334e)", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2F2F2F)", - "hover": "var(--vkui--color_background_modal--hover, #262626)", - "normal": "var(--vkui--color_background_modal, #1d1d1d)", + "active": "var(--vkui--color_background_modal--active, #1E1E1E)", + "hover": "var(--vkui--color_background_modal--hover, #141414)", + "normal": "var(--vkui--color_background_modal, #0a0a0a)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -117919,9 +119226,9 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, "colorBackgroundNegativeTint": { - "active": "var(--vkui--color_background_negative_tint--active, #603F3F)", - "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + "active": "var(--vkui--color_background_negative_tint--active, #593838)", + "hover": "var(--vkui--color_background_negative_tint--hover, #523030)", + "normal": "var(--vkui--color_background_negative_tint, #4b2727)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -117929,34 +119236,34 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_positive, #4bb34b)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", - "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", - "normal": "var(--vkui--color_background_positive_tint, #2e3e2b)", + "active": "var(--vkui--color_background_positive_tint--active, #384736)", + "hover": "var(--vkui--color_background_positive_tint--hover, #303F2D)", + "normal": "var(--vkui--color_background_positive_tint, #273724)", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353535)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", - "normal": "var(--vkui--color_background_secondary, #232323)", + "active": "var(--vkui--color_background_secondary--active, #2D2D2D)", + "hover": "var(--vkui--color_background_secondary--hover, #242424)", + "normal": "var(--vkui--color_background_secondary, #1b1b1b)", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", - "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff1e)", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323232)", - "hover": "var(--vkui--color_background_tertiary--hover, #292929)", - "normal": "var(--vkui--color_background_tertiary, #202020)", + "active": "var(--vkui--color_background_tertiary--active, #2A2A2A)", + "hover": "var(--vkui--color_background_tertiary--hover, #212121)", + "normal": "var(--vkui--color_background_tertiary, #181818)", }, "colorBackgroundTertiaryAlpha": { - "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", - "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.13))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.09))", + "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff0c)", }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "active": "var(--vkui--color_background_warning--active, #574429)", + "hover": "var(--vkui--color_background_warning--hover, #4F3C1F)", + "normal": "var(--vkui--color_background_warning, #483416)", }, "colorButtonIcon": { "active": "var(--vkui--color_button_icon--active, #D7D8DB)", @@ -117974,19 +119281,19 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_button_text, #FFFFFF)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "active": "var(--vkui--color_field_background--active, #2D2D2D)", + "hover": "var(--vkui--color_field_background--hover, #242424)", + "normal": "var(--vkui--color_field_background, #1b1b1b)", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, #ffffff1e)", + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.22))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.18))", + "normal": "var(--vkui--color_field_border_alpha, #ffffff23)", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2B)", - "hover": "var(--vkui--color_header_background--hover, #222222)", - "normal": "var(--vkui--color_header_background, #191919)", + "active": "var(--vkui--color_header_background--active, #1E1E1E)", + "hover": "var(--vkui--color_header_background--hover, #141414)", + "normal": "var(--vkui--color_header_background, #0a0a0a)", }, "colorIconAccent": { "active": "var(--vkui--color_icon_accent--active, #60A6F5)", @@ -118069,19 +119376,19 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_warning, #edb055)", }, "colorImageBorderAlpha": { - "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_image_border_alpha, #ffffff14)", + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.19))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.15))", + "normal": "var(--vkui--color_image_border_alpha, #ffffff1c)", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #3C3C3C)", - "hover": "var(--vkui--color_image_placeholder--hover, #333333)", - "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", + "active": "var(--vkui--color_image_placeholder--active, #363636)", + "hover": "var(--vkui--color_image_placeholder--hover, #2D2D2D)", + "normal": "var(--vkui--color_image_placeholder, #242424)", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.19))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.15))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f61c)", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -118109,44 +119416,44 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_search_field_background, #373737)", }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "active": "var(--vkui--color_segmented_control--active, #686868)", + "hover": "var(--vkui--color_segmented_control--hover, #626262)", + "normal": "var(--vkui--color_segmented_control, #5b5b5b)", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #474747)", - "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", - "normal": "var(--vkui--color_separator_primary, #373737)", + "active": "var(--vkui--color_separator_primary--active, #414141)", + "hover": "var(--vkui--color_separator_primary--hover, #383838)", + "normal": "var(--vkui--color_separator_primary, #303030)", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #545454)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", - "normal": "var(--vkui--color_separator_primary2x, #454545)", + "active": "var(--vkui--color_separator_primary2x--active, #4D4D4D)", + "hover": "var(--vkui--color_separator_primary2x--hover, #464646)", + "normal": "var(--vkui--color_separator_primary2x, #3e3e3e)", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #606060)", - "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", - "normal": "var(--vkui--color_separator_primary3x, #525252)", + "active": "var(--vkui--color_separator_primary3x--active, #5A5A5A)", + "hover": "var(--vkui--color_separator_primary3x--hover, #535353)", + "normal": "var(--vkui--color_separator_primary3x, #4c4c4c)", }, "colorSeparatorPrimaryAlpha": { - "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.22))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.18))", + "normal": "var(--vkui--color_separator_primary_alpha, #ffffff23)", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272727)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", - "normal": "var(--vkui--color_separator_secondary, #141414)", + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_from--hover, #353535)", - "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", + "active": "var(--vkui--color_skeleton_from--active, #2D2D2D)", + "hover": "var(--vkui--color_skeleton_from--hover, #242424)", + "normal": "var(--vkui--color_skeleton_from, #1b1b1b)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_to--hover, #353535)", - "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", + "active": "var(--vkui--color_skeleton_to--active, #373737)", + "hover": "var(--vkui--color_skeleton_to--hover, #2F2F2F)", + "normal": "var(--vkui--color_skeleton_to, #262626)", }, "colorStrokeAccent": { "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", @@ -118174,14 +119481,14 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorStrokePrimary": { - "active": "var(--vkui--color_stroke_primary--active, #333333)", - "hover": "var(--vkui--color_stroke_primary--hover, #2A2A2A)", - "normal": "var(--vkui--color_stroke_primary, #212121)", + "active": "var(--vkui--color_stroke_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_stroke_primary, #e3e3e3)", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", - "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", + "active": "var(--vkui--color_tabbar_text_inactive--active, #7B7B7B)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #767676)", + "normal": "var(--vkui--color_tabbar_text_inactive, #707070)", }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #60A6F5)", @@ -118274,14 +119581,14 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #555555)", - "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", - "normal": "var(--vkui--color_track_background, #464646)", + "active": "var(--vkui--color_track_background--active, #4E4E4E)", + "hover": "var(--vkui--color_track_background--hover, #474747)", + "normal": "var(--vkui--color_track_background, #3f3f3f)", }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": "var(--vkui--color_track_buffer--active, #495E77)", + "hover": "var(--vkui--color_track_buffer--hover, #415771)", + "normal": "var(--vkui--color_track_buffer, #39506b)", }, "colorTransparent": { "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", @@ -118294,14 +119601,14 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_write_bar_icon, #529ef4)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + "active": "var(--vkui--color_write_bar_input_background--active, #373737)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #2F2F2F)", + "normal": "var(--vkui--color_write_bar_input_background, #262626)", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + "active": "var(--vkui--color_write_bar_input_border--active, #373737)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #2F2F2F)", + "normal": "var(--vkui--color_write_bar_input_border, #262626)", }, "colorWriteBarInputBorderAlpha": { "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.16))", @@ -118525,8 +119832,8 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", - "opacityDisable": "var(--vkui--opacity_disable, 0.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "opacityDisable": "var(--vkui--opacity_disable, 0.5)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.5)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -118567,7 +119874,7 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -118611,6 +119918,10 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 24px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 28px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -118621,12 +119932,12 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": "var(--vkui--size_button_large_height--compact, 44px)", + "regular": "var(--vkui--size_button_large_height--regular, 56px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": "var(--vkui--size_button_medium_height--compact, 36px)", + "regular": "var(--vkui--size_button_medium_height--regular, 44px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -118635,8 +119946,8 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": "var(--vkui--size_button_small_height--compact, 32px)", + "regular": "var(--vkui--size_button_small_height--regular, 36px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -118665,6 +119976,10 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 48px)", + "regular": "var(--vkui--size_cell_height--regular, 52px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -118852,7 +120167,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", @@ -118890,9 +120205,14 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundContentAlpha": { + "active": "rgba(10, 10, 10, 0.88)", + "hover": "rgba(10, 10, 10, 0.84)", + "normal": "#0a0a0acc", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -118905,29 +120225,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "active": "rgba(255, 255, 255, 0.3)", + "hover": "rgba(255, 255, 255, 0.26)", + "normal": "#ffffff38", }, "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1c3954", + "active": "#29435C", + "hover": "#1F3B55", + "normal": "#16334e", }, "colorBackgroundModal": { - "active": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -118940,9 +120260,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#593838", + "hover": "#523030", + "normal": "#4b2727", }, "colorBackgroundPositive": { "active": "#59B959", @@ -118950,34 +120270,34 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2e3e2b", + "active": "#384736", + "hover": "#303F2D", + "normal": "#273724", }, "colorBackgroundSecondary": { - "active": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, "colorBackgroundTertiary": { - "active": "#323232", - "hover": "#292929", - "normal": "#202020", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", + "active": "rgba(255, 255, 255, 0.13)", + "hover": "rgba(255, 255, 255, 0.09)", + "normal": "#ffffff0c", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#574429", + "hover": "#4F3C1F", + "normal": "#483416", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -118995,19 +120315,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorHeaderBackground": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorIconAccent": { "active": "#60A6F5", @@ -119090,19 +120410,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#edb055", }, "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "active": "rgba(255, 255, 255, 0.19)", + "hover": "rgba(255, 255, 255, 0.15)", + "normal": "#ffffff1c", }, "colorImagePlaceholder": { - "active": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", + "active": "#363636", + "hover": "#2D2D2D", + "normal": "#242424", }, "colorImagePlaceholderAlpha": { - "active": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", + "active": "rgba(246, 246, 246, 0.19)", + "hover": "rgba(246, 246, 246, 0.15)", + "normal": "#f6f6f61c", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -119130,44 +120450,44 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#373737", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#686868", + "hover": "#626262", + "normal": "#5b5b5b", }, "colorSeparatorPrimary": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorSeparatorPrimary2x": { - "active": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "colorSeparatorPrimary3x": { - "active": "#606060", - "hover": "#595959", - "normal": "#525252", + "active": "#5A5A5A", + "hover": "#535353", + "normal": "#4c4c4c", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "active": "rgba(255, 255, 255, 0.22)", + "hover": "rgba(255, 255, 255, 0.18)", + "normal": "#ffffff23", }, "colorSeparatorSecondary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#2D2D2D", + "hover": "#242424", + "normal": "#1b1b1b", }, "colorSkeletonTo": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorStrokeAccent": { "active": "#60A6F5", @@ -119195,14 +120515,14 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorStrokePrimary": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTabbarTextInactive": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "#7B7B7B", + "hover": "#767676", + "normal": "#707070", }, "colorTextAccent": { "active": "#60A6F5", @@ -119295,14 +120615,14 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", + "active": "#4E4E4E", + "hover": "#474747", + "normal": "#3f3f3f", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#495E77", + "hover": "#415771", + "normal": "#39506b", }, "colorTransparent": { "active": "rgba(0, 0, 0, 0.08)", @@ -119315,14 +120635,14 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorder": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#373737", + "hover": "#2F2F2F", + "normal": "#262626", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -119546,8 +120866,8 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", - "opacityDisable": 0.4, - "opacityDisableAccessibility": 0.64, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": 8, }, @@ -119588,7 +120908,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -119632,6 +120952,10 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 24, + "regular": 28, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -119642,12 +120966,12 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "compact": 44, + "regular": 56, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 36, + "regular": 44, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -119656,8 +120980,8 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "compact": 32, + "regular": 36, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -119686,6 +121010,10 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 48, + "regular": 52, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -120215,6 +121543,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -121587,6 +122929,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -125025,6 +126381,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -125257,6 +126627,20 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -126306,6 +127690,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -126796,6 +128185,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -127681,6 +129075,10 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -127750,6 +129148,10 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -128169,6 +129571,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -128659,6 +130066,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -129544,6 +130956,10 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -129613,6 +131029,10 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -130032,6 +131452,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -130522,6 +131947,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -131407,6 +132837,10 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -131476,6 +132910,10 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -132162,6 +133600,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -133534,6 +134986,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -136972,6 +138438,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -137204,6 +138684,20 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -138253,6 +139747,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -138743,6 +140242,11 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -139628,6 +141132,10 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -139697,6 +141205,10 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -140116,6 +141628,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -140606,6 +142123,11 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -141491,6 +143013,10 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -141560,6 +143086,10 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -141979,6 +143509,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -142469,6 +144004,11 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -143354,6 +144894,10 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -143423,6 +144967,10 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -144109,6 +145657,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -145495,6 +147057,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -148933,6 +150509,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -149165,6 +150755,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -150206,6 +151810,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -150701,6 +152310,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -151586,6 +153200,10 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -151655,6 +153273,10 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -152072,6 +153694,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -152567,6 +154194,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -153452,6 +155084,10 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -153521,6 +155157,10 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -153938,6 +155578,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -154433,6 +156078,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -155318,6 +156968,10 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -155387,6 +157041,10 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -156077,6 +157735,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -157505,6 +159177,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -161615,6 +163301,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -161855,6 +163555,20 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -162841,6 +164555,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -163351,6 +165070,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -164631,6 +166355,10 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -164702,6 +166430,10 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -165103,6 +166835,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -165613,6 +167350,11 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -166893,6 +168635,10 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -166964,6 +168710,10 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -167365,6 +169115,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -167875,6 +169630,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -169155,6 +170915,10 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -169226,6 +170990,10 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -169903,6 +171671,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -171331,6 +173113,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -175445,6 +177241,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -175681,6 +177491,20 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -176671,6 +178495,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -177181,6 +179010,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -178462,6 +180296,10 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -178532,6 +180370,10 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -178934,6 +180776,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -179444,6 +181291,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -180725,6 +182577,10 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -180795,6 +182651,10 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -181197,6 +183057,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -181707,6 +183572,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -182988,6 +184858,10 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -183058,6 +184932,10 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -183736,6 +185614,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -185164,6 +187056,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -189278,6 +191184,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -189514,6 +191434,20 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -190504,6 +192438,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -191014,6 +192953,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -192295,6 +194239,10 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -192365,6 +194313,10 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -192767,6 +194719,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -193277,6 +195234,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -194558,6 +196520,10 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -194628,6 +196594,10 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -195030,6 +197000,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -195540,6 +197515,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -196821,6 +198801,10 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -196891,6 +198875,10 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -197569,6 +199557,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -198997,6 +200999,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -203107,6 +205123,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -203347,6 +205377,20 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -204333,6 +206377,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -204843,6 +206892,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -206123,6 +208177,10 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -206194,6 +208252,10 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -206595,6 +208657,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -207105,6 +209172,11 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -208385,6 +210457,10 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -208456,6 +210532,10 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -208857,6 +210937,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -209367,6 +211452,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -210647,6 +212737,10 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -210718,6 +212812,10 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -211395,6 +213493,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -212823,6 +214935,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -216885,6 +219011,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -217125,6 +219265,20 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -218111,6 +220265,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#E4E5E9", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -218621,6 +220780,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -219884,6 +222048,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -219955,6 +222123,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -220356,6 +222528,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #E4E5E9)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -220866,6 +223043,11 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -222129,6 +224311,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -222200,6 +224386,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -222601,6 +224791,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#E4E5E9", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -223111,6 +225306,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -224374,6 +226574,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -224445,6 +226649,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -225122,6 +227330,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191A)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -226550,6 +228772,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -230612,6 +232848,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -230852,6 +233102,20 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -231838,6 +234102,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#2B2B2C", "normal": "#19191A", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -232348,6 +234617,11 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -233611,6 +235885,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -233682,6 +235960,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -234083,6 +236365,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_background_content--hover, #2B2B2C)", "normal": "var(--vkui--color_background_content, #19191A)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -234593,6 +236880,11 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -235856,6 +238148,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -235927,6 +238223,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -236328,6 +238628,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#2B2B2C", "normal": "#19191A", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -236838,6 +239143,11 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -238101,6 +240411,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -238172,6 +240486,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -238849,6 +241167,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -240277,6 +242609,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -244387,6 +246733,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -244627,6 +246987,20 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -245613,6 +247987,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -246123,6 +248502,11 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -247403,6 +249787,10 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -247474,6 +249862,10 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -247875,6 +250267,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -248385,6 +250782,11 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -249665,6 +252067,10 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -249736,6 +252142,10 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -250137,6 +252547,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -250647,6 +253062,11 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -251927,6 +254347,10 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -251998,6 +254422,10 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -252675,6 +255103,20 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -254103,6 +256545,20 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -258213,6 +260669,20 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -258453,6 +260923,20 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -259439,6 +261923,11 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -259949,6 +262438,11 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -261229,6 +263723,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -261300,6 +263798,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -261701,6 +264203,11 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -262211,6 +264718,11 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -263491,6 +266003,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -263562,6 +266078,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -263963,6 +266483,11 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -264473,6 +266998,11 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -265753,6 +268283,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -265824,6 +268358,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -266483,6 +269021,20 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -267533,6 +270085,20 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -269507,6 +272073,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -269727,6 +272303,16 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -270632,6 +273218,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -271007,6 +273598,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -271523,6 +274119,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -271589,6 +274188,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -271963,6 +274565,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -272338,6 +274945,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -272854,6 +275466,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -272920,6 +275535,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -273294,6 +275912,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -273669,6 +276292,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -274185,6 +276813,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -274251,6 +276882,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -274892,6 +277526,20 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #191919)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -275942,6 +278590,20 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -277916,6 +280578,16 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -278136,6 +280808,16 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -279041,6 +281723,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "#2B2B2B", "normal": "#191919", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -279416,6 +282103,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -279932,6 +282624,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -279998,6 +282693,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -280372,6 +283070,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", "normal": "var(--vkui--color_background_content, #191919)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -280747,6 +283450,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -281263,6 +283971,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -281329,6 +284040,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -281703,6 +284417,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "#2B2B2B", "normal": "#191919", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -282078,6 +284797,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -282594,6 +285318,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -282660,6 +285387,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -283305,6 +286035,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -284355,6 +287099,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -286391,6 +289149,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -286631,6 +289403,20 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -287608,6 +290394,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -287983,6 +290774,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -288533,6 +291329,10 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -288604,6 +291404,10 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -288999,6 +291803,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -289374,6 +292183,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -289924,6 +292738,10 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -289995,6 +292813,10 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -290390,6 +293212,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -290765,6 +293592,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -291315,6 +294147,10 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -291386,6 +294222,10 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -292048,6 +294888,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -293098,6 +295952,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -295134,6 +298002,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -295374,6 +298256,20 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -296355,6 +299251,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -296730,6 +299631,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -297280,6 +300186,10 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -297351,6 +300261,10 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -297747,6 +300661,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -298122,6 +301041,11 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -298672,6 +301596,10 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -298743,6 +301671,10 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -299139,6 +302071,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -299514,6 +302451,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -300064,6 +303006,10 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -300135,6 +303081,10 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -300806,6 +303756,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -302192,6 +305156,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -305630,6 +308608,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -305862,6 +308854,20 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -306911,6 +309917,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -307406,6 +310417,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -308291,6 +311307,10 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -308360,6 +311380,10 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -308779,6 +311803,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -309274,6 +312303,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -310159,6 +313193,10 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -310228,6 +313266,10 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -310647,6 +313689,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -311142,6 +314189,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -312027,6 +315079,10 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -312096,6 +315152,10 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -312774,6 +315834,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -313824,6 +316898,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -316176,6 +319264,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -316416,6 +319518,20 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -317397,6 +320513,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -317772,6 +320893,11 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -318428,6 +321554,10 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -318499,6 +321629,10 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -318895,6 +322029,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -319270,6 +322409,11 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -319926,6 +323070,10 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -319997,6 +323145,10 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -320393,6 +323545,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -320768,6 +323925,11 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -321424,6 +324586,10 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -321495,6 +324661,10 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -322158,6 +325328,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -323208,6 +326392,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -325560,6 +328758,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -325800,6 +329012,20 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -326777,6 +330003,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -327152,6 +330383,11 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -327808,6 +331044,10 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -327879,6 +331119,10 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -328274,6 +331518,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -328649,6 +331898,11 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -329305,6 +332559,10 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -329376,6 +332634,10 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -329771,6 +333033,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -330146,6 +333413,11 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -330802,6 +334074,10 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -330873,6 +334149,10 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -331551,6 +334831,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -332601,6 +335895,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -334869,6 +338177,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -335113,6 +338435,20 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -336654,6 +339990,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -337029,6 +340370,11 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -337657,6 +341003,10 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -337729,6 +341079,10 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -338285,6 +341639,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -338660,6 +342019,11 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -339288,6 +342652,10 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -339360,6 +342728,10 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -339916,6 +343288,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -340291,6 +343668,11 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -340919,6 +344301,10 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -340991,6 +344377,10 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -351836,6 +355226,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -352886,6 +356290,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -355924,6 +359342,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -356164,6 +359596,20 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -357145,6 +360591,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -357520,6 +360971,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -358325,6 +361781,10 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -358396,6 +361856,10 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -358792,6 +362256,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -359167,6 +362636,11 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -359972,6 +363446,10 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -360043,6 +363521,10 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -360439,6 +363921,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -360814,6 +364301,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -361619,6 +365111,10 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -361690,6 +365186,10 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -362353,6 +365853,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -363403,6 +366917,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -365439,6 +368967,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -365679,6 +369221,20 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -366660,6 +370216,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -367035,6 +370596,11 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -367585,6 +371151,10 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -367656,6 +371226,10 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -368052,6 +371626,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -368427,6 +372006,11 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -368977,6 +372561,10 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -369048,6 +372636,10 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -369444,6 +373036,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -369819,6 +373416,11 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -370369,6 +373971,10 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -370440,6 +374046,10 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -371051,6 +374661,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -371891,6 +375515,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #02D14E)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -373557,6 +377195,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -373727,6 +377379,20 @@ exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -374763,6 +378429,11 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "hover": "#F4F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -375063,6 +378734,11 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "hover": "#02C94D", "normal": "#02D14E", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -375506,6 +379182,10 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -375557,6 +379237,10 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -375971,6 +379655,11 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F4F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -376271,6 +379960,11 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #02C94D)", "normal": "var(--vkui--color_stroke_positive, #02D14E)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -376714,6 +380408,10 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -376765,6 +380463,10 @@ exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -377179,6 +380881,11 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "hover": "#F4F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -377479,6 +381186,11 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "hover": "#02C94D", "normal": "#02D14E", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -377922,6 +381634,10 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -377973,6 +381689,10 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -378627,6 +382347,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -379467,6 +383201,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -381133,6 +384881,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -381303,6 +385065,20 @@ exports[`shapshots tutoriaDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -382343,6 +386119,11 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "hover": "#18191B", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -382643,6 +386424,11 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#6D7075", "hover": "#717478", @@ -383086,6 +386872,10 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -383137,6 +386927,10 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -383552,6 +387346,11 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #18191B)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #EBECEF)", "hover": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", @@ -383852,6 +387651,11 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #CFD2D8)", + "hover": "var(--vkui--color_stroke_primary--hover, #D8DBDF)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #6D7075)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #717478)", @@ -384295,6 +388099,10 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -384346,6 +388154,10 @@ exports[`shapshots tutoriaDark theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -384761,6 +388573,11 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "hover": "#18191B", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -385061,6 +388878,11 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#6D7075", "hover": "#717478", @@ -385504,6 +389326,10 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -385555,6 +389381,10 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -386210,6 +390040,20 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -387050,6 +390894,20 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -388676,6 +392534,20 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -388858,6 +392730,20 @@ exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -389320,6 +393206,11 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -389620,6 +393511,11 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -390053,6 +393949,10 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -390107,6 +394007,10 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -390336,6 +394240,11 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -390636,6 +394545,11 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -391069,6 +394983,10 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -391123,6 +395041,10 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -391352,6 +395274,11 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -391652,6 +395579,11 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -392085,6 +396017,10 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -392139,6 +396075,10 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -392608,6 +396548,20 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -393448,6 +397402,20 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -395074,6 +399042,20 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -395256,6 +399238,20 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -395718,6 +399714,11 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -396018,6 +400019,11 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -396451,6 +400457,10 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -396505,6 +400515,10 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -396734,6 +400748,11 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -397034,6 +401053,11 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -397467,6 +401491,10 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -397521,6 +401549,10 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -397750,6 +401782,11 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -398050,6 +402087,11 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -398483,6 +402525,10 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -398537,6 +402583,10 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -399006,6 +403056,20 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -399846,6 +403910,20 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -401472,6 +405550,20 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -401654,6 +405746,20 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -402116,6 +406222,11 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -402416,6 +406527,11 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -402849,6 +406965,10 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -402903,6 +407023,10 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -403132,6 +407256,11 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -403432,6 +407561,11 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -403865,6 +407999,10 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -403919,6 +408057,10 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -404148,6 +408290,11 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -404448,6 +408595,11 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -404881,6 +409033,10 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -404935,6 +409091,10 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -405404,6 +409564,20 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -406244,6 +410418,20 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -407870,6 +412058,20 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -408052,6 +412254,20 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -408514,6 +412730,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -408814,6 +413035,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -409247,6 +413473,10 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -409301,6 +413531,10 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -409530,6 +413764,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -409830,6 +414069,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -410263,6 +414507,10 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -410317,6 +414565,10 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -410546,6 +414798,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -410846,6 +415103,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -411279,6 +415541,10 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -411333,6 +415599,10 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -411802,6 +416072,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -412642,6 +416926,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -414268,6 +418566,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -414450,6 +418762,20 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -414908,6 +419234,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -415208,6 +419539,11 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -415641,6 +419977,10 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -415695,6 +420035,10 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -415923,6 +420267,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -416223,6 +420572,11 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -416656,6 +421010,10 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -416710,6 +421068,10 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -416938,6 +421300,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -417238,6 +421605,11 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -417671,6 +422043,10 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -417725,6 +422101,10 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -418193,6 +422573,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -419033,6 +423427,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -420659,6 +425067,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -420841,6 +425263,20 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -421303,6 +425739,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -421603,6 +426044,11 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -422036,6 +426482,10 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -422090,6 +426540,10 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -422319,6 +426773,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -422619,6 +427078,11 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -423052,6 +427516,10 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -423106,6 +427574,10 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -423335,6 +427807,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -423635,6 +428112,11 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -424068,6 +428550,10 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -424122,6 +428608,10 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -424591,6 +429081,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -425431,6 +429935,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -427057,6 +431575,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -427239,6 +431771,20 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -427701,6 +432247,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -428001,6 +432552,11 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4BB34B", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -428434,6 +432990,10 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -428488,6 +433048,10 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -428717,6 +433281,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -429017,6 +433586,11 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -429450,6 +434024,10 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -429504,6 +434082,10 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -429733,6 +434315,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -430033,6 +434620,11 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4BB34B", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -430466,6 +435058,10 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -430520,6 +435116,10 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -430989,6 +435589,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #222222)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -431829,6 +436443,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -433455,6 +438083,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -433637,6 +438279,20 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -434099,6 +438755,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "#2B2B2B", "normal": "#222222", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -434399,6 +439060,11 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4BB34B", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -434832,6 +439498,10 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -434886,6 +439556,10 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -435115,6 +439789,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", "normal": "var(--vkui--color_background_content, #222222)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -435415,6 +440094,11 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4BB34B)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -435848,6 +440532,10 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -435902,6 +440590,10 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -436131,6 +440823,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "#2B2B2B", "normal": "#222222", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -436431,6 +441128,11 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4BB34B", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -436864,6 +441566,10 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -436918,6 +441624,10 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -437387,6 +442097,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -438227,6 +442951,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -439853,6 +444591,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -440035,6 +444787,20 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -440497,6 +445263,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -440797,6 +445568,11 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -441230,6 +446006,10 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -441284,6 +446064,10 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -441513,6 +446297,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -441813,6 +446602,11 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -442246,6 +447040,10 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -442300,6 +447098,10 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -442529,6 +447331,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -442829,6 +447636,11 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -443262,6 +448074,10 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -443316,6 +448132,10 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -443785,6 +448605,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -444625,6 +449459,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -446251,6 +451099,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -446433,6 +451295,20 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -446895,6 +451771,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -447195,6 +452076,11 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -447628,6 +452514,10 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -447682,6 +452572,10 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -447911,6 +452805,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -448211,6 +453110,11 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -448644,6 +453548,10 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -448698,6 +453606,10 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -448927,6 +453839,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -449227,6 +454144,11 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -449660,6 +454582,10 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -449714,6 +454640,10 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -450183,6 +455113,20 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -451023,6 +455967,20 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -452649,6 +457607,20 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -452831,6 +457803,20 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -453289,6 +458275,11 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -453589,6 +458580,11 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -454022,6 +459018,10 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -454076,6 +459076,10 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -454304,6 +459308,11 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -454604,6 +459613,11 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -455037,6 +460051,10 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -455091,6 +460109,10 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -455319,6 +460341,11 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -455619,6 +460646,11 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -456052,6 +461084,10 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -456106,6 +461142,10 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -456574,6 +461614,20 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -457414,6 +462468,20 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -459040,6 +464108,20 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -459222,6 +464304,20 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -459684,6 +464780,11 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -459984,6 +465085,11 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -460417,6 +465523,10 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -460471,6 +465581,10 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -460700,6 +465814,11 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -461000,6 +466119,11 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -461433,6 +466557,10 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -461487,6 +466615,10 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -461716,6 +466848,11 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -462016,6 +467153,11 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -462449,6 +467591,10 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -462503,6 +467649,10 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -462972,6 +468122,20 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -463812,6 +468976,20 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -465438,6 +470616,20 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -465620,6 +470812,20 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -466082,6 +471288,11 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -466382,6 +471593,11 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -466815,6 +472031,10 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -466869,6 +472089,10 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -467098,6 +472322,11 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -467398,6 +472627,11 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -467831,6 +473065,10 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -467885,6 +473123,10 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -468114,6 +473356,11 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -468414,6 +473661,11 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -468847,6 +474099,10 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -468901,6 +474157,10 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -469370,6 +474630,20 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -470210,6 +475484,20 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -471836,6 +477124,20 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -472018,6 +477320,20 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -472480,6 +477796,11 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -472780,6 +478101,11 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -473213,6 +478539,10 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -473267,6 +478597,10 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -473496,6 +478830,11 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -473796,6 +479135,11 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_primary, #E1E3E6)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -474229,6 +479573,10 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -474283,6 +479631,10 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -474512,6 +479864,11 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -474812,6 +480169,11 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -475245,6 +480607,10 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -475299,6 +480665,10 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -475768,6 +481138,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -478360,6 +483744,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -478542,6 +483940,20 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -480288,6 +485700,11 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -481042,6 +486459,10 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -481096,6 +486517,10 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -481769,6 +487194,11 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -482523,6 +487953,10 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -482577,6 +488011,10 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -483250,6 +488688,11 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -484004,6 +489447,10 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -484058,6 +489505,10 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -484971,6 +490422,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -487563,6 +493028,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -487745,6 +493224,20 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -489491,6 +494984,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -490245,6 +495743,10 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -490299,6 +495801,10 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -490972,6 +496478,11 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -491726,6 +497237,10 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -491780,6 +497295,10 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -492453,6 +497972,11 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -493207,6 +498731,10 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -493261,6 +498789,10 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -494174,6 +499706,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -496654,6 +502200,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -496836,6 +502396,20 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -498582,6 +504156,11 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -499320,6 +504899,10 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -499374,6 +504957,10 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -500047,6 +505634,11 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -500785,6 +506377,10 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -500839,6 +506435,10 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -501512,6 +507112,11 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -502250,6 +507855,10 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -502304,6 +507913,10 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -503217,6 +508830,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #222222)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -505697,6 +511324,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -505879,6 +511520,20 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -507625,6 +513280,11 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "#2B2B2B", "normal": "#222222", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -508363,6 +514023,10 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -508417,6 +514081,10 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -509090,6 +514758,11 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", "normal": "var(--vkui--color_background_content, #222222)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -509828,6 +515501,10 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -509882,6 +515559,10 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -510555,6 +516236,11 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "#2B2B2B", "normal": "#222222", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -511293,6 +516979,10 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -511347,6 +517037,10 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -512260,6 +517954,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #ffffff)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -514740,6 +520448,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -514922,6 +520644,20 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -516668,6 +522404,11 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -517406,6 +523147,10 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -517460,6 +523205,10 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -518133,6 +523882,11 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #ffffff)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #17181D)", "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", @@ -518871,6 +524625,10 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -518925,6 +524683,10 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -519598,6 +525360,11 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#ffffff", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#17181D", "hover": "#18191B", @@ -520336,6 +526103,10 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -520390,6 +526161,10 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -521303,6 +527078,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #19191a)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -523783,6 +529572,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -523965,6 +529768,20 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -525711,6 +531528,11 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -526449,6 +532271,10 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -526503,6 +532329,10 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -527176,6 +533006,11 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "hover": "var(--vkui--color_background_content--hover, #222223)", "normal": "var(--vkui--color_background_content, #19191a)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(25, 25, 26, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(25, 25, 26, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(25, 25, 26, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -527914,6 +533749,10 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -527968,6 +533807,10 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -528641,6 +534484,11 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "hover": "#222223", "normal": "#19191a", }, + "colorBackgroundContentAlpha": { + "active": "rgba(25, 25, 26, 0.88)", + "hover": "rgba(25, 25, 26, 0.84)", + "normal": "rgba(25, 25, 26, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -529379,6 +535227,10 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -529433,6 +535285,10 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -530398,6 +536254,20 @@ exports[`shapshots widgets theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -531448,6 +537318,20 @@ exports[`shapshots widgets theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -533484,6 +539368,20 @@ exports[`shapshots widgets theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -533724,6 +539622,20 @@ exports[`shapshots widgets theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -534705,6 +540617,11 @@ exports[`shapshots widgets theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -535080,6 +540997,11 @@ exports[`shapshots widgets theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -535630,6 +541552,10 @@ exports[`shapshots widgets theme should match pixelify theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -535701,6 +541627,10 @@ exports[`shapshots widgets theme should match pixelify theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -536097,6 +542027,11 @@ exports[`shapshots widgets theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -536472,6 +542407,11 @@ exports[`shapshots widgets theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -537022,6 +542962,10 @@ exports[`shapshots widgets theme should match pseudo theme from CssVars 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -537093,6 +543037,10 @@ exports[`shapshots widgets theme should match pseudo theme from CssVars 1`] = ` "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -537489,6 +543437,11 @@ exports[`shapshots widgets theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -537864,6 +543817,11 @@ exports[`shapshots widgets theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -538414,6 +544372,10 @@ exports[`shapshots widgets theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -538485,6 +544447,10 @@ exports[`shapshots widgets theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -539148,6 +545114,20 @@ exports[`shapshots widgetsDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -540198,6 +546178,20 @@ exports[`shapshots widgetsDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -542234,6 +548228,20 @@ exports[`shapshots widgetsDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -542474,6 +548482,20 @@ exports[`shapshots widgetsDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -543455,6 +549477,11 @@ exports[`shapshots widgetsDark theme should match pixelify theme snapshot 1`] = "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -543830,6 +549857,11 @@ exports[`shapshots widgetsDark theme should match pixelify theme snapshot 1`] = "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -544380,6 +550412,10 @@ exports[`shapshots widgetsDark theme should match pixelify theme snapshot 1`] = "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -544451,6 +550487,10 @@ exports[`shapshots widgetsDark theme should match pixelify theme snapshot 1`] = "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -544847,6 +550887,11 @@ exports[`shapshots widgetsDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -545222,6 +551267,11 @@ exports[`shapshots widgetsDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -545772,6 +551822,10 @@ exports[`shapshots widgetsDark theme should match pseudo theme from CssVars 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -545843,6 +551897,10 @@ exports[`shapshots widgetsDark theme should match pseudo theme from CssVars 1`] "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -546239,6 +552297,11 @@ exports[`shapshots widgetsDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -546614,6 +552677,11 @@ exports[`shapshots widgetsDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -547164,6 +553232,10 @@ exports[`shapshots widgetsDark theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -547235,6 +553307,10 @@ exports[`shapshots widgetsDark theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -548108,6 +554184,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -549200,6 +555290,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -551282,6 +557386,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -551522,6 +557640,20 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -552578,6 +558710,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -552968,6 +559105,11 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -553527,6 +559669,10 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -553598,6 +559744,10 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -554069,6 +560219,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", "normal": "var(--vkui--color_background_content, #FFFFFF)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(255, 255, 255, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #202126)", "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", @@ -554459,6 +560614,11 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #282B2F)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_stroke_primary, #2C2D2E)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", @@ -555018,6 +561178,10 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -555089,6 +561253,10 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -555560,6 +561728,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#202126", "hover": "#222225", @@ -555950,6 +562123,11 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", @@ -556509,6 +562687,10 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -556580,6 +562762,10 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -557453,6 +563639,20 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -558545,6 +564745,20 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -560627,6 +566841,20 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -560867,6 +567095,20 @@ exports[`shapshots workspaceAdminDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -561923,6 +568165,11 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -562313,6 +568560,11 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -562872,6 +569124,10 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -562943,6 +569199,10 @@ exports[`shapshots workspaceAdminDark theme should match pixelify theme snapshot "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -563414,6 +569674,11 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -563804,6 +570069,11 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -564363,6 +570633,10 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -564434,6 +570708,10 @@ exports[`shapshots workspaceAdminDark theme should match pseudo theme from CssVa "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -564905,6 +571183,11 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -565295,6 +571578,11 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -565854,6 +572142,10 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -565925,6 +572217,10 @@ exports[`shapshots workspaceAdminDark theme should match root theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, @@ -566588,6 +572884,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #232324)", }, }, + "colorBackgroundContentAlpha": { + "active": { + "name": "--vkui--color_background_content_alpha--active", + "value": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + }, + "hover": { + "name": "--vkui--color_background_content_alpha--hover", + "value": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + }, + "normal": { + "name": "--vkui--color_background_content_alpha", + "value": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, + }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", @@ -567638,6 +573948,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #D9DADD)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -569674,6 +575998,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, + "sizeButtonExtraSmallHeight": { + "auto": { + "name": "--vkui--size_button_extra_small_height", + "value": "var(--vkui--size_button_extra_small_height)", + }, + "compact": { + "name": "--vkui--size_button_extra_small_height--compact", + "value": "var(--vkui--size_button_extra_small_height--compact, 22px)", + }, + "regular": { + "name": "--vkui--size_button_extra_small_height--regular", + "value": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, + }, "sizeButtonGroupGapMedium": { "auto": { "name": "--vkui--size_button_group_gap_medium", @@ -569914,6 +576252,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, + "sizeCellHeight": { + "auto": { + "name": "--vkui--size_cell_height", + "value": "var(--vkui--size_cell_height)", + }, + "compact": { + "name": "--vkui--size_cell_height--compact", + "value": "var(--vkui--size_cell_height--compact, 44px)", + }, + "regular": { + "name": "--vkui--size_cell_height--regular", + "value": "var(--vkui--size_cell_height--regular, 48px)", + }, + }, "sizeCheckBorderRadius": { "auto": { "name": "--vkui--size_check_border_radius", @@ -570965,6 +577317,11 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -571340,6 +577697,11 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -571890,6 +578252,10 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "12px", }, + "sizeButtonExtraSmallHeight": { + "compact": "22px", + "regular": "24px", + }, "sizeButtonGroupGapMedium": { "regular": "12px", }, @@ -571961,6 +578327,10 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "sizeCardgridPaddingVertical": { "regular": "8px", }, + "sizeCellHeight": { + "compact": "44px", + "regular": "48px", + }, "sizeCheckBorderRadius": { "regular": "4px", }, @@ -572382,6 +578752,11 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", "normal": "var(--vkui--color_background_content, #232324)", }, + "colorBackgroundContentAlpha": { + "active": "var(--vkui--color_background_content_alpha--active, rgba(35, 35, 36, 0.88))", + "hover": "var(--vkui--color_background_content_alpha--hover, rgba(35, 35, 36, 0.84))", + "normal": "var(--vkui--color_background_content_alpha, rgba(35, 35, 36, 0.8))", + }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", @@ -572757,6 +579132,11 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_stroke_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_stroke_primary, #D9DADD)", + }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", @@ -573307,6 +579687,10 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, + "sizeButtonExtraSmallHeight": { + "compact": "var(--vkui--size_button_extra_small_height--compact, 22px)", + "regular": "var(--vkui--size_button_extra_small_height--regular, 24px)", + }, "sizeButtonGroupGapMedium": { "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, @@ -573378,6 +579762,10 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "sizeCardgridPaddingVertical": { "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, + "sizeCellHeight": { + "compact": "var(--vkui--size_cell_height--compact, 44px)", + "regular": "var(--vkui--size_cell_height--regular, 48px)", + }, "sizeCheckBorderRadius": { "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, @@ -573799,6 +580187,11 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "#2C2C2D", "normal": "#232324", }, + "colorBackgroundContentAlpha": { + "active": "rgba(35, 35, 36, 0.88)", + "hover": "rgba(35, 35, 36, 0.84)", + "normal": "rgba(35, 35, 36, 0.8)", + }, "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", @@ -574174,6 +580567,11 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "#17C46E", "normal": "#0DC268", }, + "colorStrokePrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", @@ -574724,6 +581122,10 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "sizeButtonBaseSmallPaddingHorizontalIcon": { "regular": 12, }, + "sizeButtonExtraSmallHeight": { + "compact": 22, + "regular": 24, + }, "sizeButtonGroupGapMedium": { "regular": 12, }, @@ -574795,6 +581197,10 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "sizeCardgridPaddingVertical": { "regular": 8, }, + "sizeCellHeight": { + "compact": 44, + "regular": 48, + }, "sizeCheckBorderRadius": { "regular": 4, }, diff --git a/src/interfaces/general/colors/index.ts b/src/interfaces/general/colors/index.ts index 6c664acf9..2b32c26e3 100644 --- a/src/interfaces/general/colors/index.ts +++ b/src/interfaces/general/colors/index.ts @@ -75,6 +75,12 @@ export interface ColorsDescriptionStruct { */ colorBackgroundContent: ColorDescription; + /** + * @desc Цвет фона с прозрачностью + * @tags color, background + */ + colorBackgroundContentAlpha: ColorDescription; + /** * @desc Цвет фона, противоположный фону контента. * @tags color, background @@ -427,11 +433,17 @@ export interface ColorsDescriptionStruct { colorStrokeNegative: ColorDescription; /** - * @desc Контрастный цвет для обводки. Не меняется в зивисимости от темы + * @desc Контрастный цвет для обводки. Не меняется в зависимости от темы * @tags color, stroke */ colorStrokeContrast: ColorDescription; + /** + * @desc Нейтральный цвет для обводки. + * @tags color, stroke + */ + colorStrokePrimary: ColorDescription; + /** * @desc Цвет обводки для изображений с прозрачностью * @tags color, component, alpha diff --git a/src/interfaces/general/geometry/index.ts b/src/interfaces/general/geometry/index.ts index 8d2592fcf..69cecdc5f 100644 --- a/src/interfaces/general/geometry/index.ts +++ b/src/interfaces/general/geometry/index.ts @@ -72,12 +72,24 @@ export interface Sizes { */ sizeBorderRadiusPromo: number; + /** + * @desc Минимальная высота ячейки + * @tags size, component + */ + sizeCellHeight: number; + /** * @desc Высота полей ввода, селектов и других похожих компонентов * @tags size, component */ sizeFieldHeight: number; + /** + * @desc Высота очень маленьких кнопок + * @tags size, component + */ + sizeButtonExtraSmallHeight: number; + /** * @desc Высота маленьких кнопок * @tags size, component diff --git a/src/interfaces/themes/legoIOS/index.ts b/src/interfaces/themes/legoIOS/index.ts index 7ffbb5f9a..732994ba3 100644 --- a/src/interfaces/themes/legoIOS/index.ts +++ b/src/interfaces/themes/legoIOS/index.ts @@ -1,24 +1,6 @@ -import { ThemeCssVars } from '@/interfaces/general'; -import { - ColorDescription, - ColorsDescriptionStruct, - ColorWithStates, -} from '@/interfaces/general/colors'; -import { ThemeVkIOS, ThemeVkIOSDescription } from '@/interfaces/themes/vkIOS'; - -// Описание локальных цветов -export interface LocalLegoIOSColorsDescriptionStruct { - colorStrokePrimary: ColorDescription; -} - -// Резолв локальных цветов -export type LegoIOSLocalColors = { - [key in keyof LocalLegoIOSColorsDescriptionStruct]: ColorWithStates; -}; - -// Эскпорт интерфейсов описанной + наследованной темы -export interface ThemeLegoIOS extends ThemeVkIOS, LegoIOSLocalColors {} -export interface ThemeLegoIOSDescription extends ThemeVkIOSDescription { - colors: LocalLegoIOSColorsDescriptionStruct & ColorsDescriptionStruct; -} -export interface ThemeLegoIOSCssVars extends ThemeCssVars {} +// Сюда нельзя добавлять локальные переменные — так условились с разработкой IOS +export { + ThemeVkIOS as ThemeLegoIOS, + ThemeVkIOSCssVars as ThemeLegoIOSCssVars, + ThemeVkIOSDescription as ThemeLegoIOSDescription, +} from '@/interfaces/themes/vkIOS'; diff --git a/src/interfaces/themes/vkAccessibilityIOS/index.ts b/src/interfaces/themes/vkAccessibilityIOS/index.ts index 9ff2d8214..c544513df 100644 --- a/src/interfaces/themes/vkAccessibilityIOS/index.ts +++ b/src/interfaces/themes/vkAccessibilityIOS/index.ts @@ -1,5 +1,5 @@ export { - ThemeVkBase as ThemeVkAccessibilityIOS, - ThemeVkBaseCssVars as ThemeVkAccessibilityIOSCssVars, - ThemeVkBaseDescription as ThemeVkAccessibilityIOSDescription, -} from '@/interfaces/themes/vkBase'; + ThemeVkIOS as ThemeVkAccessibilityIOS, + ThemeVkIOSCssVars as ThemeVkAccessibilityIOSCssVars, + ThemeVkIOSDescription as ThemeVkAccessibilityIOSDescription, +} from '@/interfaces/themes/vkIOS'; diff --git a/src/interfaces/themes/vkAccessibilityIOSDark/index.ts b/src/interfaces/themes/vkAccessibilityIOSDark/index.ts index a4f8b8ae6..db273d865 100644 --- a/src/interfaces/themes/vkAccessibilityIOSDark/index.ts +++ b/src/interfaces/themes/vkAccessibilityIOSDark/index.ts @@ -1,5 +1,5 @@ export { - ThemeVkBaseDark as ThemeVkAccessibilityIOSDark, - ThemeVkBaseDarkCssVars as ThemeVkAccessibilityIOSDarkCssVars, - ThemeVkBaseDarkDescription as ThemeVkAccessibilityIOSDarkDescription, -} from '@/interfaces/themes/vkBaseDark'; + ThemeVkAccessibilityIOS as ThemeVkAccessibilityIOSDark, + ThemeVkAccessibilityIOSCssVars as ThemeVkAccessibilityIOSDarkCssVars, + ThemeVkAccessibilityIOSDescription as ThemeVkAccessibilityIOSDarkDescription, +} from '@/interfaces/themes/vkAccessibilityIOS'; diff --git a/src/interfaces/themes/vkIdOkDark/index.ts b/src/interfaces/themes/vkIdOkDark/index.ts index 39826c851..abd8887e4 100644 --- a/src/interfaces/themes/vkIdOkDark/index.ts +++ b/src/interfaces/themes/vkIdOkDark/index.ts @@ -1,5 +1,5 @@ export { - ThemeVkBaseDark as ThemeVkIdOkDark, - ThemeVkBaseDarkCssVars as ThemeVkIdOkDarkCssVars, - ThemeVkBaseDarkDescription as ThemeVkIdOkDarkDescription, -} from '@/interfaces/themes/vkBaseDark'; + ThemeVkIdOk as ThemeVkIdOkDark, + ThemeVkIdOkCssVars as ThemeVkIdOkDarkCssVars, + ThemeVkIdOkDescription as ThemeVkIdOkDarkDescription, +} from '@/interfaces/themes/vkIdOk'; diff --git a/src/interfaces/themes/vkIdOkIOS/index.ts b/src/interfaces/themes/vkIdOkIOS/index.ts index 2e925aa46..dcd8aa465 100644 --- a/src/interfaces/themes/vkIdOkIOS/index.ts +++ b/src/interfaces/themes/vkIdOkIOS/index.ts @@ -1,5 +1,5 @@ export { - ThemeVkBase as ThemeVkIdOkIOS, - ThemeVkBaseCssVars as ThemeVkIdOkIOSCssVars, - ThemeVkBaseDescription as ThemeVkIdOkIOSDescription, -} from '@/interfaces/themes/vkBase'; + ThemeVkIOS as ThemeVkIdOkIOS, + ThemeVkIOSCssVars as ThemeVkIdOkIOSCssVars, + ThemeVkIOSDescription as ThemeVkIdOkIOSDescription, +} from '@/interfaces/themes/vkIOS'; diff --git a/src/interfaces/themes/vkontakteAndroid/index.ts b/src/interfaces/themes/vkontakteAndroid/index.ts index 15d1badd3..0fd46612b 100644 --- a/src/interfaces/themes/vkontakteAndroid/index.ts +++ b/src/interfaces/themes/vkontakteAndroid/index.ts @@ -297,8 +297,6 @@ export interface LocalVkontakteAndroidColorsDescriptionStruct { vkontakteStoriesSkeletonLoaderBackground: ColorDescription; vkontaktePaletteBlack: ColorDescription; - - colorStrokePrimary: ColorDescription; } export type VkontakteAndroidLocalColors = { @@ -309,6 +307,7 @@ export interface ThemeVkontakteAndroid extends ThemeVkBase, VkontakteAndroidLocalColors, VkontakteAndroidGradients {} + export interface ThemeVkontakteAndroidDescription extends ThemeVkBaseDescription, Tokens { diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index ebe76120e..3e42d4d80 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -3,6 +3,7 @@ exports[`lint snapshot 1`] = ` [ "legoAndroid: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundContentAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", @@ -16,12 +17,12 @@ exports[`lint snapshot 1`] = ` "legoAndroid: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "legoAndroid: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroid: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundContentAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", @@ -35,12 +36,12 @@ exports[`lint snapshot 1`] = ` "legoAndroidDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "legoAndroidDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundContentAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", @@ -54,12 +55,12 @@ exports[`lint snapshot 1`] = ` "legoIOS: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "legoIOS: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOS: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundContentAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", @@ -73,7 +74,6 @@ exports[`lint snapshot 1`] = ` "legoIOSDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "legoIOSDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoIOSDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", diff --git a/src/themeDescriptions/base/paradigm.ts b/src/themeDescriptions/base/paradigm.ts index 9786b2d61..46487c423 100644 --- a/src/themeDescriptions/base/paradigm.ts +++ b/src/themeDescriptions/base/paradigm.ts @@ -31,6 +31,7 @@ export const lightColors: ColorsDescription = { colorBackgroundAccentThemedAlpha: 'rgba(0, 119, 255, 0.2)', colorBackgroundAccentAlternative: '#FF9E00', colorBackgroundContent: '#FFFFFF', + colorBackgroundContentAlpha: 'rgba(255, 255, 255, 0.8)', colorBackgroundContentInverse: colorBackgroundContentDark, colorBackgroundSecondary: '#F0F1F3', colorBackgroundSecondaryAlpha: { @@ -108,6 +109,7 @@ export const lightColors: ColorsDescription = { colorStrokeAccentThemed: '#0077ff', colorStrokeContrast: '#FFFFFF', colorStrokeNegative: '#ED330a', + colorStrokePrimary: '#2C2D2E', colorImageBorderAlpha: 'rgba(0, 16, 61, 0.08)', colorFieldBorderAlpha: 'rgba(0, 16, 61, 0.12)', colorSeparatorPrimaryAlpha: 'rgba(0, 16, 61, 0.12)', @@ -171,6 +173,7 @@ export const darkColors: ColorsDescription = { colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, 0.2)', colorBackgroundAccentAlternative: '#FF9E00', colorBackgroundContent: colorBackgroundContentDark, + colorBackgroundContentAlpha: 'rgba(35, 35, 36, 0.8)', colorBackgroundContentInverse: '#FFFFFF', colorBackgroundSecondary: '#2A2A2B', colorBackgroundSecondaryAlpha: { @@ -248,6 +251,7 @@ export const darkColors: ColorsDescription = { colorStrokeAccentThemed: '#FFFFFF', colorStrokeContrast: '#FFFFFF', colorStrokeNegative: '#FF5C5C', + colorStrokePrimary: '#D9DADD', colorImageBorderAlpha: 'rgba(255, 255, 255, 0.08)', colorFieldBorderAlpha: 'rgba(255, 255, 255, 0.16)', colorSeparatorPrimaryAlpha: 'rgba(0, 0, 0, 0.4)', @@ -540,6 +544,10 @@ export const lightThemeBase: ThemeDescription = { sizeBorderRadiusPromo: { regular: 20, }, + sizeCellHeight: { + regular: 48, + compact: 44, + }, sizeFieldHeight: { regular: 44, compact: 36, @@ -548,17 +556,21 @@ export const lightThemeBase: ThemeDescription = { regular: 36, compact: 32, }, - sizeButtonLargeHeight: { - regular: 44, - compact: 36, + sizeButtonExtraSmallHeight: { + regular: 24, + compact: 22, + }, + sizeButtonSmallHeight: { + regular: 30, + compact: 28, }, sizeButtonMediumHeight: { regular: 36, compact: 32, }, - sizeButtonSmallHeight: { - regular: 30, - compact: 28, + sizeButtonLargeHeight: { + regular: 44, + compact: 36, }, sizeCheckbox: { regular: 16, diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index fa0d100c5..f32c9fe7a 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -2,6 +2,7 @@ import { getGradientPointsFromColor } from '@/build/helpers/getGradientPointsFro import { alias } from '@/build/helpers/tokenHelpers'; import { ColorsDescription, ThemeDescription } from '@/interfaces/general'; import { Elevation } from '@/interfaces/general/elevation'; +import { Sizes } from '@/interfaces/general/geometry'; import { Gradients } from '@/interfaces/general/gradients'; import { Adaptive } from '@/interfaces/general/tools'; import { Fonts, TypographyBaseProps } from '@/interfaces/general/typography'; @@ -37,6 +38,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio }[colorsScheme], colorBackground: background.background, colorBackgroundContent: background.background_content, + colorBackgroundContentAlpha: { + light: 'rgba(255, 255, 255, 0.8)', + dark: 'rgba(25, 25, 26, 0.8)', + }[colorsScheme], colorBackgroundContentInverse: { light: '#19191A', dark: '#FFFFFF', @@ -182,6 +187,10 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio colorStrokePositive: stroke.stroke_positive, colorStrokeNegative: stroke.stroke_negative, colorStrokeContrast: stroke.stroke_contrast, + colorStrokePrimary: { + light: '#2C2D2E', + dark: '#E1E3E6', + }[colorsScheme], colorImageBorderAlpha: stroke.image_border_alpha, colorFieldBorderAlpha: { light: { @@ -514,15 +523,9 @@ export const fonts: BaseFonts = { }, }; -export const lightTheme: ThemeDescription = { - themeName: 'vkBase', - themeNameBase: 'vkBase', - ...lightColors, - ...lightGradient, - ...lightElevation, - ...fonts, - fontHeadline: alias('fontHeadline1'), +type BaseSizes = { [key in keyof Sizes]: Adaptive }; +export const sizes: BaseSizes = { // Размеры sizeSelectIconPadding: { regular: 6, @@ -554,6 +557,10 @@ export const lightTheme: ThemeDescription = { sizeBorderRadiusPromo: { regular: 20, }, + sizeCellHeight: { + regular: 48, + compact: 44, + }, sizeFieldHeight: { regular: 44, compact: 36, @@ -562,17 +569,21 @@ export const lightTheme: ThemeDescription = { regular: 36, compact: 32, }, - sizeButtonLargeHeight: { - regular: 44, - compact: 36, + sizeButtonExtraSmallHeight: { + regular: 24, + compact: 22, + }, + sizeButtonSmallHeight: { + regular: 30, + compact: 28, }, sizeButtonMediumHeight: { regular: 36, compact: 32, }, - sizeButtonSmallHeight: { - regular: 30, - compact: 28, + sizeButtonLargeHeight: { + regular: 44, + compact: 36, }, sizeCheckbox: { regular: 16, @@ -761,6 +772,17 @@ export const lightTheme: ThemeDescription = { sizeBorder3x: { regular: 0.33, }, +}; + +export const lightTheme: ThemeDescription = { + themeName: 'vkBase', + themeNameBase: 'vkBase', + ...lightColors, + ...lightGradient, + ...lightElevation, + ...fonts, + fontHeadline: alias('fontHeadline1'), + ...sizes, // Стандартные токены для отступов spacingSize3Xs: 2, diff --git a/src/themeDescriptions/themes/lego/android.ts b/src/themeDescriptions/themes/lego/android.ts index d6e3487d8..17b6be8f6 100644 --- a/src/themeDescriptions/themes/lego/android.ts +++ b/src/themeDescriptions/themes/lego/android.ts @@ -28,6 +28,27 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { // Изменённые не-цвета sizeBasePaddingHorizontal: { regular: figma.tokens.sizeBasePaddingHorizontal.android, + compact: figma.tokens.sizeBasePaddingHorizontal.desktop, + }, + sizeCellHeight: { + regular: figma.tokens.sizeCellHeight.android, + compact: figma.tokens.sizeCellHeight.desktop, + }, + sizeButtonExtraSmallHeight: { + regular: figma.tokens.sizeButtonExtraSmallHeight.android, + compact: figma.tokens.sizeButtonExtraSmallHeight.desktop, + }, + sizeButtonSmallHeight: { + regular: figma.tokens.sizeButtonSmallHeight.android, + compact: figma.tokens.sizeButtonSmallHeight.desktop, + }, + sizeButtonMediumHeight: { + regular: figma.tokens.sizeButtonMediumHeight.android, + compact: figma.tokens.sizeButtonMediumHeight.desktop, + }, + sizeButtonLargeHeight: { + regular: figma.tokens.sizeButtonLargeHeight.android, + compact: figma.tokens.sizeButtonLargeHeight.desktop, }, // Фигма использует целые проценты, а не сотые единицы // Поэтому здесь нужно поделить на 100 @@ -37,8 +58,8 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { }; export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { - ...legoAndroidTheme, // Импорт светлой версии текущей темы, ...vkontakteAndroidThemeDark, // Импорт тёмной базовой темы + ...legoAndroidTheme, // Импорт светлой версии текущей темы, themeName: 'legoAndroidDark', // название текущей темы themeNameBase: 'legoAndroid', // название светлой (базовой) темы diff --git a/src/themeDescriptions/themes/lego/figma.json b/src/themeDescriptions/themes/lego/figma.json index 3a7afd58f..7d02e6ba9 100644 --- a/src/themeDescriptions/themes/lego/figma.json +++ b/src/themeDescriptions/themes/lego/figma.json @@ -18,7 +18,11 @@ }, "backgroundContent": { "light": "#ffffff", - "dark": "#191919" + "dark": "#0a0a0a" + }, + "backgroundContentAlpha": { + "light": "#ffffffcc", + "dark": "#0a0a0acc" }, "iconAccentThemed": { "light": "#2688eb", @@ -54,7 +58,7 @@ }, "strokeImageBorderAlpha": { "light": "#00000014", - "dark": "#ffffff14" + "dark": "#ffffff1c" }, "strokeAccent": { "light": "#2688eb", @@ -62,7 +66,7 @@ }, "strokeSeparatorPrimaryAlpha": { "light": "#0000001e", - "dark": "#ffffff1e" + "dark": "#ffffff23" }, "paletteAccentRed": { "light": "#ff3347", @@ -86,19 +90,19 @@ }, "backgroundSecondary": { "light": "#f5f5f5", - "dark": "#232323" + "dark": "#1b1b1b" }, "backgroundSecondaryAlpha": { "light": "#0000000a", - "dark": "#ffffff19" + "dark": "#ffffff1e" }, "backgroundTertiary": { "light": "#f9f9f9", - "dark": "#202020" + "dark": "#181818" }, "backgroundTertiaryAlpha": { "light": "#00000007", - "dark": "#ffffff07" + "dark": "#ffffff0c" }, "backgroundContrast": { "light": "#ffffff", @@ -106,23 +110,23 @@ }, "backgroundContrastSecondaryAlpha": { "light": "#ffffff33", - "dark": "#ffffff33" + "dark": "#ffffff38" }, "backgroundContrastInverse": { - "light": "#2d2d2d", - "dark": "#2d2d2d" + "light": "#262626", + "dark": "#262626" }, "backgroundModal": { "light": "#ffffff", - "dark": "#1d1d1d" + "dark": "#0a0a0a" }, "backgroundModalInverse": { - "light": "#1d1d1d", + "light": "#0a0a0a", "dark": "#ffffff" }, "backgroundWarning": { "light": "#fff2d6", - "dark": "#473315" + "dark": "#483416" }, "backgroundPositive": { "light": "#4bb34b", @@ -134,19 +138,19 @@ }, "backgroundPositiveTint": { "light": "#e8f9e8", - "dark": "#2e3e2b" + "dark": "#273724" }, "backgroundNegativeTint": { "light": "#ffe9e9", - "dark": "#522e2e" + "dark": "#4b2727" }, "backgroundFieldBackground": { "light": "#ebebeb", - "dark": "#292929" + "dark": "#1b1b1b" }, "backgroundHeaderBackground": { "light": "#ffffff", - "dark": "#191919" + "dark": "#0a0a0a" }, "textAccent": { "light": "#2688eb", @@ -242,19 +246,19 @@ }, "strokeSeparatorPrimary": { "light": "#d8d8d8", - "dark": "#373737" + "dark": "#303030" }, "strokeSeparatorPrimary2x": { "light": "#cccccc", - "dark": "#454545" + "dark": "#3e3e3e" }, "strokeSeparatorPrimary3x": { "light": "#bfbfbf", - "dark": "#525252" + "dark": "#4c4c4c" }, "strokeSeparatorSecondary": { "light": "#e3e3e3", - "dark": "#141414" + "dark": "#181818" }, "strokePositive": { "light": "#4bb34b", @@ -270,13 +274,13 @@ }, "strokeFieldBorderAlpha": { "light": "#0000001e", - "dark": "#ffffff1e" + "dark": "#ffffff23" }, "otherOverlayPrimary": { "light": "#00000066", "dark": "#00000066" }, - "otherAvatarOverlay": { + "otherAvatarOverlayAlpha": { "light": "#00000099", "dark": "#00000099" }, @@ -290,11 +294,11 @@ }, "otherTrackBackground": { "light": "#ebebeb", - "dark": "#464646" + "dark": "#3f3f3f" }, "otherTrackBuffer": { "light": "#a0bfe4", - "dark": "#405772" + "dark": "#39506b" }, "otherSearchFieldBackground": { "light": "#ebebeb", @@ -306,7 +310,7 @@ }, "otherSegmentedControl": { "light": "#ffffff", - "dark": "#626364" + "dark": "#5b5b5b" }, "otherTransparent": { "light": "#00000000", @@ -314,19 +318,19 @@ }, "otherImagePlaceholder": { "light": "#f3f3f3", - "dark": "#2b2b2b" + "dark": "#242424" }, "otherImagePlaceholderAlpha": { "light": "#2121210f", - "dark": "#f6f6f614" + "dark": "#f6f6f61c" }, "otherSkeletonFrom": { "light": "#f5f5f5", - "dark": "#2d2d2d" + "dark": "#1b1b1b" }, "otherSkeletonTo": { "light": "#ebebeb", - "dark": "#2d2d2d" + "dark": "#262626" }, "otherWriteBarIcon": { "light": "#3f8ae0", @@ -334,11 +338,11 @@ }, "otherWriteBarInputBackground": { "light": "#f3f3f3", - "dark": "#2d2d2d" + "dark": "#262626" }, "otherWriteBarInputBorder": { "light": "#ebebeb", - "dark": "#2d2d2d" + "dark": "#262626" }, "otherWriteBarInputBorderAlpha": { "light": "#00000014", @@ -425,11 +429,11 @@ "dark": "#ff6969" }, "statesHoverTransparent": { - "light": "#00103d07", + "light": "#0000000a", "dark": "#ffffff0a" }, "statesActiveTransparent": { - "light": "#00103d0c", + "light": "#00000014", "dark": "#ffffff14" }, "statesHoverTransparentContrast": { @@ -482,7 +486,7 @@ }, "otherTabbarTextInactive": { "light": "#adadad", - "dark": "#787878" + "dark": "#707070" }, "otherOverlaySecondary": { "light": "#00000044", @@ -490,7 +494,7 @@ }, "backgroundContrastThemed": { "light": "#ffffff", - "dark": "#2d2d2d" + "dark": "#262626" }, "paletteAccentOrangePeach": { "light": "#f9b54f", @@ -510,7 +514,7 @@ }, "backgroundInfoTint": { "light": "#deeeff", - "dark": "#1c3954" + "dark": "#16334e" }, "gradientDefaultStop15": { "light": "#ffffff0c", @@ -609,7 +613,7 @@ "dark": "#fafafa6b" }, "backgroundContentInverse": { - "light": "#191919", + "light": "#0a0a0a", "dark": "#ffffff" }, "strokePrimary": { @@ -715,23 +719,23 @@ "desktop": 32 }, "sizeButtonLargeHeight": { + "iOS": 56, + "android": 56, + "vkCom": 44, + "desktop": 44 + }, + "sizeButtonMediumHeight": { "iOS": 44, "android": 44, "vkCom": 36, "desktop": 36 }, - "sizeButtonMediumHeight": { + "sizeButtonSmallHeight": { "iOS": 36, "android": 36, "vkCom": 32, "desktop": 32 }, - "sizeButtonSmallHeight": { - "iOS": 30, - "android": 30, - "vkCom": 28, - "desktop": 28 - }, "fontFamilyBase": { "iOS": "SF Pro Text", "android": "Roboto", @@ -769,74 +773,74 @@ "desktop": "VK Sans Display" }, "fontLetterSpacingTitle1": { - "iOS": 0.07, + "iOS": 0.07000000029802322, "android": 0, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingTitle2": { - "iOS": -0.45, + "iOS": -0.44999998807907104, "android": 0, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingTitle3": { - "iOS": -0.43, + "iOS": -0.4300000071525574, "android": 0, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingHeadline1": { - "iOS": -0.31, - "android": 0.15, + "iOS": -0.3100000023841858, + "android": 0.15000000596046448, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingHeadline2": { - "iOS": -0.23, - "android": 0.15, + "iOS": -0.23000000417232513, + "android": 0.15000000596046448, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingText": { - "iOS": -0.31, - "android": 0.15, + "iOS": -0.3100000023841858, + "android": 0.15000000596046448, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingParagraph": { - "iOS": -0.23, + "iOS": -0.23000000417232513, "android": 0, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingSubhead": { - "iOS": -0.15, - "android": 0.15, + "iOS": -0.15000000596046448, + "android": 0.15000000596046448, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingFootnote": { - "iOS": -0.08, - "android": 0.20, + "iOS": -0.07999999821186066, + "android": 0.20000000298023224, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingCaption1": { "iOS": 0, - "android": 0.30, + "android": 0.30000001192092896, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingCaption2": { - "iOS": 0.06, - "android": 0.30, + "iOS": 0.05999999865889549, + "android": 0.30000001192092896, "vkCom": 0, "desktop": 0 }, "fontLetterSpacingCaption3": { - "iOS": 0.17, - "android": 0.30, + "iOS": 0.17000000178813934, + "android": 0.30000001192092896, "vkCom": 0, "desktop": 0 }, @@ -919,7 +923,7 @@ "desktop": 20 }, "otherLargeButtonLetterSpacing": { - "iOS": -0.43, + "iOS": -0.4300000071525574, "android": 0, "vkCom": 0, "desktop": 0 @@ -1135,16 +1139,46 @@ "desktop": 50 }, "sizeCellHeight": { - "iOS": 48, - "android": 48, - "vkCom": 44, - "desktop": 44 + "iOS": 52, + "android": 52, + "vkCom": 48, + "desktop": 48 }, "fontWeightBold": { "iOS": 700, "android": 700, "vkCom": 700, "desktop": 700 + }, + "sizeButtonExtraSmallHeight": { + "iOS": 28, + "android": 28, + "vkCom": 24, + "desktop": 24 + }, + "blurSmall": { + "iOS": 8, + "android": 0, + "vkCom": 8, + "desktop": 8 + }, + "blurMedium": { + "iOS": 16, + "android": 0, + "vkCom": 16, + "desktop": 16 + }, + "blurLarge": { + "iOS": 48, + "android": 0, + "vkCom": 58, + "desktop": 48 + }, + "blurExtraLarge": { + "iOS": 96, + "android": 0, + "vkCom": 96, + "desktop": 96 } } } \ No newline at end of file diff --git a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts index 1733cbcfe..180f11b95 100644 --- a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts +++ b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts @@ -25,27 +25,35 @@ interface FigmaJSON { [collection: string]: Collection; } +type CollectionName = 'appearance' | 'tokens'; +type ModeName = 'light' | 'dark' | 'ios' | 'android' | 'desktop'; + /** * Функция, возращающася список токенов, переопределённых в специальном JSON-файле с фигмовскими переменными * * @param originalTokens Токены, замена для которых будет искаться в figma.json - * @param {('appearance' | 'tokens')} [collection='appearance'] Коллекция, среди которой ищется замена - * @param {('light'|'dark')} [mode='light'] Режим переменных фигмы, применяемый для замены. Сейчас ограничивается светлой и тёмной темой + * @param {CollectionName} [collection='appearance'] Коллекция, среди которой ищется замена + * @param {ModeName} [mode='light'] Режим переменных фигмы, применяемый для замены. Сейчас ограничивается светлой и тёмной темой * @param {FigmaJSON} source Объект, используемый вместо figma.json. Может генерироваться дизайнерами плагином Figma Variables To JSON * @returns Объект с токенами, для которых нашлась замена */ // eslint-disable-next-line max-params export function overwriteFromFigmaJSON( originalTokens, - collection: 'appearance' | 'tokens' = 'appearance', - mode: 'light' | 'dark' = 'light', + collection: CollectionName = 'appearance', + mode: ModeName = 'light', source: FigmaJSON = figma, ): Partial { return Object.fromEntries( Object.keys(originalTokens).reduce((acc, key) => { const figmaToken = findFigmaVariable(source[collection], key); if (figmaToken) { - acc.push([key, figmaToken[mode]]); + if (collection === 'appearance') { + acc.push([key, figmaToken[mode]]); + } else { + // Если переопределяем не цвета, то добавляем regular и compact-версию + acc.push([key, { regular: figmaToken[mode], compact: figmaToken['desktop'] }]); + } } return acc; }, []), diff --git a/src/themeDescriptions/themes/lego/ios.ts b/src/themeDescriptions/themes/lego/ios.ts index 7c29a6a63..3bf42a84d 100644 --- a/src/themeDescriptions/themes/lego/ios.ts +++ b/src/themeDescriptions/themes/lego/ios.ts @@ -1,7 +1,8 @@ import { ThemeLegoIOSDescription } from '@/interfaces/themes/legoIOS'; import { ThemeLegoIOSDarkDescription } from '@/interfaces/themes/legoIOSDark'; +import { darkElevation, darkGradient } from '@/themeDescriptions/base/vk'; import { vkIOSTheme, vkIOSThemeDark } from '@/themeDescriptions/themes/vkIOS'; -import { vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; +import { vkontakteIOSTheme, vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; import figma from './figma.json'; import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; @@ -16,18 +17,40 @@ export const legoIOSTheme: ThemeLegoIOSDescription = { colors: { ...vkIOSTheme.colors, // Переопределение переменных - ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'light', figma), - // Локальные цвета - colorStrokePrimary: figma.appearance.strokePrimary.light, + ...overwriteFromFigmaJSON(vkontakteIOSTheme.colors, 'appearance', 'light', figma), }, sizeBasePaddingHorizontal: { regular: figma.tokens.sizeBasePaddingHorizontal.iOS, }, + sizeCellHeight: { + regular: figma.tokens.sizeCellHeight.iOS, + compact: figma.tokens.sizeCellHeight.desktop, + }, + sizeButtonExtraSmallHeight: { + regular: figma.tokens.sizeButtonExtraSmallHeight.iOS, + compact: figma.tokens.sizeButtonExtraSmallHeight.desktop, + }, + sizeButtonSmallHeight: { + regular: figma.tokens.sizeButtonSmallHeight.iOS, + compact: figma.tokens.sizeButtonSmallHeight.desktop, + }, + sizeButtonMediumHeight: { + regular: figma.tokens.sizeButtonMediumHeight.iOS, + compact: figma.tokens.sizeButtonMediumHeight.desktop, + }, + sizeButtonLargeHeight: { + regular: figma.tokens.sizeButtonLargeHeight.iOS, + compact: figma.tokens.sizeButtonLargeHeight.desktop, + }, + opacityDisable: figma.tokens.opacityDisabled.iOS / 100, + opacityDisableAccessibility: figma.tokens.opacityDisabled.iOS / 100, }; export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { - ...legoIOSTheme, // импорт светлой версии текущей темы, ...vkIOSThemeDark, // импорт тёмной базовой темы + ...legoIOSTheme, // импорт светлой версии текущей темы, + ...darkGradient, // переключаем наследованные градиенты на тёмную тему + ...darkElevation, // переключаем наследованные тени на тёмную тему themeName: 'legoIOSDark', // название текущей темы themeNameBase: 'legoIOS', // название светлой (базовой) темы @@ -38,7 +61,5 @@ export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { ...vkIOSThemeDark.colors, // Переопределение переменных ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'dark', figma), - // Локальные цвета - colorStrokePrimary: figma.appearance.strokePrimary.light, }, }; diff --git a/src/themeDescriptions/themes/vkontakteAndroid/index.ts b/src/themeDescriptions/themes/vkontakteAndroid/index.ts index 134ae7aac..cb1564d1c 100644 --- a/src/themeDescriptions/themes/vkontakteAndroid/index.ts +++ b/src/themeDescriptions/themes/vkontakteAndroid/index.ts @@ -129,8 +129,6 @@ export const vkontakteLocalColorLight: LocalVkontakteAndroidColorsDescriptionStr vkontakteStoriesSkeletonLoaderBackground: '#454647', vkontaktePaletteBlack: '#000000', - - colorStrokePrimary: '#2C2D2E', }; export const vkontakteLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = { @@ -248,8 +246,6 @@ export const vkontakteLocalColorDark: LocalVkontakteAndroidColorsDescriptionStru vkontakteStoriesSkeletonLoaderBackground: '#c4c8cc', vkontaktePaletteBlack: '#000000', - - colorStrokePrimary: '#E1E3E6', }; const fontFamilyAccent = diff --git a/src/themeDescriptions/themes/vkontakteCom/index.ts b/src/themeDescriptions/themes/vkontakteCom/index.ts index b701d9b1b..2ec323a32 100644 --- a/src/themeDescriptions/themes/vkontakteCom/index.ts +++ b/src/themeDescriptions/themes/vkontakteCom/index.ts @@ -124,8 +124,6 @@ const vkontakteComLocalColorLight: LocalVkontakteAndroidColorsDescriptionStruct vkontakteStoriesSkeletonLoaderBackground: '#cccccc', vkontaktePaletteBlack: '#000000', - - colorStrokePrimary: '#2C2D2E', }; const vkontakteComLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = { @@ -241,8 +239,6 @@ const vkontakteComLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = vkontakteStoriesSkeletonLoaderBackground: '#555555', vkontaktePaletteBlack: '#000000', - - colorStrokePrimary: '#E1E3E6', }; const vkontakteComFonts = lodash.merge>(