From 2d1c61328a72148e3e9f27a5f6f693d6de54ed4f Mon Sep 17 00:00:00 2001 From: "a.blazhnov" Date: Mon, 17 Jul 2023 08:54:57 +0300 Subject: [PATCH 1/6] add workspaceLandings theme --- CONTRIBUTING.md | 1 + .../__snapshots__/snapthots.test.ts.snap | 7703 +++++++++++++++++ .../themes/workspaceLandings/index.ts | 24 + src/themeDescriptions/index.ts | 4 + .../themes/workspaceLandings/index.ts | 16 + 5 files changed, 7748 insertions(+) create mode 100644 src/interfaces/themes/workspaceLandings/index.ts create mode 100644 src/themeDescriptions/themes/workspaceLandings/index.ts diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 14c1a8f6..e7acb225 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -107,3 +107,4 @@ git config --local blame.ignoreRevsFile .git-blame-ignore-revs - pulse - pulseDark - workspaceAdmin + - workspaceLandings diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index b9b50004..c2659467 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -344272,3 +344272,7706 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "zIndexPopout": 100, } `; + +exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", + }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", + }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", + }, + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + }, + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #3880FC)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2775FC)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #9C9DA2)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #5D79DF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #5673DD)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #4F6DDC)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EE1E44)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #EE143C)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED0A34)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + }, + }, + "colorAvatarOverlayInverseAlpha": { + "active": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--active", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #19191A)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #3880FC)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #307BFC)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #2775FC)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundAccentTintAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_alpha--active", + "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + }, + }, + "colorBackgroundAccentTintThemed": { + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_tint_themed_alpha--active", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_accent_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #232324)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #303030)", + }, + }, + "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))", + }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #303030)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #FF5C5C)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", + }, + }, + "colorBackgroundNegativeTintAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_alpha--active", + "value": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + }, + }, + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed--hover", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed", + "value": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_negative_tint_themed_alpha--active", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_negative_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #182A22)", + }, + }, + "colorBackgroundPositiveTintAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_alpha--active", + "value": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, + }, + "colorBackgroundPositiveTintThemed": { + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_positive_tint_themed_alpha--active", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #2A2A2B)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "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.16))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #363636)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #252525)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #785C14)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #72550A)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #6C4E00)", + }, + }, + "colorBackgroundWarningTint": { + "active": { + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #41372A)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #382F20)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #302617)", + }, + }, + "colorBackgroundWarningTintAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_alpha--active", + "value": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + }, + }, + "colorBackgroundWarningTintThemed": { + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + }, + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": { + "name": "--vkui--color_background_warning_tint_themed_alpha--active", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed_alpha--hover", + "value": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorButtonContrast": { + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", + }, + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #252526)", + }, + }, + "colorButtonContrastAlpha": { + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--color_button_contrast_alpha--hover", + "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + }, + "normal": { + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #232324)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #353536)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #232324)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #3C82FD)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #B0B1B6)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #0DC268)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #D9DADD)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #83848A)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #393A3B)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_link_contrast", + "value": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + }, + }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #FFD714)", + }, + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #FFD60A)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #414243)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #393A3B)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #626364)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #282829)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #151516)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #323234)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #202022)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #181818)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #3C82FD)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + }, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #4C8CFD)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #4487FD)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #3C82FD)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + }, + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #65A3FF)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #589BFF)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #6098E2)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #5993E0)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #528FDF)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #E7E8EA)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #FF6969)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #FF5C5C)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #20C774)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #17C46E)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #E7E8EA)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #95979D)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #919398)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #8C8E94)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #74767A)", + }, + }, + "colorThumbErrorBackgroundAlpha": { + "active": { + "name": "--vkui--color_thumb_error_background_alpha--active", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + }, + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + }, + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #525354)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #434445)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + }, + "fontCaption1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + }, + "fontCaption1Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight", + "value": "var(--vkui--font_caption1_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing", + "value": "var(--vkui--font_caption1_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height", + "value": "var(--vkui--font_caption1_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform", + "value": "var(--vkui--font_caption1_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + }, + "fontWeight": { + "name": "--vkui--font_caption1_caps--font_weight--regular", + "value": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + }, + "fontCaption2Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family", + "value": "var(--vkui--font_caption2_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size", + "value": "var(--vkui--font_caption2_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight", + "value": "var(--vkui--font_caption2_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing", + "value": "var(--vkui--font_caption2_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height", + "value": "var(--vkui--font_caption2_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform", + "value": "var(--vkui--font_caption2_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption2_caps--font_family--regular", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption2_caps--font_size--regular", + "value": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + }, + "fontWeight": { + "name": "--vkui--font_caption2_caps--font_weight--regular", + "value": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + }, + "lineHeight": { + "name": "--vkui--font_caption2_caps--line_height--regular", + "value": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontCaption3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family", + "value": "var(--vkui--font_caption3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size", + "value": "var(--vkui--font_caption3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight", + "value": "var(--vkui--font_caption3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height", + "value": "var(--vkui--font_caption3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3--font_family--regular", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3--font_size--regular", + "value": "var(--vkui--font_caption3--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3--font_weight--regular", + "value": "var(--vkui--font_caption3--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_caption3--line_height--regular", + "value": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + }, + "fontCaption3Caps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family", + "value": "var(--vkui--font_caption3_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size", + "value": "var(--vkui--font_caption3_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight", + "value": "var(--vkui--font_caption3_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing", + "value": "var(--vkui--font_caption3_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height", + "value": "var(--vkui--font_caption3_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform", + "value": "var(--vkui--font_caption3_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_caption3_caps--font_family--regular", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_caption3_caps--font_size--regular", + "value": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + }, + "fontWeight": { + "name": "--vkui--font_caption3_caps--font_weight--regular", + "value": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + }, + "lineHeight": { + "name": "--vkui--font_caption3_caps--line_height--regular", + "value": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + }, + "fontFootnote": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family", + "value": "var(--vkui--font_footnote--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size", + "value": "var(--vkui--font_footnote--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight", + "value": "var(--vkui--font_footnote--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height", + "value": "var(--vkui--font_footnote--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote--font_size--regular", + "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote--font_weight--regular", + "value": "var(--vkui--font_footnote--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + }, + "fontFootnoteCaps": { + "auto": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family", + "value": "var(--vkui--font_footnote_caps--font_family)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size", + "value": "var(--vkui--font_footnote_caps--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight", + "value": "var(--vkui--font_footnote_caps--font_weight)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing", + "value": "var(--vkui--font_footnote_caps--letter_spacing)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height", + "value": "var(--vkui--font_footnote_caps--line_height)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform", + "value": "var(--vkui--font_footnote_caps--text_transform)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote_caps--font_family--regular", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_footnote_caps--font_size--regular", + "value": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + }, + "fontWeight": { + "name": "--vkui--font_footnote_caps--font_weight--regular", + "value": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote_caps--letter_spacing--regular", + "value": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "fontH0": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h0--font_family--regular", + "value": "var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", + }, + "fontWeight": { + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + }, + "fontH1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--regular", + "value": "var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + }, + "fontH2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--regular", + "value": "var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, + }, + "fontHeadline": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + }, + "fontHeadline2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + }, + "fontParagraph": { + "auto": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family", + "value": "var(--vkui--font_paragraph--font_family)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size", + "value": "var(--vkui--font_paragraph--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight", + "value": "var(--vkui--font_paragraph--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height", + "value": "var(--vkui--font_paragraph--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 15px)", + }, + "fontWeight": { + "name": "--vkui--font_paragraph--font_weight--regular", + "value": "var(--vkui--font_paragraph--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_paragraph--line_height--regular", + "value": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + }, + "fontSubhead": { + "auto": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family", + "value": "var(--vkui--font_subhead--font_family)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size", + "value": "var(--vkui--font_subhead--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight", + "value": "var(--vkui--font_subhead--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height", + "value": "var(--vkui--font_subhead--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_subhead--font_size--compact", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_subhead--font_size--regular", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + }, + "fontWeight": { + "name": "--vkui--font_subhead--font_weight--regular", + "value": "var(--vkui--font_subhead--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + }, + "fontText": { + "auto": { + "fontFamily": { + "name": "--vkui--font_text--font_family", + "value": "var(--vkui--font_text--font_family)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size", + "value": "var(--vkui--font_text--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight", + "value": "var(--vkui--font_text--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height", + "value": "var(--vkui--font_text--line_height)", + }, + }, + "compact": { + "fontSize": { + "name": "--vkui--font_text--font_size--compact", + "value": "var(--vkui--font_text--font_size--compact, 15px)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_text--font_size--regular", + "value": "var(--vkui--font_text--font_size--regular, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_text--font_weight--regular", + "value": "var(--vkui--font_text--font_weight--regular, 400)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--regular", + "value": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + }, + "fontTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title1--font_family", + "value": "var(--vkui--font_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size", + "value": "var(--vkui--font_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight", + "value": "var(--vkui--font_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height", + "value": "var(--vkui--font_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title1--font_size--regular", + "value": "var(--vkui--font_title1--font_size--regular, 24px)", + }, + "fontWeight": { + "name": "--vkui--font_title1--font_weight--regular", + "value": "var(--vkui--font_title1--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + }, + "fontTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title2--font_family", + "value": "var(--vkui--font_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size", + "value": "var(--vkui--font_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight", + "value": "var(--vkui--font_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height", + "value": "var(--vkui--font_title2--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title2--font_size--regular", + "value": "var(--vkui--font_title2--font_size--regular, 20px)", + }, + "fontWeight": { + "name": "--vkui--font_title2--font_weight--regular", + "value": "var(--vkui--font_title2--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + }, + "fontTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_title3--font_family", + "value": "var(--vkui--font_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size", + "value": "var(--vkui--font_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight", + "value": "var(--vkui--font_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height", + "value": "var(--vkui--font_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "value": "var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "value": "var(--vkui--font_title3--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "value": "var(--vkui--font_title3--font_weight--regular, 500)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", + }, + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", + }, + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", + }, + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, + }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", + }, + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", + }, + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", + }, + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", + }, + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", + }, + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", + }, + }, + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", + }, + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", + }, + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", + }, + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", + }, + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", + }, + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", + }, + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", + }, + }, + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", + }, + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", + }, + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", + }, + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", + }, + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", + }, + }, + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", + }, + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", + }, + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", + }, + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + }, + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", + }, + }, + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", + }, + "compact": { + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", + }, + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + }, + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + }, + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", + }, + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + }, + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", + }, + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + }, + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", + }, + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + }, + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", + }, + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + }, + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", + }, + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", + }, + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + }, + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", + }, + "compact": { + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + }, + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + }, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", + }, + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", + }, + }, + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + }, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", + }, + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + }, + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", + }, + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "compact": { + "name": "--vkui--size_button_padding_horizontal--compact", + "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + }, + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", + }, + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + }, + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + }, + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + }, + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", + }, + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + }, + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + }, + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", + }, + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", + }, + }, + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + }, + }, + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + }, + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", + }, + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + }, + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, + }, + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", + }, + }, + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", + }, + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 104px)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, + }, + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", + }, + }, + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", + }, + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + }, + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", + }, + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + }, + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + }, + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", + }, + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", + }, + }, + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + }, + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", + }, + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + }, + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, + }, + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", + }, + "compact": { + "name": "--vkui--size_field_width_min--compact", + "value": "var(--vkui--size_field_width_min--compact, 380px)", + }, + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", + }, + }, + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + }, + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", + }, + "sizeHeaderIcon": { + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", + }, + }, + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", + }, + "compact": { + "name": "--vkui--size_icon_margin--compact", + "value": "var(--vkui--size_icon_margin--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", + }, + }, + "sizeIconMorePadding": { + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", + }, + "compact": { + "name": "--vkui--size_icon_more_padding--compact", + "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + }, + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + }, + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", + }, + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", + }, + }, + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, + }, + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", + }, + }, + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", + }, + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, + }, + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + }, + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + }, + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, + }, + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", + }, + }, + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", + }, + }, + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", + }, + }, + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + }, + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + }, + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, + "compact": { + "name": "--vkui--size_popup_base_padding--compact", + "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, + }, + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, + }, + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", + }, + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", + }, + }, + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", + }, + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", + }, + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", + }, + }, + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 420px)", + }, + }, + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, + }, + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", + }, + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + }, + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", + }, + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + }, + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", + }, + }, + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + }, + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", + }, + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + }, + "sizeSliceTopPadding": { + "auto": { + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", + }, + "regular": { + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, + }, + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + }, + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + }, + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + }, + "regular": { + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + }, + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", + }, + }, + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", + }, + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", + }, + }, + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", + }, + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", + }, + }, + "sizeTabMargin": { + "auto": { + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", + }, + "regular": { + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", + }, + }, + "sizeTabPadding": { + "auto": { + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", + }, + "regular": { + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", + }, + }, + "sizeTableHorizontalPadding": { + "auto": { + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", + }, + "regular": { + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, + }, + "sizeTableVerticalPadding": { + "auto": { + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, + }, + "sizeTagMargin": { + "auto": { + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", + }, + "regular": { + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", + }, + }, + "sizeTagPadding": { + "auto": { + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", + }, + "regular": { + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", + }, + }, + "sizeTipMargin": { + "auto": { + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", + }, + "regular": { + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", + }, + }, + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + }, + "sizeVerticalPadding": { + "auto": { + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", + }, + "regular": { + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + }, + "sizeWysiwygIcon": { + "auto": { + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", + }, + "regular": { + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", + }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", + }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", + }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", + }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, workspaceLandings)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, workspaceLandings)", + }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", + }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", + }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", + }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", + }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", + }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", + }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", + }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", + }, + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + }, + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + }, + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", + }, + "workspaceLandingsColorBackgroundBlue": { + "active": { + "name": "--vkui--workspace_landings_color_background_blue--active", + "value": "var(--vkui--workspace_landings_color_background_blue--active, #3792ED)", + }, + "hover": { + "name": "--vkui--workspace_landings_color_background_blue--hover", + "value": "var(--vkui--workspace_landings_color_background_blue--hover, #2F8DEC)", + }, + "normal": { + "name": "--vkui--workspace_landings_color_background_blue", + "value": "var(--vkui--workspace_landings_color_background_blue, #2688EB)", + }, + }, + "workspaceLandingsColorBackgroundDark1": { + "active": { + "name": "--vkui--workspace_landings_color_background_dark1--active", + "value": "var(--vkui--workspace_landings_color_background_dark1--active, #1D1D1D)", + }, + "hover": { + "name": "--vkui--workspace_landings_color_background_dark1--hover", + "value": "var(--vkui--workspace_landings_color_background_dark1--hover, #131313)", + }, + "normal": { + "name": "--vkui--workspace_landings_color_background_dark1", + "value": "var(--vkui--workspace_landings_color_background_dark1, #090909)", + }, + }, + "workspaceLandingsColorBackgroundDark2": { + "active": { + "name": "--vkui--workspace_landings_color_background_dark2--active", + "value": "var(--vkui--workspace_landings_color_background_dark2--active, #2F2F31)", + }, + "hover": { + "name": "--vkui--workspace_landings_color_background_dark2--hover", + "value": "var(--vkui--workspace_landings_color_background_dark2--hover, #262628)", + }, + "normal": { + "name": "--vkui--workspace_landings_color_background_dark2", + "value": "var(--vkui--workspace_landings_color_background_dark2, #1D1D1F)", + }, + }, + "workspaceLandingsColorTextGray": { + "active": { + "name": "--vkui--workspace_landings_color_text_gray--active", + "value": "var(--vkui--workspace_landings_color_text_gray--active, #B9B9BA)", + }, + "hover": { + "name": "--vkui--workspace_landings_color_text_gray--hover", + "value": "var(--vkui--workspace_landings_color_text_gray--hover, #B6B6B7)", + }, + "normal": { + "name": "--vkui--workspace_landings_color_text_gray", + "value": "var(--vkui--workspace_landings_color_text_gray, #B3B3B4)", + }, + }, + "workspaceLandingsColorTextGreen": { + "active": { + "name": "--vkui--workspace_landings_color_text_green--active", + "value": "var(--vkui--workspace_landings_color_text_green--active, #14D7E8)", + }, + "hover": { + "name": "--vkui--workspace_landings_color_text_green--hover", + "value": "var(--vkui--workspace_landings_color_text_green--hover, #0AD5E7)", + }, + "normal": { + "name": "--vkui--workspace_landings_color_text_green", + "value": "var(--vkui--workspace_landings_color_text_green, #00D3E6)", + }, + }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", + }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", + }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", + }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", + }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", + }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", + }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", + }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", + }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", + }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", + }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", + }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", + }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", + }, + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", + }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +exports[`shapshots workspaceLandings theme should match pixelify theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentBlue": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", + }, + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", + }, + "colorAccentPurple": { + "active": "#5D79DF", + "hover": "#5673DD", + "normal": "#4F6DDC", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", + }, + "colorAccentRed": { + "active": "#EE1E44", + "hover": "#EE143C", + "normal": "#ED0A34", + }, + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "colorBackgroundAccent": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", + }, + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.18)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTint": { + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundSecondary": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundTertiary": { + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", + }, + "colorBackgroundWarning": { + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", + }, + "colorBackgroundWarningTint": { + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorButtonContrast": { + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorFieldBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "colorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorIconAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", + }, + "colorIconContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", + }, + "colorIconMediumAlpha": { + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", + }, + "colorIconTertiary": { + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorPanelHeaderIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", + }, + "colorSeparatorPrimary2x": { + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", + }, + "colorSeparatorPrimary3x": { + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorSeparatorSecondary": { + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", + }, + "colorSkeletonFrom": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorSkeletonTo": { + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", + }, + "colorStrokeAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorStrokePositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextLink": { + "active": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", + }, + "colorTextLinkVisited": { + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorTextPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "colorTextSubhead": { + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", + }, + "colorTextTertiary": { + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTrackBackground": { + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", + }, + "colorTrackBuffer": { + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorWriteBarInputBackground": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontFamilyAccent": "MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, + }, + "fontH0": { + "compact": { + "fontSize": "44px", + "lineHeight": "52px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", + }, + }, + "fontH1": { + "compact": { + "fontSize": "32px", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowHeight": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, + "sizeAvatarL": { + "regular": "96px", + }, + "sizeAvatarM": { + "regular": "48px", + }, + "sizeAvatarS": { + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", + }, + "sizeAvatarXS": { + "regular": "24px", + }, + "sizeBadgeL": { + "regular": "44px", + }, + "sizeBadgeM": { + "regular": "24px", + }, + "sizeBadgeS": { + "regular": "16px", + }, + "sizeBadgeXL": { + "regular": "56px", + }, + "sizeBadgeXS": { + "regular": "12px", + }, + "sizeBase": "4px", + "sizeBaseMargin": { + "regular": "12px", + }, + "sizeBasePadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderWidthAccent": { + "regular": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonGroupGapMedium": { + "regular": "12px", + }, + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", + }, + "sizeButtonIconPadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonMorePadding": { + "regular": "8px", + }, + "sizeButtonPaddingHorizontal": { + "compact": "16px", + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { + "regular": "12px", + }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "16px", + }, + "sizeCardgridPadding": { + "regular": "12px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeChoiceMargin": { + "regular": "8px", + }, + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalMargin": { + "regular": "20px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "regular": "24px", + }, + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeIllustrationL": { + "regular": "144px", + }, + "sizeIllustrationM": { + "regular": "96px", + }, + "sizeIllustrationS": { + "regular": "48px", + }, + "sizeIllustrationXM": { + "regular": "72px", + }, + "sizeIllustrationXXL": { + "regular": "228px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeLabelVerticalMargin": { + "regular": "4px", + }, + "sizeLabelWidth": { + "regular": "184px", + }, + "sizeMenuMargin": { + "regular": "2px", + }, + "sizeMenuPadding": { + "regular": "8px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "32px", + "regular": "20px", + }, + "sizePopupHeaderPadding": { + "compact": "24px", + "regular": "16px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "420px", + }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { + "regular": "12px", + }, + "sizePromoButtonClose": { + "regular": "32px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "6px", + "regular": "7px", + }, + "sizeSliceBottomPadding": { + "regular": "60px", + }, + "sizeSliceTopPadding": { + "regular": "40px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTabMargin": { + "regular": "8px", + }, + "sizeTabPadding": { + "regular": "16px", + }, + "sizeTableHorizontalPadding": { + "regular": "16px", + }, + "sizeTableVerticalPadding": { + "regular": "16px", + }, + "sizeTagMargin": { + "regular": "8px", + }, + "sizeTagPadding": { + "regular": "8px", + }, + "sizeTipMargin": { + "regular": "4px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "sizeVerticalPadding": { + "regular": "0px", + }, + "sizeWysiwygIcon": { + "regular": "14px", + }, + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "workspaceLandings", + "themeNameBase": "workspaceLandings", + "themeType": "pixelify", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "workspaceLandingsColorBackgroundBlue": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", + }, + "workspaceLandingsColorBackgroundDark1": { + "active": "#1D1D1D", + "hover": "#131313", + "normal": "#090909", + }, + "workspaceLandingsColorBackgroundDark2": { + "active": "#2F2F31", + "hover": "#262628", + "normal": "#1D1D1F", + }, + "workspaceLandingsColorTextGray": { + "active": "#B9B9BA", + "hover": "#B6B6B7", + "normal": "#B3B3B4", + }, + "workspaceLandingsColorTextGreen": { + "active": "#14D7E8", + "hover": "#0AD5E7", + "normal": "#00D3E6", + }, + "x0": "0px", + "x025": "1px", + "x05": "2px", + "x1": "4px", + "x10": "40px", + "x12": "48px", + "x15": "60px", + "x2": "8px", + "x20": "80px", + "x3": "12px", + "x4": "16px", + "x5": "20px", + "x6": "24px", + "x8": "32px", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots workspaceLandings theme should match pseudo theme from CssVars 1`] = ` +{ + "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", + "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", + "animationDurationS": "var(--vkui--animation_duration_s, 0.1s)", + "animationEasingDefault": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "animationEasingPlatform": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #3880FC)", + "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", + "normal": "var(--vkui--color_accent_blue, #2775FC)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #F16953)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", + "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #5D79DF)", + "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", + "normal": "var(--vkui--color_accent_purple, #4F6DDC)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", + "normal": "var(--vkui--color_accent_raspberry_pink, #F060C0)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EE1E44)", + "hover": "var(--vkui--color_accent_red--hover, #EE143C)", + "normal": "var(--vkui--color_accent_red, #ED0A34)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #4C8CFD)", + "hover": "var(--vkui--color_action_sheet_text--hover, #4487FD)", + "normal": "var(--vkui--color_action_sheet_text, #3C82FD)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(176, 178, 182, 0.52))", + "normal": "var(--vkui--color_avatar_overlay, rgba(176, 178, 182, 0.48))", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #3880FC)", + "hover": "var(--vkui--color_background_accent--hover, #307BFC)", + "normal": "var(--vkui--color_background_accent, #2775FC)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #FFA614)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", + "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_accent_themed, #FFFFFF)", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #67A6FF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundAccentTintAlpha": { + "active": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", + }, + "colorBackgroundAccentTintThemed": { + "active": "var(--vkui--color_background_accent_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_accent_tint_themed, #2b2b2c)", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "var(--vkui--color_background_accent_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #414141)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + }, + "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, rgba(255, 255, 255, 0.2))", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "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)", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 10, 52, 0.18))", + "hover": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 10, 52, 0.14))", + "normal": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", + }, + "colorBackgroundNegativeTintThemed": { + "active": "var(--vkui--color_background_negative_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_negative_tint_themed, #2b2b2c)", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "var(--vkui--color_background_negative_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_negative_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #2A3B34)", + "hover": "var(--vkui--color_background_positive_tint--hover, #21332B)", + "normal": "var(--vkui--color_background_positive_tint, #182A22)", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, + "colorBackgroundPositiveTintThemed": { + "active": "var(--vkui--color_background_positive_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_positive_tint_themed, #2b2b2c)", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "var(--vkui--color_background_positive_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_positive_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + }, + "colorBackgroundSecondaryAlpha": { + "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, rgba(255, 255, 255, 0.08))", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.14))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.1))", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.02))", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", + }, + "colorBackgroundWarningTint": { + "active": "var(--vkui--color_background_warning_tint--active, #41372A)", + "hover": "var(--vkui--color_background_warning_tint--hover, #382F20)", + "normal": "var(--vkui--color_background_warning_tint, #302617)", + }, + "colorBackgroundWarningTintAlpha": { + "active": "var(--vkui--color_background_warning_tint_alpha--active, rgba(255, 158, 0, 0.18))", + "hover": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 158, 0, 0.14))", + "normal": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", + }, + "colorBackgroundWarningTintThemed": { + "active": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "normal": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "var(--vkui--color_background_warning_tint_themed_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_background_warning_tint_themed_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + }, + "colorButtonContrast": { + "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "hover": "var(--vkui--color_button_contrast--hover, #29292A)", + "normal": "var(--vkui--color_button_contrast, #252526)", + }, + "colorButtonContrastAlpha": { + "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", + "normal": "var(--vkui--color_icon_accent, #3C82FD)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", + "normal": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(245, 246, 255, 0.78))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(245, 246, 255, 0.74))", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(245, 246, 255, 0.7))", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(245, 246, 255, 0.64))", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(245, 246, 255, 0.6))", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(245, 246, 255, 0.58))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(245, 246, 255, 0.54))", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(245, 246, 255, 0.5))", + }, + "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, rgba(255, 255, 255, 0.08))", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_image_placeholder_alpha, rgba(255, 255, 255, 0.8))", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", + "normal": "var(--vkui--color_panel_header_icon, #3C82FD)", + }, + "colorRating": { + "active": "var(--vkui--color_rating--active, #FFD714)", + "hover": "var(--vkui--color_rating--hover, #FFD60A)", + "normal": "var(--vkui--color_rating, #ffd400)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #323234)", + "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "normal": "var(--vkui--color_separator_primary2x, #202022)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", + "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))", + }, + "colorSeparatorSecondary": { + "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, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #4C8CFD)", + "hover": "var(--vkui--color_text_accent--hover, #4487FD)", + "normal": "var(--vkui--color_text_accent, #3C82FD)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_accent_themed, #FFFFFF)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #65A3FF)", + "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", + "normal": "var(--vkui--color_text_link, #589BFF)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "hover": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_link_themed, #FFFFFF)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "hover": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "normal": "var(--vkui--color_text_link_tint, #71AAEB)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #6098E2)", + "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", + "normal": "var(--vkui--color_text_link_visited, #528FDF)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #3D3E3F)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "var(--vkui--color_thumb_error_background_alpha--active, rgba(237, 10, 52, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--color_transparent, transparent)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #4C8CFD)", + "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #333333)", + "normal": "var(--vkui--color_write_bar_input_background, #2A2A2B)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #343536)", + "normal": "var(--vkui--color_write_bar_input_border, #2C2D2E)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0 2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0 -2px 0 0 rgba(0, 0, 0, 0.04))", + "elevation2": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + "elevation3": "var(--vkui--elevation3, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "elevation4": "var(--vkui--elevation4, 0 4px 32px 0 rgba(0, 0, 0, 0.48))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.26px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.22px)", + "lineHeight": "var(--vkui--font_caption2_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.16px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, MailSans, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontH0": { + "compact": { + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h0--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", + "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", + }, + }, + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", + }, + }, + "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_h2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline2--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_headline2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_headline2--line_height--regular, 20px)", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_paragraph--font_size--regular, 15px)", + "fontWeight": "var(--vkui--font_paragraph--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_paragraph--line_height--regular, 20px)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 26px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, MailSans, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.48)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", + }, + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", + }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", + }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", + }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", + }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", + }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + }, + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", + }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + }, + "sizeButtonPaddingHorizontal": { + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + }, + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + }, + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + }, + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", + }, + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", + }, + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + }, + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", + }, + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + }, + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + }, + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + }, + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + }, + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", + }, + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", + }, + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", + }, + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", + }, + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + }, + "sizeIllustrationXXL": { + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + }, + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", + }, + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", + }, + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 420px)", + }, + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", + }, + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + }, + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + }, + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", + }, + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + }, + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + }, + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + }, + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + }, + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", + }, + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", + }, + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", + }, + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + }, + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + }, + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", + }, + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", + }, + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + }, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + }, + "spacingSizeL": "var(--vkui--spacing_size_l, 10px)", + "spacingSizeM": "var(--vkui--spacing_size_m, 8px)", + "spacingSizeS": "var(--vkui--spacing_size_s, 6px)", + "spacingSizeXl": "var(--vkui--spacing_size_xl, 12px)", + "spacingSizeXs": "var(--vkui--spacing_size_xs, 4px)", + "themeName": "var(--vkui--theme_name, workspaceLandings)", + "themeNameBase": "var(--vkui--theme_name_base, workspaceLandings)", + "themeType": "pixelify", + "toneValueActive": "var(--vkui--tone_value_active, 0.08)", + "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", + "toneValueHover": "var(--vkui--tone_value_hover, 0.04)", + "toneValueOverlay": "var(--vkui--tone_value_overlay, 0.48)", + "toneValueToolbar": "var(--vkui--tone_value_toolbar, 0.24)", + "toneValueViewer": "var(--vkui--tone_value_viewer, 0.88)", + "typeBorderButton": "var(--vkui--type_border_button, solid)", + "typeBorderPosition": "var(--vkui--type_border_position, inset)", + "widthDesktopS": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "widthFromDesktopS": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "widthToTouch": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "widthTouch": "var(--vkui--width_touch, "(max-width: 767px)")", + "workspaceLandingsColorBackgroundBlue": { + "active": "var(--vkui--workspace_landings_color_background_blue--active, #3792ED)", + "hover": "var(--vkui--workspace_landings_color_background_blue--hover, #2F8DEC)", + "normal": "var(--vkui--workspace_landings_color_background_blue, #2688EB)", + }, + "workspaceLandingsColorBackgroundDark1": { + "active": "var(--vkui--workspace_landings_color_background_dark1--active, #1D1D1D)", + "hover": "var(--vkui--workspace_landings_color_background_dark1--hover, #131313)", + "normal": "var(--vkui--workspace_landings_color_background_dark1, #090909)", + }, + "workspaceLandingsColorBackgroundDark2": { + "active": "var(--vkui--workspace_landings_color_background_dark2--active, #2F2F31)", + "hover": "var(--vkui--workspace_landings_color_background_dark2--hover, #262628)", + "normal": "var(--vkui--workspace_landings_color_background_dark2, #1D1D1F)", + }, + "workspaceLandingsColorTextGray": { + "active": "var(--vkui--workspace_landings_color_text_gray--active, #B9B9BA)", + "hover": "var(--vkui--workspace_landings_color_text_gray--hover, #B6B6B7)", + "normal": "var(--vkui--workspace_landings_color_text_gray, #B3B3B4)", + }, + "workspaceLandingsColorTextGreen": { + "active": "var(--vkui--workspace_landings_color_text_green--active, #14D7E8)", + "hover": "var(--vkui--workspace_landings_color_text_green--hover, #0AD5E7)", + "normal": "var(--vkui--workspace_landings_color_text_green, #00D3E6)", + }, + "x0": "var(--vkui--x0, 0px)", + "x025": "var(--vkui--x025, 1px)", + "x05": "var(--vkui--x05, 2px)", + "x1": "var(--vkui--x1, 4px)", + "x10": "var(--vkui--x10, 40px)", + "x12": "var(--vkui--x12, 48px)", + "x15": "var(--vkui--x15, 60px)", + "x2": "var(--vkui--x2, 8px)", + "x20": "var(--vkui--x20, 80px)", + "x3": "var(--vkui--x3, 12px)", + "x4": "var(--vkui--x4, 16px)", + "x5": "var(--vkui--x5, 20px)", + "x6": "var(--vkui--x6, 24px)", + "x8": "var(--vkui--x8, 32px)", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] = ` +{ + "animationDurationL": "0.4s", + "animationDurationM": "0.2s", + "animationDurationS": "0.1s", + "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", + "breakpoints": { + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, + }, + "colorAccentBlue": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", + }, + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", + }, + "colorAccentPurple": { + "active": "#5D79DF", + "hover": "#5673DD", + "normal": "#4F6DDC", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", + }, + "colorAccentRed": { + "active": "#EE1E44", + "hover": "#EE143C", + "normal": "#ED0A34", + }, + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", + }, + "colorActionSheetText": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "colorBackgroundAccent": { + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", + }, + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "colorBackgroundAccentTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundAccentTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.18)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", + }, + "colorBackgroundNegativeTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundNegativeTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorBackgroundPositiveTint": { + "active": "#2A3B34", + "hover": "#21332B", + "normal": "#182A22", + }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "colorBackgroundPositiveTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundPositiveTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundSecondary": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorBackgroundTertiary": { + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", + }, + "colorBackgroundWarning": { + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", + }, + "colorBackgroundWarningTint": { + "active": "#41372A", + "hover": "#382F20", + "normal": "#302617", + }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", + }, + "colorBackgroundWarningTintThemed": { + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", + }, + "colorBackgroundWarningTintThemedAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorButtonContrast": { + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", + }, + "colorButtonContrastAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorFieldBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "colorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorIconAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", + }, + "colorIconContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", + }, + "colorIconMediumAlpha": { + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorIconPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorIconPrimary": { + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorIconSecondary": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", + }, + "colorIconTertiary": { + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorPanelHeaderIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", + }, + "colorSeparatorPrimary2x": { + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", + }, + "colorSeparatorPrimary3x": { + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", + }, + "colorSeparatorSecondary": { + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", + }, + "colorSkeletonFrom": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorSkeletonTo": { + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", + }, + "colorStrokeAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorStrokePositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextAccent": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextLink": { + "active": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", + }, + "colorTextLinkVisited": { + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", + }, + "colorTextMuted": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", + }, + "colorTextPositive": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", + }, + "colorTextPrimary": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "colorTextPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorTextSecondary": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "colorTextSubhead": { + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", + }, + "colorTextTertiary": { + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", + }, + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", + }, + "colorTrackBackground": { + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", + }, + "colorTrackBuffer": { + "active": "#8DB1EC", + "hover": "#88ADEB", + "normal": "#83AAEA", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorWriteBarInputBackground": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", + }, + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", + }, + "colorsScheme": "dark", + "elevation1": "0 2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation1InvertY": "0 -2px 0 0 rgba(0, 0, 0, 0.04)", + "elevation2": "0 4px 48px 0 rgba(0, 0, 0, 0.72)", + "elevation3": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "elevation4": "0 4px 32px 0 rgba(0, 0, 0, 0.48)", + "fontCaption1": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontFamilyAccent": "MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", + }, + }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, + }, + }, + "fontH1": { + "compact": { + "fontSize": 32, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 500, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 700, + "fontWeightBase2": 700, + "fontWeightBase3": 400, + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowHeight": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, + "sizeAvatarL": { + "regular": 96, + }, + "sizeAvatarM": { + "regular": 48, + }, + "sizeAvatarS": { + "regular": 32, + }, + "sizeAvatarXL": { + "regular": 128, + }, + "sizeAvatarXS": { + "regular": 24, + }, + "sizeBadgeL": { + "regular": 44, + }, + "sizeBadgeM": { + "regular": 24, + }, + "sizeBadgeS": { + "regular": 16, + }, + "sizeBadgeXL": { + "regular": 56, + }, + "sizeBadgeXS": { + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, + }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonGroupGapMedium": { + "regular": 12, + }, + "sizeButtonGroupGapSmall": { + "regular": 8, + }, + "sizeButtonGroupGapSpace": { + "regular": 1, + }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, + }, + "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, + }, + "sizeCardBorderRadius": { + "regular": 16, + }, + "sizeCardgridPadding": { + "regular": 12, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalMargin": { + "regular": 20, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "regular": 228, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, + }, + "sizePopupHeaderPadding": { + "compact": 24, + "regular": 16, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 420, + }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTabMargin": { + "regular": 8, + }, + "sizeTabPadding": { + "regular": 16, + }, + "sizeTableHorizontalPadding": { + "regular": 16, + }, + "sizeTableVerticalPadding": { + "regular": 16, + }, + "sizeTagMargin": { + "regular": 8, + }, + "sizeTagPadding": { + "regular": 8, + }, + "sizeTipMargin": { + "regular": 4, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "sizeVerticalPadding": { + "regular": 0, + }, + "sizeWysiwygIcon": { + "regular": 14, + }, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "workspaceLandings", + "themeNameBase": "workspaceLandings", + "themeType": "root", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "toneValueViewer": 0.88, + "typeBorderButton": "solid", + "typeBorderPosition": "inset", + "widthDesktopS": "(min-width: 768px)", + "widthFromDesktopS": "(min-width: 768px)", + "widthToTouch": "(max-width: 767px)", + "widthTouch": "(max-width: 767px)", + "workspaceLandingsColorBackgroundBlue": { + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", + }, + "workspaceLandingsColorBackgroundDark1": { + "active": "#1D1D1D", + "hover": "#131313", + "normal": "#090909", + }, + "workspaceLandingsColorBackgroundDark2": { + "active": "#2F2F31", + "hover": "#262628", + "normal": "#1D1D1F", + }, + "workspaceLandingsColorTextGray": { + "active": "#B9B9BA", + "hover": "#B6B6B7", + "normal": "#B3B3B4", + }, + "workspaceLandingsColorTextGreen": { + "active": "#14D7E8", + "hover": "#0AD5E7", + "normal": "#00D3E6", + }, + "x0": 0, + "x025": 1, + "x05": 2, + "x1": 4, + "x10": 40, + "x12": 48, + "x15": 60, + "x2": 8, + "x20": 80, + "x3": 12, + "x4": 16, + "x5": 20, + "x6": 24, + "x8": 32, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; diff --git a/src/interfaces/themes/workspaceLandings/index.ts b/src/interfaces/themes/workspaceLandings/index.ts new file mode 100644 index 00000000..9f11ea50 --- /dev/null +++ b/src/interfaces/themes/workspaceLandings/index.ts @@ -0,0 +1,24 @@ +import { ThemeCssVars } from '@/interfaces/general'; +import { ColorDescription, ColorWithStates } from '@/interfaces/general/colors'; +import { ParadigmTheme, ParadigmThemeDescription } from '@/interfaces/namespaces/paradigm'; + +export interface LocalWorkspaceLandingsColorDescriptionStruct { + workspaceLandingsColorBackgroundDark1: ColorDescription; + workspaceLandingsColorBackgroundDark2: ColorDescription; + workspaceLandingsColorBackgroundBlue: ColorDescription; + workspaceLandingsColorTextGray: ColorDescription; + workspaceLandingsColorTextGreen: ColorDescription; +} + +export type WorkspaceLandingsLocalColors = { + [key in keyof LocalWorkspaceLandingsColorDescriptionStruct]: ColorWithStates; +}; + +export interface ThemeWorkspaceLandings extends ParadigmTheme, WorkspaceLandingsLocalColors {} + +export interface ThemeWorkspaceLandingsDescription extends ParadigmThemeDescription { + colors: LocalWorkspaceLandingsColorDescriptionStruct & ParadigmThemeDescription['colors']; +} + +export interface ThemeWorkspaceLandingsCssVars + extends ThemeCssVars {} diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 58a2d491..32d74e8a 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -30,6 +30,7 @@ import { import { vkontakteComTheme, vkontakteComThemeDark } from '@/themeDescriptions/themes/vkontakteCom'; import { vkontakteIOSTheme, vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; import { workspaceAdminTheme } from '@/themeDescriptions/themes/workspaceAdmin'; +import { workspaceLandingsTheme } from '@/themeDescriptions/themes/workspaceLandings'; import { darkThemeExport as paradigmBaseDark, lightTheme as paradigmBase } from './base/paradigm'; import { darkTheme as vkBaseDark, lightTheme as vkBase } from './base/vk'; @@ -96,6 +97,9 @@ export const themes = [ // Темы, наследуемые от WorkspaceAdmin workspaceAdminTheme, + // Темы, наследуемые от WorkspaceLandings + workspaceLandingsTheme, + // Прочие темы callsTheme, todoTheme, diff --git a/src/themeDescriptions/themes/workspaceLandings/index.ts b/src/themeDescriptions/themes/workspaceLandings/index.ts new file mode 100644 index 00000000..603abfdc --- /dev/null +++ b/src/themeDescriptions/themes/workspaceLandings/index.ts @@ -0,0 +1,16 @@ +import { ThemeWorkspaceLandingsDescription } from '@/interfaces/themes/workspaceLandings'; +import { darkTheme } from '@/themeDescriptions/base/paradigm'; + +export const workspaceLandingsTheme: ThemeWorkspaceLandingsDescription = { + ...darkTheme, + themeName: 'workspaceLandings', + themeNameBase: 'workspaceLandings', + colors: { + ...darkTheme.colors, + workspaceLandingsColorBackgroundDark1: '#090909', + workspaceLandingsColorBackgroundDark2: '#1D1D1F', + workspaceLandingsColorBackgroundBlue: '#2688EB', + workspaceLandingsColorTextGray: '#B3B3B4', + workspaceLandingsColorTextGreen: '#00D3E6', + }, +}; From da37b1c39daed79ae78277b4ed4cec63bdc676d0 Mon Sep 17 00:00:00 2001 From: Victoria Zhizhonkova Date: Mon, 28 Aug 2023 18:14:30 +0700 Subject: [PATCH 2/6] feat(Gradient): add new gradient color --- .../__snapshots__/snapthots.test.ts.snap | 280 ++++++++++++++++++ src/interfaces/general/gradients/index.ts | 9 + src/themeDescriptions/base/paradigm.ts | 5 +- src/themeDescriptions/base/vk.ts | 2 + 4 files changed, 295 insertions(+), 1 deletion(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 6992534f..1559d84e 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -4566,6 +4566,10 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -7468,6 +7472,7 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -9365,6 +9370,7 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -11262,6 +11268,7 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -16245,6 +16252,10 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -19147,6 +19158,7 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -21044,6 +21056,7 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -22941,6 +22954,7 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -25946,6 +25960,10 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -28162,6 +28180,7 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -29376,6 +29395,7 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -30590,6 +30610,7 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -33702,6 +33723,10 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -35950,6 +35975,7 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -37199,6 +37225,7 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -38448,6 +38475,7 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -41483,6 +41511,10 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -43713,6 +43745,7 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -44941,6 +44974,7 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -46169,6 +46203,7 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -49205,6 +49240,10 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -51517,6 +51556,7 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -52773,6 +52813,7 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -54029,6 +54070,7 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -57093,6 +57135,10 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -59401,6 +59447,7 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -60656,6 +60703,7 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -61911,6 +61959,7 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -65680,6 +65729,10 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 700)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -68672,6 +68725,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -70255,6 +70309,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 400)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 700)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -71838,6 +71893,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -75719,6 +75775,10 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 700)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -78711,6 +78771,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -80294,6 +80355,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "fontWeightBase1": "var(--vkui--font_weight_base1, 400)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 700)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -81877,6 +81939,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -85776,6 +85839,10 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 700)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -88762,6 +88829,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -90348,6 +90416,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 400)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 700)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -91934,6 +92003,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -95638,6 +95708,10 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -99698,6 +99772,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -101691,6 +101766,7 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -103684,6 +103760,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -107827,6 +107904,10 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -111891,6 +111972,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -113885,6 +113967,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -115879,6 +115962,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -120023,6 +120107,10 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -124087,6 +124175,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -126081,6 +126170,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -128075,6 +128165,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -132219,6 +132310,10 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -136279,6 +136374,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -138272,6 +138368,7 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -140265,6 +140362,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -144360,6 +144458,10 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -148403,6 +148505,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -150379,6 +150482,7 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -152355,6 +152459,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -156450,6 +156555,10 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -160493,6 +160602,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -162469,6 +162579,7 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -164445,6 +164556,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -168588,6 +168700,10 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -172648,6 +172764,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -174641,6 +174758,7 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -176634,6 +176752,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -180201,6 +180320,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -182308,6 +182431,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -183482,6 +183606,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -184656,6 +184781,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -187625,6 +187751,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -189732,6 +189862,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -190906,6 +191037,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -192080,6 +192212,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -195093,6 +195226,10 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -197319,6 +197456,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -198546,6 +198684,7 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -199773,6 +199912,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -202808,6 +202948,10 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -205038,6 +205182,7 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -206266,6 +206411,7 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -207494,6 +207640,7 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -211250,6 +211397,10 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 700)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -214247,6 +214398,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -215835,6 +215987,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 400)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 700)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -217423,6 +217576,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "fontWeightBase1": 400, "fontWeightBase2": 700, "fontWeightBase3": 700, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -220598,6 +220752,10 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -223144,6 +223302,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -224478,6 +224637,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -225812,6 +225972,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -228954,6 +229115,10 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -231496,6 +231661,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -232829,6 +232995,7 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -234162,6 +234329,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -237551,6 +237719,10 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_medium", "value": "var(--vkui--font_weight_medium, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -240423,6 +240595,7 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "fontWeightBase3": 400, "fontWeightBold": 500, "fontWeightMedium": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -241890,6 +242063,7 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", "fontWeightBold": "var(--vkui--font_weight_bold, 500)", "fontWeightMedium": "var(--vkui--font_weight_medium, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -243357,6 +243531,7 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "fontWeightBase3": 400, "fontWeightBold": 500, "fontWeightMedium": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -256588,6 +256763,10 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -259811,6 +259990,7 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -261294,6 +261474,7 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -262777,6 +262958,7 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -266065,6 +266247,10 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -268295,6 +268481,7 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -269523,6 +269710,7 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -270751,6 +270939,7 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -273363,6 +273552,10 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -274794,6 +274987,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -275695,6 +275889,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "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(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -276596,6 +276791,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -279016,6 +279212,10 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -280451,6 +280651,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -281353,6 +281554,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "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, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -282255,6 +282457,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -284676,6 +284879,10 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -286111,6 +286318,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -287013,6 +287221,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "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(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -287915,6 +288124,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -290336,6 +290546,10 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -291771,6 +291985,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -292673,6 +292888,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "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, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -293575,6 +293791,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -295996,6 +296213,10 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -297431,6 +297652,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -298333,6 +298555,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "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(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -299235,6 +299458,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -301656,6 +301880,10 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -303091,6 +303319,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -303993,6 +304222,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "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, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -304895,6 +305125,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -307316,6 +307547,10 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -309751,6 +309986,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -310996,6 +311232,7 @@ exports[`shapshots vkontakteAndroid 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(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -312241,6 +312478,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -315005,6 +315243,10 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -317444,6 +317686,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -318690,6 +318933,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "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, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -319936,6 +320180,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -322701,6 +322946,10 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -325140,6 +325389,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -326386,6 +326636,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "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(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -327632,6 +327883,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -330397,6 +330649,10 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -332836,6 +333092,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -334082,6 +334339,7 @@ exports[`shapshots vkontakteComDark 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, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -335328,6 +335586,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -338093,6 +338352,10 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -340532,6 +340795,7 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -341778,6 +342042,7 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "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(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -343024,6 +343289,7 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.036) 13%, rgba(249, 249, 249, 0.15) 27%, rgba(249, 249, 249, 0.79) 68%, rgba(249, 249, 249, 0.95) 84%, rgba(249, 249, 249, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -345789,6 +346055,10 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -348228,6 +348498,7 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -349474,6 +349745,7 @@ exports[`shapshots vkontakteIOSDark 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, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -350720,6 +350992,7 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.014) 13%, rgba(25, 25, 26, 0.06) 27%, rgba(25, 25, 26, 0.316) 68%, rgba(25, 25, 26, 0.38) 84%, rgba(25, 25, 26, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.036) 13%, rgba(32, 32, 33, 0.15) 27%, rgba(32, 32, 33, 0.79) 68%, rgba(32, 32, 33, 0.95) 84%, rgba(32, 32, 33, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -353909,6 +354182,10 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -356139,6 +356416,7 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -357367,6 +357645,7 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -358595,6 +358874,7 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.036) 13%, rgba(246, 247, 248, 0.15) 27%, rgba(246, 247, 248, 0.79) 68%, rgba(246, 247, 248, 0.95) 84%, rgba(246, 247, 248, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", diff --git a/src/interfaces/general/gradients/index.ts b/src/interfaces/general/gradients/index.ts index 2d6c3429..f694ff31 100644 --- a/src/interfaces/general/gradients/index.ts +++ b/src/interfaces/general/gradients/index.ts @@ -4,13 +4,17 @@ export interface Gradients { /** * @desc Параметры градиента черного цвета * @tags gradient + * @deprecated используйте gradient или gradientTint */ + // TODO [>=5]: удалить за ненадобностью gradientBlack: GradientPoints; /** * @desc Параметры градиента белого цвета * @tags gradient + * @deprecated используйте gradient или gradientTint */ + // TODO [>=5]: удалить за ненадобностью gradientWhite: GradientPoints; /** @@ -18,4 +22,9 @@ export interface Gradients { * @tags gradient */ gradientTint: GradientPoints; + /** + * @desc Параметры градиента дефолтного цвета + * @tags gradient + */ + gradient: GradientPoints; } diff --git a/src/themeDescriptions/base/paradigm.ts b/src/themeDescriptions/base/paradigm.ts index 2fdea0a8..ecd1d30a 100644 --- a/src/themeDescriptions/base/paradigm.ts +++ b/src/themeDescriptions/base/paradigm.ts @@ -20,6 +20,7 @@ const fontWeightBase3 = 400; const colorBackgroundTertiaryLight: Property.Color = '#F6F7F8'; const colorBackgroundTertiaryDark: Property.Color = '#252525'; +const colorBackgroundContentDark: Property.Color = '#232324'; export const lightColors: ColorsDescription = { colorsScheme: 'light', @@ -156,7 +157,7 @@ export const darkColors: ColorsDescription = { colorBackgroundAccent: '#2775FC', colorBackgroundAccentThemed: '#FFFFFF', colorBackgroundAccentAlternative: '#FF9E00', - colorBackgroundContent: '#232324', + colorBackgroundContent: colorBackgroundContentDark, colorBackgroundSecondary: '#2A2A2B', colorBackgroundSecondaryAlpha: { normal: 'rgba(255, 255, 255, 0.08)', @@ -693,6 +694,7 @@ export const lightThemeBase: ThemeDescription = { gradientBlack: getGradientPointsFromColor('#000000', 0.4), gradientWhite: getGradientPointsFromColor('#FFFFFF'), gradientTint: getGradientPointsFromColor(colorBackgroundTertiaryLight), + gradient: getGradientPointsFromColor('#FFFFFF'), animationDurationL: '0.4s', animationDurationM: '0.2s', animationDurationS: '0.1s', @@ -983,6 +985,7 @@ export const darkThemeElevation: Elevation = { export const darkThemeBase: ThemeDescription = { ...lightThemeBase, gradientTint: getGradientPointsFromColor(colorBackgroundTertiaryDark), + gradient: getGradientPointsFromColor(colorBackgroundContentDark, 0.4), themeName: 'paradigmBaseDark', ...darkColors, ...darkThemeElevation, diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index c95e546e..edcb3fad 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -216,6 +216,7 @@ export const lightGradient: Gradients = { gradientBlack: getGradientPointsFromColor('#000000', 0.4), gradientWhite: getGradientPointsFromColor('#FFFFFF'), gradientTint: getGradientPointsFromColor(colorBackgroundTertiaryLight), + gradient: getGradientPointsFromColor('#FFFFFF'), }; export const lightElevation: Elevation = { @@ -232,6 +233,7 @@ export const darkGradient: Gradients = { gradientBlack: getGradientPointsFromColor('#000000', 0.4), gradientWhite: getGradientPointsFromColor('#FFFFFF'), gradientTint: getGradientPointsFromColor(colorBackgroundTertiaryDark), + gradient: getGradientPointsFromColor(figma.dark.background.background_content, 0.4), }; export const darkElevation: Elevation = { From 56d1909d9d26f1997976d0617534e8f309af73ee Mon Sep 17 00:00:00 2001 From: Victoria Zhizhonkova Date: Tue, 29 Aug 2023 14:29:27 +0700 Subject: [PATCH 3/6] chore: get gradient colors from firgma tokens --- src/themeDescriptions/base/vk.ts | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index edcb3fad..535ffd3c 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -1,5 +1,3 @@ -import { Property } from 'csstype'; - import { getGradientPointsFromColor } from '@/build/helpers/getGradientPointsFromColor'; import { alias } from '@/build/helpers/tokenHelpers'; import { ColorsDescription, ThemeDescription } from '@/interfaces/general'; @@ -17,9 +15,6 @@ const fontWeightBase1 = 600; const fontWeightBase2 = 500; const fontWeightBase3 = 400; -const colorBackgroundTertiaryLight: Property.Color = '#F9F9F9'; -const colorBackgroundTertiaryDark: Property.Color = '#202021'; - // eslint-disable-next-line max-lines-per-function export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescription => { const { background, text, icons, stroke, palette, other } = figma[colorsScheme]; @@ -215,7 +210,7 @@ export const lightColors: ColorsDescription = colorFromFigma('light'); export const lightGradient: Gradients = { gradientBlack: getGradientPointsFromColor('#000000', 0.4), gradientWhite: getGradientPointsFromColor('#FFFFFF'), - gradientTint: getGradientPointsFromColor(colorBackgroundTertiaryLight), + gradientTint: getGradientPointsFromColor(figma.light.background.background_tertiary), gradient: getGradientPointsFromColor('#FFFFFF'), }; @@ -232,7 +227,7 @@ export const darkColors: ColorsDescription = colorFromFigma('dark'); export const darkGradient: Gradients = { gradientBlack: getGradientPointsFromColor('#000000', 0.4), gradientWhite: getGradientPointsFromColor('#FFFFFF'), - gradientTint: getGradientPointsFromColor(colorBackgroundTertiaryDark), + gradientTint: getGradientPointsFromColor(figma.dark.background.background_tertiary), gradient: getGradientPointsFromColor(figma.dark.background.background_content, 0.4), }; From 1f7c22c0145f202ba48d69ae82711e2aee77bf23 Mon Sep 17 00:00:00 2001 From: Sergei Peshkov Date: Tue, 12 Sep 2023 13:45:48 +0300 Subject: [PATCH 4/6] feat/workspaceLandings: fix lint and snap errors --- .../__snapshots__/snapthots.test.ts.snap | 607 +++++++++++++----- src/lint/__snapshots__/lint.test.ts.snap | 45 +- src/themeDescriptions/base/paradigm.ts | 4 +- src/themeDescriptions/base/vk.ts | 4 +- src/themeDescriptions/themes/vkCom/index.ts | 4 +- 5 files changed, 450 insertions(+), 214 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 96fbb55b..b96ed955 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -2773,7 +2773,7 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -7026,7 +7026,7 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -8942,7 +8942,7 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -10858,7 +10858,7 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -14567,7 +14567,7 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -18820,7 +18820,7 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -20736,7 +20736,7 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -22652,7 +22652,7 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -24695,7 +24695,7 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -28052,7 +28052,7 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -29285,7 +29285,7 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -30518,7 +30518,7 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -32458,7 +32458,7 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -35919,7 +35919,7 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -37187,7 +37187,7 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -38455,7 +38455,7 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -40430,7 +40430,7 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -43819,7 +43819,7 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -45066,7 +45066,7 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -46313,7 +46313,7 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -48267,7 +48267,7 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -51738,7 +51738,7 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -53013,7 +53013,7 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -54288,7 +54288,7 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -56270,7 +56270,7 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -59737,7 +59737,7 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -61011,7 +61011,7 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -62285,7 +62285,7 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -64274,7 +64274,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -68915,7 +68915,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -70517,7 +70517,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -72119,7 +72119,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -74428,7 +74428,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -79069,7 +79069,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -80671,7 +80671,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -82273,7 +82273,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -84582,7 +84582,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -89229,7 +89229,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -90834,7 +90834,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -92439,7 +92439,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -94785,7 +94785,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPaletteBlue1": { @@ -100319,7 +100319,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -102331,7 +102331,7 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", @@ -104343,7 +104343,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -107089,7 +107089,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPaletteBlue1": { @@ -112627,7 +112627,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -114640,7 +114640,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", @@ -116653,7 +116653,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -119400,7 +119400,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPaletteBlue1": { @@ -124938,7 +124938,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -126951,7 +126951,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", @@ -128964,7 +128964,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -131711,7 +131711,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPaletteBlue1": { @@ -137245,7 +137245,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -139257,7 +139257,7 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", @@ -141269,7 +141269,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -144015,7 +144015,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPaletteBlue1": { @@ -149501,7 +149501,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -151496,7 +151496,7 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", @@ -153491,7 +153491,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -156220,7 +156220,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPaletteBlue1": { @@ -161706,7 +161706,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -163701,7 +163701,7 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", @@ -165696,7 +165696,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -168425,7 +168425,7 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPaletteBlue1": { @@ -173959,7 +173959,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -175971,7 +175971,7 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", @@ -177983,7 +177983,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -180683,7 +180683,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -183936,7 +183936,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -185129,7 +185129,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -186322,7 +186322,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -188222,7 +188222,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -191475,7 +191475,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -192668,7 +192668,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -193861,7 +193861,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -195765,7 +195765,7 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -199150,7 +199150,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -200396,7 +200396,7 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -201642,7 +201642,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -203595,7 +203595,7 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -206984,7 +206984,7 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -208231,7 +208231,7 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -209478,7 +209478,7 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -211440,7 +211440,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -216095,7 +216095,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -217702,7 +217702,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -219309,7 +219309,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -221615,7 +221615,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -225320,7 +225320,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -226673,7 +226673,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -228026,7 +228026,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -230086,7 +230086,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -233787,7 +233787,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -235139,7 +235139,7 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", @@ -236491,7 +236491,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#4C8CFD", @@ -238566,7 +238566,7 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -242751,7 +242751,7 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -244237,7 +244237,7 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -245723,7 +245723,7 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -257938,7 +257938,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -262329,7 +262329,7 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -263831,7 +263831,7 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -265333,7 +265333,7 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -267542,7 +267542,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -270931,7 +270931,7 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -272178,7 +272178,7 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -273425,7 +273425,7 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -275159,7 +275159,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -277595,7 +277595,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -278515,7 +278515,7 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -279435,7 +279435,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -280927,7 +280927,7 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -283367,7 +283367,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -284288,7 +284288,7 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -285209,7 +285209,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -286702,7 +286702,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -289142,7 +289142,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#3F72B0", @@ -290063,7 +290063,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", @@ -290984,7 +290984,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#3F72B0", @@ -292477,7 +292477,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -294917,7 +294917,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -295838,7 +295838,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -296759,7 +296759,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -298252,7 +298252,7 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -300692,7 +300692,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -301613,7 +301613,7 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -302534,7 +302534,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -304027,7 +304027,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -306467,7 +306467,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -307388,7 +307388,7 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -308309,7 +308309,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -309802,7 +309802,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -313246,7 +313246,7 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -314511,7 +314511,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -315776,7 +315776,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -317613,7 +317613,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -321057,7 +321057,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -322322,7 +322322,7 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -323587,7 +323587,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -325424,7 +325424,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -328868,7 +328868,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#3F72B0", @@ -330133,7 +330133,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #3F72B0)", @@ -331398,7 +331398,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#3F72B0", @@ -333235,7 +333235,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -336679,7 +336679,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -337944,7 +337944,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -339209,7 +339209,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -341046,7 +341046,7 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -344490,7 +344490,7 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -345755,7 +345755,7 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -347020,7 +347020,7 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -348857,7 +348857,7 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -352301,7 +352301,7 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -353566,7 +353566,7 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -354831,7 +354831,7 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgb(55, 56, 57, 0.5)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -356888,7 +356888,7 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPanelHeaderIcon": { @@ -360277,7 +360277,7 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -361524,7 +361524,7 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", - "normal": "var(--vkui--color_overlay_secondary, rgb(44, 45, 46, 0.5))", + "normal": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #0059EA)", @@ -362771,7 +362771,7 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgb(44, 45, 46, 0.5)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { "active": "#0059EA", @@ -363720,6 +363720,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_accent_orange_fire, #F05C44)", }, }, + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + }, + }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", @@ -364000,6 +364014,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #414141)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #303030)", + }, + }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", @@ -364322,6 +364350,48 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", + }, + }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", @@ -364644,6 +364714,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, + }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", @@ -364868,6 +364952,20 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, + }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", @@ -366396,6 +366494,36 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, + }, + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", + }, + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", + }, + }, "sizeBorderRadius": { "auto": { "name": "--vkui--size_border_radius", @@ -366426,6 +366554,16 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", + }, + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + }, "sizeBorderWidthAccent": { "auto": { "name": "--vkui--size_border_width_accent", @@ -367179,7 +367317,7 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 420px)", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, "sizeProgress": { @@ -367688,6 +367826,11 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "#F1634B", "normal": "#F05C44", }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, "colorAccentPurple": { "active": "#5D79DF", "hover": "#5673DD", @@ -367788,6 +367931,11 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -367903,6 +368051,21 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -368018,6 +368181,11 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -368098,6 +368266,11 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -368500,6 +368673,15 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "sizeBasePaddingVertical": { "regular": "12px", }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, "sizeBorderRadius": { "regular": "8px", }, @@ -368509,6 +368691,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "sizeBorderRadiusPromo": { "regular": "20px", }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, "sizeBorderWidthAccent": { "regular": "8px", }, @@ -368731,7 +368916,7 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "regular": "680px", }, "sizePopupSmall": { - "regular": "420px", + "regular": "430px", }, "sizeProgress": { "regular": "4px", @@ -368913,6 +369098,11 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", "normal": "var(--vkui--color_accent_orange_fire, #F05C44)", }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", + "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", + }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #5D79DF)", "hover": "var(--vkui--color_accent_purple--hover, #5673DD)", @@ -369013,6 +369203,11 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #414141)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #383838)", + "normal": "var(--vkui--color_background_contrast_themed, #303030)", + }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #414141)", "hover": "var(--vkui--color_background_modal--hover, #383838)", @@ -369128,6 +369323,21 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "hover": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", "normal": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", + }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #353536)", "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", @@ -369243,6 +369453,11 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))", + "normal": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", + }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #4C8CFD)", "hover": "var(--vkui--color_panel_header_icon--hover, #4487FD)", @@ -369323,6 +369538,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)", }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #818385)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", + "normal": "var(--vkui--color_tabbar_text_inactive, #76787A)", + }, "colorTextAccent": { "active": "var(--vkui--color_text_accent--active, #4C8CFD)", "hover": "var(--vkui--color_text_accent--hover, #4487FD)", @@ -369725,6 +369945,15 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", + }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", + }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", + }, "sizeBorderRadius": { "regular": "var(--vkui--size_border_radius--regular, 8px)", }, @@ -369734,6 +369963,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, "sizeBorderWidthAccent": { "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, @@ -369956,7 +370188,7 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 420px)", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeProgress": { "regular": "var(--vkui--size_progress--regular, 4px)", @@ -370138,6 +370370,11 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "#F1634B", "normal": "#F05C44", }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, "colorAccentPurple": { "active": "#5D79DF", "hover": "#5673DD", @@ -370238,6 +370475,11 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.24)", "normal": "rgba(255, 255, 255, 0.2)", }, + "colorBackgroundContrastThemed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, "colorBackgroundModal": { "active": "#414141", "hover": "#383838", @@ -370353,6 +370595,21 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "rgba(255, 255, 255, 0.2)", "normal": "rgba(255, 255, 255, 0.12)", }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorFieldBackground": { "active": "#353536", "hover": "#2C2C2D", @@ -370468,6 +370725,11 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "rgba(0, 0, 0, 0.52)", "normal": "rgba(0, 0, 0, 0.48)", }, + "colorOverlaySecondary": { + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", + }, "colorPanelHeaderIcon": { "active": "#4C8CFD", "hover": "#4487FD", @@ -370548,6 +370810,11 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#4C8CFD", "hover": "#4487FD", @@ -370950,6 +371217,15 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "sizeBasePaddingVertical": { "regular": 12, }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, "sizeBorderRadius": { "regular": 8, }, @@ -370959,6 +371235,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "sizeBorderRadiusPromo": { "regular": 20, }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, "sizeBorderWidthAccent": { "regular": 8, }, @@ -371181,7 +371460,7 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "regular": 680, }, "sizePopupSmall": { - "regular": 420, + "regular": 430, }, "sizeProgress": { "regular": 4, diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index 3fe7ab7d..5118ca62 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -1,46 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`lint snapshot 1`] = ` -[ - "paradigmBase: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "paradigmBaseDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkBase: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkBaseDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkCom: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkComDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkIOS: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkIOSDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteIOS: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteIOSDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteCom: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteComDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "octavius: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "octaviusDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "octaviusCompact: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "octaviusCompactDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "octaviusVK: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "octaviusVKDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "calendar: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "calendarDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "octaviusWhite: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "media: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "mediaDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "mycom: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "pharma: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "home: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "homeDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "otvet: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "otvetDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "cloud: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "cloudDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "portalUI: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "portalUIDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "workspaceAdmin: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "calls: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "todo: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "search: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "promo: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", -] -`; +exports[`lint snapshot 1`] = `[]`; diff --git a/src/themeDescriptions/base/paradigm.ts b/src/themeDescriptions/base/paradigm.ts index 2ae2714d..8d3610dd 100644 --- a/src/themeDescriptions/base/paradigm.ts +++ b/src/themeDescriptions/base/paradigm.ts @@ -141,7 +141,7 @@ export const lightColors: ColorsDescription = { colorAvatarOverlay: 'rgba(145, 147, 153, 0.48)', colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)', - colorOverlaySecondary: 'rgb(44, 45, 46, 0.5)', + colorOverlaySecondary: 'rgba(44, 45, 46, 0.5)', colorSegmentedControl: '#FFFFFF', colorTabbarTextInactive: '#99A2AD', colorButtonText: '#005FF9', @@ -271,7 +271,7 @@ export const darkColors: ColorsDescription = { colorAvatarOverlay: 'rgba(176, 178, 182, 0.48)', colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)', - colorOverlaySecondary: 'rgb(55, 56, 57, 0.5)', + colorOverlaySecondary: 'rgba(55, 56, 57, 0.5)', colorSegmentedControl: '#626364', colorTabbarTextInactive: '#76787A', colorButtonText: '#FFFFFF', diff --git a/src/themeDescriptions/base/vk.ts b/src/themeDescriptions/base/vk.ts index 389f3b5d..fdcea576 100644 --- a/src/themeDescriptions/base/vk.ts +++ b/src/themeDescriptions/base/vk.ts @@ -175,8 +175,8 @@ export const colorFromFigma = (colorsScheme: 'light' | 'dark'): ColorsDescriptio // Other colorOverlayPrimary: other.overlay_primary, colorOverlaySecondary: { - light: 'rgb(44, 45, 46, 0.5)', - dark: 'rgb(55, 56, 57, 0.5)', + light: 'rgba(44, 45, 46, 0.5)', + dark: 'rgba(55, 56, 57, 0.5)', }[colorsScheme], colorAvatarOverlay: other.avatar_overlay_alpha, colorAvatarOverlayInverseAlpha: other.avatar_overlay_inverse_alpha, diff --git a/src/themeDescriptions/themes/vkCom/index.ts b/src/themeDescriptions/themes/vkCom/index.ts index dc611df6..f2eac4e2 100644 --- a/src/themeDescriptions/themes/vkCom/index.ts +++ b/src/themeDescriptions/themes/vkCom/index.ts @@ -115,7 +115,7 @@ const vkComColors = (theme: typeof vkcom_light) => ({ // Other // colorOverlayPrimary: resolveColor(theme.colors.primary_overlay_badge), - colorOverlaySecondary: 'rgb(44, 45, 46, 0.5)', + colorOverlaySecondary: 'rgba(44, 45, 46, 0.5)', // colorAvatarOverlay: 'rgba(0, 0, 0, 0.6)', // colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', // colorImagePlaceholder: resolveColor( @@ -268,7 +268,7 @@ const vkComDarkColor: ColorsDescription = { colorButtonText: '#E1E3E6', colorButtonIcon: '#E1E3E6', colorButtonStroke: '#E1E3E6', - colorOverlaySecondary: 'rgb(55, 56, 57, 0.5)', + colorOverlaySecondary: 'rgba(55, 56, 57, 0.5)', colorBackgroundContrastThemed: '#323232', colorTextAccentThemed: '#E1E3E6', colorIconAccentThemed: '#E1E3E6', From 356f12b9ac1a98af83dec3dad2a3183d9c537c7e Mon Sep 17 00:00:00 2001 From: Sergei Peshkov Date: Tue, 12 Sep 2023 14:57:41 +0300 Subject: [PATCH 5/6] 4.39.0: update snaps --- src/build/__snapshots__/snapthots.test.ts.snap | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index e40bce06..d99775b9 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -366546,6 +366546,10 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_weight_base3", "value": "var(--vkui--font_weight_base3, 400)", }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", + }, "gradientBlack": { "name": "--vkui--gradient_black", "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", @@ -368886,6 +368890,7 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", @@ -370158,6 +370163,7 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "fontWeightBase1": "var(--vkui--font_weight_base1, 700)", "fontWeightBase2": "var(--vkui--font_weight_base2, 700)", "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%)", "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%)", "gradientTint": "var(--vkui--gradient_tint, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%)", "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%)", @@ -371430,6 +371436,7 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "fontWeightBase1": 700, "fontWeightBase2": 700, "fontWeightBase3": 400, + "gradient": "rgba(35, 35, 36, 0) 0%, rgba(35, 35, 36, 0.014) 13%, rgba(35, 35, 36, 0.06) 27%, rgba(35, 35, 36, 0.316) 68%, rgba(35, 35, 36, 0.38) 84%, rgba(35, 35, 36, 0.4) 100%", "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.014) 13%, rgba(0, 0, 0, 0.06) 27%, rgba(0, 0, 0, 0.316) 68%, rgba(0, 0, 0, 0.38) 84%, rgba(0, 0, 0, 0.4) 100%", "gradientTint": "rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 0.036) 13%, rgba(37, 37, 37, 0.15) 27%, rgba(37, 37, 37, 0.79) 68%, rgba(37, 37, 37, 0.95) 84%, rgba(37, 37, 37, 1) 100%", "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.036) 13%, rgba(255, 255, 255, 0.15) 27%, rgba(255, 255, 255, 0.79) 68%, rgba(255, 255, 255, 0.95) 84%, rgba(255, 255, 255, 1) 100%", From b67b146506647263c6554cb4e2df14f10d5cea84 Mon Sep 17 00:00:00 2001 From: Sergei Peshkov Date: Tue, 12 Sep 2023 15:01:42 +0300 Subject: [PATCH 6/6] 4.39.0 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index d38a36c5..a0335319 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@vkontakte/vkui-tokens", - "version": "4.38.2", + "version": "4.39.0", "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm", "license": "MIT", "main": "utils/descriptions.js",