diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index a33e8759f..e36119c1f 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -88523,6 +88523,30744 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` } `; +exports[`shapshots legoAndroid 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.4, 0, 0.2, 1))", + }, + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077ff)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #aff70d)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "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, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #f9b54f)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #f45fff)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, #00000099)", + }, + }, + "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, #ffffffd8)", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #DADBDF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E4E4E6)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ededed)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #2688eb)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688eb)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, #2688eb33)", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #ffffff)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181C)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #191919)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "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, #292B2E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + }, + "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, #ffffff33)", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #ffffff)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #deeeff)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #ffffff)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #ffe9e9)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, #0000000a)", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, #00000007)", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #fff2d6)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ebebeb)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, #0000001e)", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #ffffff)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #2688eb)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "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, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #7F8084)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #848587)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #8a8a8a)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, #0000007a)", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #212121)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #96979B)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #a3a3a3)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, #0000005b)", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #c2c2c2)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #f8a01c)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, #00000014)", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f3f3f3)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, #2121210f)", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "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.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, #00000066)", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, #00000044)", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebebeb)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #ffffff)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C7C8CC)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d8d8d8)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cccccc)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bfbfbf)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, #0000001e)", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D1D2D6)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e3e3e3)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #ebebeb)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #2688eb)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "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, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #212121)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #adadad)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #2688eb)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "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, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #2d81e0)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "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, #437DC1)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #2F3034)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #313233)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #333333)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #212121)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #212121)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C8086)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #828589)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #878a8c)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, #2929298c)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6C6D71)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #707173)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #757575)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #949599)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #a1a1a1)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #ebebeb)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, #00000000)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #ebebeb)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing", + "value": "var(--vkui--font_caption1--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing--regular", + "value": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing", + "value": "var(--vkui--font_caption2--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing--regular", + "value": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing", + "value": "var(--vkui--font_caption3--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing--regular", + "value": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", + }, + "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)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing", + "value": "var(--vkui--font_footnote--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing--regular", + "value": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing", + "value": "var(--vkui--font_headline--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--compact", + "value": "var(--vkui--font_headline--letter_spacing--compact, 0.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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--regular", + "value": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing", + "value": "var(--vkui--font_headline1--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--compact", + "value": "var(--vkui--font_headline1--letter_spacing--compact, 0.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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--regular", + "value": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing", + "value": "var(--vkui--font_subhead--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--compact", + "value": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--regular", + "value": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing", + "value": "var(--vkui--font_text--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--compact", + "value": "var(--vkui--font_text--letter_spacing--compact, 0.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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--regular", + "value": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, 600)", + }, + "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, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "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.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, var(--vkui--color_background_content, 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.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.5)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.5)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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", + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "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, 8px)", + }, + }, + "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, 8px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "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, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "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, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "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)", + }, + }, + "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, 430px)", + }, + }, + "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, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "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)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkontakteAndroid)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoAndroid)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoAndroid)", + }, + "themeType": "cssVars", + "vkontakteBackgroundHoverAlpha": { + "active": { + "name": "--vkui--vkontakte_background_hover_alpha--active", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--vkontakte_background_hover_alpha--hover", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--vkontakte_background_hover_alpha", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + }, + }, + "vkontakteButtonMutedBackground": { + "active": { + "name": "--vkui--vkontakte_button_muted_background--active", + "value": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--vkontakte_button_muted_background--hover", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--vkontakte_button_muted_background", + "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + }, + }, + "vkontakteButtonTertiaryBackground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_background--active", + "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_background--hover", + "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_background", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + }, + "vkontakteButtonTertiaryForeground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_foreground--active", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_foreground--hover", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_foreground", + "value": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + }, + }, + "vkontakteColorAccentAlternate": { + "active": { + "name": "--vkui--vkontakte_color_accent_alternate--active", + "value": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_accent_alternate--hover", + "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_accent_alternate", + "value": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", + }, + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(0, 16, 61, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + }, + "vkontakteColorBackgroundKeyboard": { + "active": { + "name": "--vkui--vkontakte_color_background_keyboard--active", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_keyboard--hover", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_keyboard", + "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + }, + }, + "vkontakteColorBackgroundSuggestions": { + "active": { + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_suggestions--hover", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_suggestions", + "value": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", + }, + }, + "vkontakteColorBackgroundTextAlpha": { + "active": { + "name": "--vkui--vkontakte_color_background_text_alpha--active", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_text_alpha--hover", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_text_alpha", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + }, + }, + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + }, + }, + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + }, + }, + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_background--hover", + "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_background", + "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + }, + }, + "vkontakteColorControlForeground": { + "active": { + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_foreground--hover", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_foreground", + "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + }, + }, + "vkontakteColorControlTintMuted": { + "active": { + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_tint_muted--hover", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_tint_muted", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + }, + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_background--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_background", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + }, + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_tint--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_tint", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + }, + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + }, + }, + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + }, + }, + "vkontakteColorIconOutlineMedium": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_medium--active", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_medium--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_medium", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + }, + }, + "vkontakteColorIconOutlineSecondary": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--active", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_secondary", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + }, + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + }, + }, + "vkontakteColorImBubbleGiftText": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + }, + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", + }, + }, + "vkontakteColorImBubbleIncoming": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + }, + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + }, + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + }, + }, + "vkontakteColorImBubbleOutgoing": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + }, + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + }, + }, + "vkontakteColorImForwardLineAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + }, + }, + "vkontakteColorImTextName": { + "active": { + "name": "--vkui--vkontakte_color_im_text_name--active", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_text_name--hover", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_text_name", + "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + }, + }, + "vkontakteColorInputBorder": { + "active": { + "name": "--vkui--vkontakte_color_input_border--active", + "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_input_border--hover", + "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_input_border", + "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + }, + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + }, + "hover": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + }, + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + }, + }, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, + }, + "vkontakteColorModalCardBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + }, + }, + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", + }, + "hover": { + "name": "--vkui--vkontakte_color_modal_card_header_close--hover", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + }, + }, + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + }, + "hover": { + "name": "--vkui--vkontakte_color_music_playback_icon--hover", + "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_color_music_playback_icon", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", + }, + }, + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + }, + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + }, + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + }, + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + }, + }, + "vkontakteColorPlaceholderIconTint": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + }, + }, + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", + }, + "hover": { + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + }, + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + }, + }, + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + }, + }, + "vkontakteColorSearchBarFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--active", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", + }, + "hover": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + }, + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + }, + }, + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_color_snippet_background--hover", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + }, + }, + "vkontakteColorSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + }, + "hover": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + }, + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + }, + }, + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + }, + }, + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + }, + }, + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + }, + }, + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", + }, + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + }, + }, + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", + }, + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + }, + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + }, + }, + "vkontakteFloatButtonForeground": { + "active": { + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + }, + }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + }, + "hover": { + "name": "--vkui--vkontakte_im_attach_tint--hover", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + }, + "vkontakteImBubbleButtonForeground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--active", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + }, + }, + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background", + "value": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + }, + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + }, + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", + }, + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", + }, + }, + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", + }, + "hover": { + "name": "--vkui--vkontakte_im_reply_separator--hover", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + }, + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, + }, + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": { + "name": "--vkui--vkontakte_landing_secondary_button_background--active", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", + }, + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + }, + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + }, + }, + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #000105)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", + }, + "hover": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + }, + }, + "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 legoAndroid 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#f9b54f", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#ffe9e9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#e8f9e8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "#0000000a", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "#00000007", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#fff2d6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "#0000007a", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "#0000005b", + }, + "colorIconTertiary": { + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "#0000003d", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#f8a01c", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorImagePlaceholder": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", + }, + "colorSeparatorPrimary2x": { + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorSeparatorSecondary": { + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorStrokeAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTabbarTextInactive": { + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", + }, + "colorTextAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", + }, + "colorTextPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", + }, + "colorTextSubhead": { + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", + }, + "colorTextTertiary": { + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", + }, + "colorTrackBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorWriteBarInputBorder": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorsScheme": "light", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "letterSpacing": "0.15px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "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": "8px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkontakteAndroid", + "themeName": "legoAndroid", + "themeNameBase": "legoAndroid", + "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", + }, + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", + }, + "vkontakteColorControlTintMuted": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "vkontakteColorIconName": { + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#7A6A4E", + "hover": "#806E4F", + "normal": "#857250", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#9D8D6D", + "hover": "#A4936F", + "normal": "#AB9871", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#D4D8EF", + "hover": "#DDE0F7", + "normal": "#E6E9FF", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#CCE4FF", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#9FABEF", + "hover": "#A6B1F7", + "normal": "#ADB8FF", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", + }, + "vkontakteColorInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorLoaderTint": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", + }, + "vkontakteColorPollOptionBackground": { + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", + }, + "vkontakteColorSearchBarBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorStatusBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", + }, + "vkontakteColorTabbarBackground": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", + }, + "vkontakteColorTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "vkontakteFloatButtonForeground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#BCC3EF", + "hover": "#C4CBF7", + "normal": "#ccd3ff", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#9FC3EF", + "hover": "#A6CBF7", + "normal": "#add3ff", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteLandingBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(0, 57, 115, 0.18)", + "hover": "rgba(0, 57, 115, 0.14)", + "normal": "rgba(0, 57, 115, 0.10)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoAndroid 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.4, 0, 0.2, 1))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", + }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", + }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #f9b54f)", + }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #6A56D8)", + "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "hover": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", + }, + "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, #ffffffd8)", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #DADBDF)", + "hover": "var(--vkui--color_background--hover, #E4E4E6)", + "normal": "var(--vkui--color_background, #ededed)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688eb)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #2688eb33)", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #17181C)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "normal": "var(--vkui--color_background_content_inverse, #191919)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #ffffff)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "hover": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "normal": "var(--vkui--color_background_info_tint, #deeeff)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #ffffff)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #D44245)", + "hover": "var(--vkui--color_background_negative--hover, #DD4446)", + "normal": "var(--vkui--color_background_negative, #e64646)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #ffe9e9)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "normal": "var(--vkui--color_background_positive_tint, #e8f9e8)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, #0000000a)", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, #00000007)", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #fff2d6)", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_field_background, #ebebeb)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #0000001e)", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #ffffff)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #7F8084)", + "hover": "var(--vkui--color_icon_medium--hover, #848587)", + "normal": "var(--vkui--color_icon_medium, #8a8a8a)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, #0000007a)", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #D44245)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "normal": "var(--vkui--color_icon_negative, #e64646)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary--hover, #202022)", + "normal": "var(--vkui--color_icon_primary, #212121)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #96979B)", + "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, #0000005b)", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #E4941F)", + "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "normal": "var(--vkui--color_icon_warning, #f8a01c)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, #00000014)", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #E0E1E4)", + "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, #00000066)", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_search_field_background, #ebebeb)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #ffffff)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C7C8CC)", + "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + "normal": "var(--vkui--color_separator_primary, #d8d8d8)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + "normal": "var(--vkui--color_separator_primary2x, #cccccc)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, #0000001e)", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #D1D2D6)", + "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #D8D9DD)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + "normal": "var(--vkui--color_skeleton_to, #ebebeb)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #ffffff)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #1E2023)", + "hover": "var(--vkui--color_stroke_primary--hover, #202022)", + "normal": "var(--vkui--color_stroke_primary, #212121)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #437DC1)", + "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #2F3034)", + "hover": "var(--vkui--color_text_muted--hover, #313233)", + "normal": "var(--vkui--color_text_muted, #333333)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #1E2023)", + "hover": "var(--vkui--color_text_primary--hover, #202022)", + "normal": "var(--vkui--color_text_primary, #212121)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #7C8086)", + "hover": "var(--vkui--color_text_secondary--hover, #828589)", + "normal": "var(--vkui--color_text_secondary, #878a8c)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #6C6D71)", + "hover": "var(--vkui--color_text_subhead--hover, #707173)", + "normal": "var(--vkui--color_text_subhead, #757575)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #949599)", + "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #D8D9DD)", + "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_track_background, #ebebeb)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", + }, + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "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.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.5)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.5)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "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)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "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, 8px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "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, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "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)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "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)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteAndroid)", + "themeName": "var(--vkui--theme_name, legoAndroid)", + "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", + "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + }, + "vkontakteButtonMutedBackground": { + "active": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", + "normal": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + }, + "vkontakteButtonTertiaryBackground": { + "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + "vkontakteButtonTertiaryForeground": { + "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", + "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + }, + "vkontakteColorAccentAlternate": { + "active": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", + "hover": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", + "normal": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + }, + "vkontakteColorContentTintForeground": { + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + }, + "vkontakteColorControlBackground": { + "active": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + }, + "vkontakteColorControlForeground": { + "active": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", + "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + "normal": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + }, + "vkontakteColorControlTintMuted": { + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", + "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + }, + "vkontakteColorIconName": { + "active": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + "normal": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + }, + "vkontakteColorIconOutlineMedium": { + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", + "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, #C6C8CD)", + "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, #CED0D3)", + "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(215, 216, 217, 1))", + }, + "vkontakteColorImBubbleGiftText": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", + }, + "vkontakteColorImBubbleIncoming": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(69, 103, 143, 0.32))", + "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + }, + "vkontakteColorImTextName": { + "active": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + }, + "vkontakteColorInputBorder": { + "active": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + "vkontakteColorLoaderBackground": { + "active": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + }, + "vkontakteColorLoaderTint": { + "active": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", + "hover": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", + "normal": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + "hover": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", + "normal": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", + }, + "vkontakteColorPanelTabActiveText": { + "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + }, + "vkontakteColorPollOptionBackground": { + "active": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", + "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + "normal": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + }, + "vkontakteColorSearchBarBackground": { + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", + "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", + "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + }, + "vkontakteColorSnippetBackground": { + "active": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + "vkontakteColorSplashScreenIcon": { + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + }, + "vkontakteColorStatusBackground": { + "active": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + "normal": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", + "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + }, + "vkontakteColorTabbarBackground": { + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + }, + "vkontakteColorTextName": { + "active": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", + "hover": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + }, + "vkontakteFloatButtonForeground": { + "active": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + }, + "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", + }, + "vkontakteImReplySeparator": { + "active": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", + "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + "normal": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, + "vkontakteLandingBackground": { + "active": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + "hover": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + "normal": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", + "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #000105)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + }, + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots legoAndroid 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#f9b54f", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#ffe9e9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#e8f9e8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "#0000000a", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "#00000007", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#fff2d6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "#0000007a", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "#0000005b", + }, + "colorIconTertiary": { + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "#0000003d", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#f8a01c", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorImagePlaceholder": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", + }, + "colorSeparatorPrimary2x": { + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorSeparatorSecondary": { + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorStrokeAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTabbarTextInactive": { + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", + }, + "colorTextAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", + }, + "colorTextPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", + }, + "colorTextSubhead": { + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", + }, + "colorTextTertiary": { + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", + }, + "colorTrackBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorWriteBarInputBorder": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorsScheme": "light", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "letterSpacing": "0.15px", + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 8, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkontakteAndroid", + "themeName": "legoAndroid", + "themeNameBase": "legoAndroid", + "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", + }, + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", + }, + "vkontakteColorControlTintMuted": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "vkontakteColorIconName": { + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#7A6A4E", + "hover": "#806E4F", + "normal": "#857250", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#9D8D6D", + "hover": "#A4936F", + "normal": "#AB9871", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#D4D8EF", + "hover": "#DDE0F7", + "normal": "#E6E9FF", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#CCE4FF", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#9FABEF", + "hover": "#A6B1F7", + "normal": "#ADB8FF", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", + }, + "vkontakteColorInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorLoaderTint": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", + }, + "vkontakteColorPollOptionBackground": { + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", + }, + "vkontakteColorSearchBarBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "vkontakteColorStatusBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", + }, + "vkontakteColorTabbarBackground": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", + }, + "vkontakteColorTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "vkontakteFloatButtonForeground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#BCC3EF", + "hover": "#C4CBF7", + "normal": "#ccd3ff", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#9FC3EF", + "hover": "#A6CBF7", + "normal": "#add3ff", + }, + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "vkontakteLandingBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(0, 57, 115, 0.18)", + "hover": "rgba(0, 57, 115, 0.14)", + "normal": "rgba(0, 57, 115, 0.10)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoAndroidDark 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.4, 0, 0.2, 1))", + }, + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077ff)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #529ef4)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #aff70d)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #f45fff)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "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, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #529ef4)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, #00000099)", + }, + }, + "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, #ffffffd8)", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529ef4)", + }, + }, + "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)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, #ffffff33)", + }, + }, + "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)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222222)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #191919)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, + }, + "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, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + }, + "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, #ffffff33)", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1c3954)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2F2F2F)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #262626)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1d1d1d)", + }, + }, + "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)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353535)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232323)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323232)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #292929)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202020)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, + }, + "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", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #323232)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #292929)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, #ffffff1e)", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #191919)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, + }, + "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, #F4F4F4)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #b1b1b1)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e3e3e3)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #333333)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #838383)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #787878)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #edb055)", + }, + }, + "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, #ffffff14)", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2b2b2b)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + }, + }, + "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.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, #00000066)", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, #00000044)", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #474747)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #373737)", + }, + }, + "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, #474747)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #373737)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #545454)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #454545)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #606060)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #595959)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #525252)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272727)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141414)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2d2d2d)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2d2d2d)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #e3e3e3)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #787878)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, + }, + "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, #141414)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, + }, + "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, #5890D0)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #C9C9C9)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #c4c4c4)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e3e3e3)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #333333)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #212121)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #838383)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #787878)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #9a9a9a)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5f5f5f)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #555555)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4D4D4D)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #464646)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, #00000000)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #529ef4)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + }, + }, + "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.16))", + }, + "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.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing", + "value": "var(--vkui--font_caption1--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1--letter_spacing--regular", + "value": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "letterSpacing": { + "name": "--vkui--font_caption1_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing", + "value": "var(--vkui--font_caption2--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2--letter_spacing--regular", + "value": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "letterSpacing": { + "name": "--vkui--font_caption2_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing", + "value": "var(--vkui--font_caption3--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3--letter_spacing--regular", + "value": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "letterSpacing": { + "name": "--vkui--font_caption3_caps--letter_spacing--regular", + "value": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", + }, + "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)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing", + "value": "var(--vkui--font_footnote--letter_spacing)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_footnote--letter_spacing--regular", + "value": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing", + "value": "var(--vkui--font_headline--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--compact", + "value": "var(--vkui--font_headline--letter_spacing--compact, 0.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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline--letter_spacing--regular", + "value": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing", + "value": "var(--vkui--font_headline1--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--compact", + "value": "var(--vkui--font_headline1--letter_spacing--compact, 0.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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_headline1--letter_spacing--regular", + "value": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing", + "value": "var(--vkui--font_subhead--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--compact", + "value": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_subhead--letter_spacing--regular", + "value": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing", + "value": "var(--vkui--font_text--letter_spacing)", + }, + "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)", + }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--compact", + "value": "var(--vkui--font_text--letter_spacing--compact, 0.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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "letterSpacing": { + "name": "--vkui--font_text--letter_spacing--regular", + "value": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, 600)", + }, + "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, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", + }, + "gradient": { + "name": "--vkui--gradient", + "value": "var(--vkui--gradient, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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", + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "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, 8px)", + }, + }, + "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, 8px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", + }, + "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, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "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, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "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)", + }, + }, + "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, 430px)", + }, + }, + "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, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "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)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkontakteAndroidDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoAndroidDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoAndroid)", + }, + "themeType": "cssVars", + "vkontakteBackgroundHoverAlpha": { + "active": { + "name": "--vkui--vkontakte_background_hover_alpha--active", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", + }, + "hover": { + "name": "--vkui--vkontakte_background_hover_alpha--hover", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", + }, + "normal": { + "name": "--vkui--vkontakte_background_hover_alpha", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", + }, + }, + "vkontakteButtonMutedBackground": { + "active": { + "name": "--vkui--vkontakte_button_muted_background--active", + "value": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_button_muted_background--hover", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_button_muted_background", + "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + }, + }, + "vkontakteButtonTertiaryBackground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_background--active", + "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_background--hover", + "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_background", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + }, + "vkontakteButtonTertiaryForeground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_foreground--active", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--vkontakte_button_tertiary_foreground--hover", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_button_tertiary_foreground", + "value": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", + }, + }, + "vkontakteColorAccentAlternate": { + "active": { + "name": "--vkui--vkontakte_color_accent_alternate--active", + "value": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_accent_alternate--hover", + "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_accent_alternate", + "value": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", + }, + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--active", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha--hover", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + }, + "vkontakteColorBackgroundKeyboard": { + "active": { + "name": "--vkui--vkontakte_color_background_keyboard--active", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_keyboard--hover", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_keyboard", + "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + }, + }, + "vkontakteColorBackgroundSuggestions": { + "active": { + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_suggestions--hover", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_suggestions", + "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + }, + }, + "vkontakteColorBackgroundTextAlpha": { + "active": { + "name": "--vkui--vkontakte_color_background_text_alpha--active", + "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", + }, + "hover": { + "name": "--vkui--vkontakte_color_background_text_alpha--hover", + "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", + }, + "normal": { + "name": "--vkui--vkontakte_color_background_text_alpha", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", + }, + }, + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", + }, + }, + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", + }, + }, + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #545556)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_background--hover", + "value": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_background", + "value": "var(--vkui--vkontakte_color_control_background, #454647)", + }, + }, + "vkontakteColorControlForeground": { + "active": { + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_foreground--hover", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_foreground", + "value": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", + }, + }, + "vkontakteColorControlTintMuted": { + "active": { + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_control_tint_muted--hover", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_control_tint_muted", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", + }, + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_background--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_background", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + }, + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_tint--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_tint", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + }, + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + }, + }, + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + }, + }, + "vkontakteColorIconOutlineMedium": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_medium--active", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_medium--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_medium", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + }, + }, + "vkontakteColorIconOutlineSecondary": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--active", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_secondary", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + }, + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha", + "value": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(0, 0, 0, 0.00))", + }, + }, + "vkontakteColorImBubbleGiftText": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", + }, + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", + }, + }, + "vkontakteColorImBubbleIncoming": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + }, + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + }, + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", + }, + }, + "vkontakteColorImBubbleOutgoing": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + }, + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", + }, + }, + "vkontakteColorImForwardLineAlpha": { + "active": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--active", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32))", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha--hover", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28))", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", + }, + }, + "vkontakteColorImTextName": { + "active": { + "name": "--vkui--vkontakte_color_im_text_name--active", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--vkontakte_color_im_text_name--hover", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--vkontakte_color_im_text_name", + "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + }, + }, + "vkontakteColorInputBorder": { + "active": { + "name": "--vkui--vkontakte_color_input_border--active", + "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_input_border--hover", + "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_input_border", + "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + }, + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + }, + "hover": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + }, + }, + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", + }, + }, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", + }, + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, + }, + "vkontakteColorModalCardBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--active", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", + }, + }, + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_modal_card_header_close--hover", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", + }, + }, + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_music_playback_icon--hover", + "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_music_playback_icon", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", + }, + }, + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", + }, + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", + }, + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", + }, + }, + "vkontakteColorPlaceholderIconTint": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", + }, + }, + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", + }, + }, + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", + }, + }, + "vkontakteColorSearchBarFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--active", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", + }, + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + }, + }, + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", + }, + "hover": { + "name": "--vkui--vkontakte_color_snippet_background--hover", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", + }, + }, + "vkontakteColorSnippetBorderAlpha": { + "active": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--active", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + }, + "hover": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + }, + }, + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + }, + }, + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #19191a)", + }, + }, + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + }, + }, + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + }, + }, + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + }, + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + }, + }, + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + }, + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", + }, + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + }, + }, + "vkontakteFloatButtonForeground": { + "active": { + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", + }, + "hover": { + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + }, + }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_im_attach_tint--hover", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + }, + }, + "vkontakteImBubbleButtonForeground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--active", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + }, + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + }, + }, + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background", + "value": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", + }, + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", + }, + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", + }, + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", + }, + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", + }, + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", + }, + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", + }, + }, + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--vkontakte_im_reply_separator--hover", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", + }, + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", + }, + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", + }, + }, + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #19191a)", + }, + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": { + "name": "--vkui--vkontakte_landing_secondary_button_background--active", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", + }, + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", + }, + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", + }, + }, + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #141414)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", + }, + "hover": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", + }, + }, + "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 legoAndroidDark 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#ffc062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1c3954", + }, + "colorBackgroundModal": { + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2e3e2b", + }, + "colorBackgroundSecondary": { + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", + }, + "colorBackgroundTertiary": { + "active": "#323232", + "hover": "#292929", + "normal": "#202020", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "#ffffff07", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorHeaderBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", + }, + "colorIconMediumAlpha": { + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorIconPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", + }, + "colorIconTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "#ffffff4c", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#edb055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorImagePlaceholder": { + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSeparatorPrimary2x": { + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", + }, + "colorSeparatorPrimary3x": { + "active": "#606060", + "hover": "#595959", + "normal": "#525252", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorSeparatorSecondary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", + }, + "colorSkeletonFrom": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorSkeletonTo": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorStrokeAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorTabbarTextInactive": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", + }, + "colorTextPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", + }, + "colorTextSubhead": { + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", + }, + "colorTextTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorTrackBackground": { + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorWriteBarInputBackground": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorder": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorsScheme": "dark", + "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", + "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", + "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "letterSpacing": "0.15px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "8px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "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": "8px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkontakteAndroidDark", + "themeName": "legoAndroidDark", + "themeNameBase": "legoAndroid", + "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorAccentAlternate": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorContentTintForeground": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorControlBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorControlForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorControlTintMuted": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "vkontakteColorIconName": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#E3D3AC", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#262B4D", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#5965B3", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "vkontakteColorInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorLoaderTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPollOptionBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSnippetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorStatusBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorTabbarBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTextName": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteFloatButtonForeground": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#4F588A", + "hover": "#485085", + "normal": "#404980", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteLandingBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontaktePaletteBlack": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoAndroidDark 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.4, 0, 0.2, 1))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", + }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #60A6F5)", + "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", + "normal": "var(--vkui--color_accent_blue, #529ef4)", + }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #59B959)", + "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #B5F820)", + "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "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)", + }, + "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)", + }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", + }, + "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, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + "normal": "var(--vkui--color_action_sheet_text, #529ef4)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", + }, + "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, #ffffffd8)", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529ef4)", + }, + "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)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #ffffff33)", + }, + "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)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #222222)", + "normal": "var(--vkui--color_background_content, #191919)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, + "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, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #2E4962)", + "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", + "normal": "var(--vkui--color_background_info_tint, #1c3954)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #2F2F2F)", + "hover": "var(--vkui--color_background_modal--hover, #262626)", + "normal": "var(--vkui--color_background_modal, #1d1d1d)", + }, + "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)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #59B959)", + "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2e3e2b)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #353535)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "normal": "var(--vkui--color_background_secondary, #232323)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #323232)", + "hover": "var(--vkui--color_background_tertiary--hover, #292929)", + "normal": "var(--vkui--color_background_tertiary, #202020)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", + }, + "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, #3A3A3A)", + "hover": "var(--vkui--color_field_background--hover, #323232)", + "normal": "var(--vkui--color_field_background, #292929)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #ffffff1e)", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #2B2B2B)", + "hover": "var(--vkui--color_header_background--hover, #222222)", + "normal": "var(--vkui--color_header_background, #191919)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", + }, + "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, #F4F4F4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B7B7B7)", + "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + "normal": "var(--vkui--color_icon_medium, #b1b1b1)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", + }, + "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, #59B959)", + "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_icon_primary, #e3e3e3)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #838383)", + "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_icon_secondary, #787878)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", + "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #edb055)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, #ffffff14)", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + "hover": "var(--vkui--color_image_placeholder--hover, #333333)", + "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + }, + "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.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, #00000066)", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #474747)", + "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + "normal": "var(--vkui--color_search_field_background, #373737)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #474747)", + "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "normal": "var(--vkui--color_separator_primary, #373737)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #545454)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "normal": "var(--vkui--color_separator_primary2x, #454545)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #606060)", + "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", + "normal": "var(--vkui--color_separator_primary3x, #525252)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #272727)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "normal": "var(--vkui--color_separator_secondary, #141414)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_from--hover, #353535)", + "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_to--hover, #353535)", + "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", + }, + "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, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_stroke_primary, #e3e3e3)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", + }, + "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, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", + }, + "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, #5890D0)", + "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #C9C9C9)", + "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", + "normal": "var(--vkui--color_text_muted, #c4c4c4)", + }, + "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, #59B959)", + "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_text_primary, #e3e3e3)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #838383)", + "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_text_secondary, #787878)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #A2A2A2)", + "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + "normal": "var(--vkui--color_text_subhead, #9a9a9a)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_text_tertiary--hover, #656565)", + "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #555555)", + "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", + "normal": "var(--vkui--color_track_background, #464646)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + "normal": "var(--vkui--color_write_bar_icon, #529ef4)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + }, + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption1--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption1_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption2--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption2--line_height--regular, 14px)", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption2_caps--letter_spacing--regular, 0.3px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_caption3--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption3--line_height--regular, 12px)", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "letterSpacing": "var(--vkui--font_caption3_caps--letter_spacing--regular, 0.3px)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_footnote--letter_spacing--regular, 0.2px)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline--letter_spacing--regular, 0.15px)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_headline1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_headline1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_headline1--letter_spacing--regular, 0.15px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_subhead--font_size--regular, 14px)", + "fontWeight": "var(--vkui--font_subhead--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_subhead--letter_spacing--regular, 0.15px)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--compact, 0.15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_text--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", + "letterSpacing": "var(--vkui--font_text--letter_spacing--regular, 0.15px)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "fontWeightBase1": "var(--vkui--font_weight_base1, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "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)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "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, 8px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "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, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "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)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "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)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteAndroidDark)", + "themeName": "var(--vkui--theme_name, legoAndroidDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", + "themeType": "pixelify", + "vkontakteBackgroundHoverAlpha": { + "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", + "hover": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", + }, + "vkontakteButtonMutedBackground": { + "active": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", + "normal": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + }, + "vkontakteButtonTertiaryBackground": { + "active": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + }, + "vkontakteButtonTertiaryForeground": { + "active": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", + }, + "vkontakteColorAccentAlternate": { + "active": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--vkontakte_color_action_sheet_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08))", + "hover": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04))", + "normal": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(82, 158, 244, 0.32))", + "hover": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(82, 158, 244, 0.28))", + "normal": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", + }, + "vkontakteColorContentTintForeground": { + "active": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", + }, + "vkontakteColorControlBackground": { + "active": "var(--vkui--vkontakte_color_control_background--active, #545556)", + "hover": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_color_control_background, #454647)", + }, + "vkontakteColorControlForeground": { + "active": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", + }, + "vkontakteColorControlTintMuted": { + "active": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", + "hover": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", + "normal": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", + "hover": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", + "normal": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + }, + "vkontakteColorIconName": { + "active": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + }, + "vkontakteColorIconOutlineMedium": { + "active": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--vkontakte_color_im_bubble_border_alternate_highlighted_alpha, rgba(0, 0, 0, 0.00))", + }, + "vkontakteColorImBubbleGiftText": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", + "hover": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", + "normal": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", + }, + "vkontakteColorImBubbleIncoming": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", + "hover": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", + "normal": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", + "hover": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", + "normal": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32))", + "hover": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28))", + "normal": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", + }, + "vkontakteColorImTextName": { + "active": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", + "hover": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + "normal": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + }, + "vkontakteColorInputBorder": { + "active": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_color_landing_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + }, + "vkontakteColorLoaderBackground": { + "active": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_loader_background, #19191a)", + }, + "vkontakteColorLoaderTint": { + "active": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", + "hover": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", + }, + "vkontakteColorPanelTabActiveText": { + "active": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", + }, + "vkontakteColorPollOptionBackground": { + "active": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", + }, + "vkontakteColorSearchBarBackground": { + "active": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + }, + "vkontakteColorSnippetBackground": { + "active": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", + "hover": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + "normal": "var(--vkui--vkontakte_color_snippet_background, #232324)", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + }, + "vkontakteColorSplashScreenIcon": { + "active": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + }, + "vkontakteColorStatusBackground": { + "active": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_color_status_background, #19191a)", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + }, + "vkontakteColorTabbarBackground": { + "active": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", + "hover": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", + "normal": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", + "hover": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", + "hover": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + }, + "vkontakteColorTextName": { + "active": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", + "hover": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + "normal": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + }, + "vkontakteFloatButtonForeground": { + "active": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", + "hover": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + "normal": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + }, + "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "vkontakteImAttachTint": { + "active": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + }, + "vkontakteImBubbleButtonForeground": { + "active": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", + "hover": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", + "normal": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.20))", + }, + "vkontakteImBubbleGiftBackground": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", + "hover": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", + "normal": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", + "hover": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", + "normal": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", + }, + "vkontakteImReplySeparator": { + "active": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", + "hover": "var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0)", + "normal": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", + "hover": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", + "normal": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", + }, + "vkontakteLandingBackground": { + "active": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", + "hover": "var(--vkui--vkontakte_landing_background--hover, #222223)", + "normal": "var(--vkui--vkontakte_landing_background, #19191a)", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.23))", + "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.19))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", + }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #141414)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", + }, + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots legoAndroidDark 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#ffc062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1c3954", + }, + "colorBackgroundModal": { + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2e3e2b", + }, + "colorBackgroundSecondary": { + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", + }, + "colorBackgroundTertiary": { + "active": "#323232", + "hover": "#292929", + "normal": "#202020", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "#ffffff07", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorHeaderBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", + }, + "colorIconMediumAlpha": { + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorIconPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", + }, + "colorIconTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "#ffffff4c", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#edb055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorImagePlaceholder": { + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSeparatorPrimary2x": { + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", + }, + "colorSeparatorPrimary3x": { + "active": "#606060", + "hover": "#595959", + "normal": "#525252", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorSeparatorSecondary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", + }, + "colorSkeletonFrom": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorSkeletonTo": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorStrokeAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorTabbarTextInactive": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", + }, + "colorTextPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", + }, + "colorTextSubhead": { + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", + }, + "colorTextTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorTrackBackground": { + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorWriteBarInputBackground": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorder": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorsScheme": "dark", + "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", + "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", + "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "letterSpacing": "0.15px", + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 8, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 8, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkontakteAndroidDark", + "themeName": "legoAndroidDark", + "themeNameBase": "legoAndroid", + "themeType": "root", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", + }, + "vkontakteButtonMutedBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteButtonTertiaryForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorAccentAlternate": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "vkontakteColorBackgroundKeyboard": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundSuggestions": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", + }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorContentTintForeground": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorControlBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorControlForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorControlTintMuted": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "vkontakteColorHeaderSearchFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "vkontakteColorIconName": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineMedium": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorIconOutlineSecondary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", + }, + "vkontakteColorImBubbleGiftText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#E3D3AC", + }, + "vkontakteColorImBubbleIncoming": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#262B4D", + }, + "vkontakteColorImBubbleOutgoing": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#5965B3", + }, + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", + }, + "vkontakteColorImTextName": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "vkontakteColorInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorLoaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorLoaderTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "vkontakteColorModalCardHeaderClose": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorMusicPlaybackIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPanelTabActiveText": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", + }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteColorPlaceholderIconTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorPollOptionBackground": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorSearchBarBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSearchBarFieldTint": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteColorSkeletonShimmerFrom": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorSnippetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontakteColorSplashScreenIcon": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorStatusBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteColorTabbarActiveIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteColorTabbarBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "vkontakteColorTabbarInactiveIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteColorTextName": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "vkontakteFloatButtonForeground": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", + }, + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteImAttachTint": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImBubbleButtonForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", + }, + "vkontakteImBubbleGiftBackground": { + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", + }, + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#4F588A", + "hover": "#485085", + "normal": "#404980", + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "vkontakteImReplySeparator": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "vkontakteLandingBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", + }, + "vkontaktePaletteBlack": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOS 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.36, 0.66, 0.04, 1))", + }, + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077ff)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #aff70d)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + }, + "hover": { + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + }, + "normal": { + "name": "--vkui--color_accent_orange_fire", + "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, #E5A84E)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #f9b54f)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #f45fff)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + }, + "hover": { + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + }, + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, #00000099)", + }, + }, + "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, #ffffffd8)", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #DADBDF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E4E4E6)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ededed)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #2688eb)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688eb)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, #2688eb33)", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #ffffff)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181C)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #191919)", + }, + }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + }, + "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, #292B2E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + }, + "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, #ffffff33)", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #ffffff)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #deeeff)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #ffffff)", + }, + }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, + }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #ffe9e9)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, #0000000a)", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, #00000007)", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #fff2d6)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ebebeb)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, #0000001e)", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #ffffff)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #2688eb)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + }, + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "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, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #7F8084)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #848587)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #8a8a8a)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, #0000007a)", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #212121)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #96979B)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #a3a3a3)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, #0000005b)", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #c2c2c2)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #f8a01c)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, #00000014)", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f3f3f3)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, #2121210f)", + }, + }, + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_link_contrast--hover", + "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + }, + "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.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, #00000066)", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, #00000044)", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebebeb)", + }, + }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #ffffff)", + }, + }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C7C8CC)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d8d8d8)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cccccc)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bfbfbf)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, #0000001e)", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D1D2D6)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e3e3e3)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #ebebeb)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #2688eb)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + }, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + }, + "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, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #212121)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #adadad)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #2688eb)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", + }, + }, + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + }, + "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, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #2d81e0)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + }, + "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, #437DC1)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #2F3034)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #313233)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #333333)", + }, + }, + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #212121)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #212121)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C8086)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #828589)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #878a8c)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, #2929298c)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6C6D71)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #707173)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #757575)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #949599)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #a1a1a1)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #ebebeb)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, #00000000)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #ebebeb)", + }, + }, + "colorWriteBarInputBorderAlpha": { + "active": { + "name": "--vkui--color_write_bar_input_border_alpha--active", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border_alpha--hover", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, 600)", + }, + "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, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "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.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 10px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "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, 10px)", + }, + }, + "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, 8px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + }, + "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, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "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, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "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)", + }, + }, + "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, 430px)", + }, + }, + "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, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "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, 27px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", + }, + }, + "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, 23px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", + }, + }, + "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, 47px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 51px)", + }, + }, + "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)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "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)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkIOS)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoIOS)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoIOS)", + }, + "themeType": "cssVars", + "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 legoIOS 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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#f9b54f", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#ffe9e9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#e8f9e8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "#0000000a", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "#00000007", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#fff2d6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "#0000007a", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "#0000005b", + }, + "colorIconTertiary": { + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "#0000003d", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#f8a01c", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorImagePlaceholder": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", + }, + "colorSeparatorPrimary2x": { + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorSeparatorSecondary": { + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorStrokeAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTabbarTextInactive": { + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", + }, + "colorTextAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", + }, + "colorTextPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", + }, + "colorTextSubhead": { + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", + }, + "colorTextTertiary": { + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", + }, + "colorTrackBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorWriteBarInputBorder": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorsScheme": "light", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "10px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "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": "10px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", + }, + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", + }, + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOS 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.36, 0.66, 0.04, 1))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", + }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", + }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "colorAccentOrangeFire": { + "active": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "normal": "var(--vkui--color_accent_orange_fire, #f05c44)", + }, + "colorAccentOrangePeach": { + "active": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "hover": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "normal": "var(--vkui--color_accent_orange_peach, #f9b54f)", + }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #6A56D8)", + "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", + }, + "colorAccentRaspberryPink": { + "active": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "hover": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "normal": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "hover": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "normal": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", + }, + "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, #ffffffd8)", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #DADBDF)", + "hover": "var(--vkui--color_background--hover, #E4E4E6)", + "normal": "var(--vkui--color_background, #ededed)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_alternative, #2688eb)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent_themed, #2688eb)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #2688eb33)", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #17181C)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "normal": "var(--vkui--color_background_content_inverse, #191919)", + }, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", + }, + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #ffffff)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "hover": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "normal": "var(--vkui--color_background_info_tint, #deeeff)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #ffffff)", + }, + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + }, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #D44245)", + "hover": "var(--vkui--color_background_negative--hover, #DD4446)", + "normal": "var(--vkui--color_background_negative, #e64646)", + }, + "colorBackgroundNegativeTint": { + "active": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #ffe9e9)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "normal": "var(--vkui--color_background_positive_tint, #e8f9e8)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, #0000000a)", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(0, 0, 0, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(0, 0, 0, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, #00000007)", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #fff2d6)", + }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", + }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", + }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", + }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_field_background, #ebebeb)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #0000001e)", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #ffffff)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", + }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #7F8084)", + "hover": "var(--vkui--color_icon_medium--hover, #848587)", + "normal": "var(--vkui--color_icon_medium, #8a8a8a)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--color_icon_medium_alpha, #0000007a)", + }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #D44245)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "normal": "var(--vkui--color_icon_negative, #e64646)", + }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary--hover, #202022)", + "normal": "var(--vkui--color_icon_primary, #212121)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #96979B)", + "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.44))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", + "normal": "var(--vkui--color_icon_secondary_alpha, #0000005b)", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #E4941F)", + "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "normal": "var(--vkui--color_icon_warning, #f8a01c)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, #00000014)", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #E0E1E4)", + "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", + }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", + }, + "colorOverlayPrimary": { + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, #00000066)", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_search_field_background, #ebebeb)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #ffffff)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C7C8CC)", + "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + "normal": "var(--vkui--color_separator_primary, #d8d8d8)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + "normal": "var(--vkui--color_separator_primary2x, #cccccc)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, #0000001e)", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #D1D2D6)", + "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #D8D9DD)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + "normal": "var(--vkui--color_skeleton_to, #ebebeb)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #ffffff)", + }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", + }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #1E2023)", + "hover": "var(--vkui--color_stroke_primary--hover, #202022)", + "normal": "var(--vkui--color_stroke_primary, #212121)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "hover": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent_themed, #2688eb)", + }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", + }, + "colorTextContrastThemed": { + "active": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #2978D3)", + "hover": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link_themed, #2d81e0)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #689EDD)", + "hover": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "normal": "var(--vkui--color_text_link_tint, #71aaeb)", + }, + "colorTextLinkVisited": { + "active": "var(--vkui--color_text_link_visited--active, #437DC1)", + "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #2F3034)", + "hover": "var(--vkui--color_text_muted--hover, #313233)", + "normal": "var(--vkui--color_text_muted, #333333)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", + }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #1E2023)", + "hover": "var(--vkui--color_text_primary--hover, #202022)", + "normal": "var(--vkui--color_text_primary, #212121)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #7C8086)", + "hover": "var(--vkui--color_text_secondary--hover, #828589)", + "normal": "var(--vkui--color_text_secondary, #878a8c)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #6C6D71)", + "hover": "var(--vkui--color_text_subhead--hover, #707173)", + "normal": "var(--vkui--color_text_subhead, #757575)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #949599)", + "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #D8D9DD)", + "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_track_background, #ebebeb)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", + }, + "colorsScheme": "var(--vkui--colors_scheme, light)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "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, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "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.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + }, + "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, 10px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "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, 10px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "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, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "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, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "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)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkIOS)", + "themeName": "var(--vkui--theme_name, legoIOS)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots legoIOS 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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#f9b54f", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#ffe9e9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#e8f9e8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "#0000000a", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "#00000007", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#fff2d6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "#0000007a", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "#0000005b", + }, + "colorIconTertiary": { + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "#0000003d", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#f8a01c", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorImagePlaceholder": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", + }, + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", + }, + "colorSeparatorPrimary2x": { + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", + }, + "colorSeparatorPrimary3x": { + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", + }, + "colorSeparatorSecondary": { + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorStrokeAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTabbarTextInactive": { + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", + }, + "colorTextAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", + }, + "colorTextPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", + }, + "colorTextSubhead": { + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", + }, + "colorTextTertiary": { + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", + }, + "colorTrackBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorWriteBarInputBorder": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "colorsScheme": "light", + "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", + "elevation1InvertY": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px -2px 2px rgba(0, 0, 0, 0.06)", + "elevation2": "0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.06)", + "elevation3": "0px 0px 2px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08)", + "elevation4": "0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.05) 15%, rgba(249, 249, 249, 0.2) 30%, rgba(249, 249, 249, 0.8) 70%, rgba(249, 249, 249, 0.95) 85%, rgba(249, 249, 249, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOSDark 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.36, 0.66, 0.04, 1))", + }, + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077ff)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #529ef4)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #aff70d)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #f45fff)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "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, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #529ef4)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, #00000099)", + }, + }, + "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, #ffffffd8)", + }, + }, + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529ef4)", + }, + }, + "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)", + }, + }, + "colorBackgroundAccentThemedAlpha": { + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + }, + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, #ffffff33)", + }, + }, + "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)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222222)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #191919)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, + }, + "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, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + }, + "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, #ffffff33)", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1c3954)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2F2F2F)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #262626)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1d1d1d)", + }, + }, + "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)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353535)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232323)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323232)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #292929)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202020)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, + }, + "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", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #323232)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #292929)", + }, + }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, #ffffff1e)", + }, + }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #191919)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, + }, + "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, #F4F4F4)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #b1b1b1)", + }, + }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e3e3e3)", + }, + }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #333333)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #838383)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #787878)", + }, + }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", + }, + }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #edb055)", + }, + }, + "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, #ffffff14)", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2b2b2b)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + }, + }, + "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.48))", + }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, #00000066)", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, #00000044)", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, + }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #474747)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #373737)", + }, + }, + "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, #474747)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #373737)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #545454)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #454545)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #606060)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #595959)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #525252)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272727)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141414)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2d2d2d)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2d2d2d)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #333333)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #212121)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #787878)", + }, + }, + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, + }, + "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, #141414)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, + }, + "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, #5890D0)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #C9C9C9)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #c4c4c4)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e3e3e3)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #333333)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #212121)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #838383)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #787878)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #9a9a9a)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5f5f5f)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #555555)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4D4D4D)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #464646)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, + }, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, #00000000)", + }, + }, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #529ef4)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + }, + }, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + }, + }, + "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.16))", + }, + "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.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + }, + }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "elevation1": { + "name": "--vkui--elevation1", + "value": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation1InvertY": { + "name": "--vkui--elevation1_invert_y", + "value": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + }, + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + }, + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_caption1_caps--line_height--regular", + "value": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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)", + }, + }, + }, + "fontDisplayTitle1": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family", + "value": "var(--vkui--font_display_title1--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size", + "value": "var(--vkui--font_display_title1--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight", + "value": "var(--vkui--font_display_title1--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height", + "value": "var(--vkui--font_display_title1--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title1--font_family--regular", + "value": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title1--font_size--regular", + "value": "var(--vkui--font_display_title1--font_size--regular, 23px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title1--font_weight--regular", + "value": "var(--vkui--font_display_title1--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + }, + "fontDisplayTitle2": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family", + "value": "var(--vkui--font_display_title2--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size", + "value": "var(--vkui--font_display_title2--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight", + "value": "var(--vkui--font_display_title2--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height", + "value": "var(--vkui--font_display_title2--line_height)", + }, + }, + "compact": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--compact", + "value": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--compact", + "value": "var(--vkui--font_display_title2--font_size--compact, 22px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--compact", + "value": "var(--vkui--font_display_title2--font_weight--compact, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title2--font_family--regular", + "value": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title2--font_size--regular", + "value": "var(--vkui--font_display_title2--font_size--regular, 21px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title2--font_weight--regular", + "value": "var(--vkui--font_display_title2--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + }, + "fontDisplayTitle3": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family", + "value": "var(--vkui--font_display_title3--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size", + "value": "var(--vkui--font_display_title3--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight", + "value": "var(--vkui--font_display_title3--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height", + "value": "var(--vkui--font_display_title3--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title3--font_family--regular", + "value": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title3--font_size--regular", + "value": "var(--vkui--font_display_title3--font_size--regular, 19px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title3--font_weight--regular", + "value": "var(--vkui--font_display_title3--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + }, + "fontDisplayTitle4": { + "auto": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family", + "value": "var(--vkui--font_display_title4--font_family)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size", + "value": "var(--vkui--font_display_title4--font_size)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight", + "value": "var(--vkui--font_display_title4--font_weight)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height", + "value": "var(--vkui--font_display_title4--line_height)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_display_title4--font_family--regular", + "value": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_display_title4--font_size--regular", + "value": "var(--vkui--font_display_title4--font_size--regular, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_display_title4--font_weight--regular", + "value": "var(--vkui--font_display_title4--font_weight--regular, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "lineHeight": { + "name": "--vkui--font_footnote_caps--line_height--regular", + "value": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + }, + "textTransform": { + "name": "--vkui--font_footnote_caps--text_transform--regular", + "value": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, 600)", + }, + "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, 600)", + }, + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", + }, + "fontWeightBase3": { + "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.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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, 12px)", + }, + }, + "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)", + }, + }, + "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", + "value": "var(--vkui--size_border_radius)", + }, + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 10px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", + }, + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + }, + "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, 10px)", + }, + }, + "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, 8px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + }, + "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, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + }, + "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, 16px)", + }, + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + }, + "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)", + }, + }, + "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, 430px)", + }, + }, + "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, 7px)", + }, + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + }, + "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, 27px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", + }, + }, + "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, 23px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", + }, + }, + "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, 47px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 51px)", + }, + }, + "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)", + }, + }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", + }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", + }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", + }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", + }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", + }, + "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)", + }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkIOSDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoIOSDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoIOS)", + }, + "themeType": "cssVars", + "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 legoIOSDark 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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#ffc062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1c3954", + }, + "colorBackgroundModal": { + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2e3e2b", + }, + "colorBackgroundSecondary": { + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", + }, + "colorBackgroundTertiary": { + "active": "#323232", + "hover": "#292929", + "normal": "#202020", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "#ffffff07", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorHeaderBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", + }, + "colorIconMediumAlpha": { + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorIconPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", + }, + "colorIconTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "#ffffff4c", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#edb055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorImagePlaceholder": { + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSeparatorPrimary2x": { + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", + }, + "colorSeparatorPrimary3x": { + "active": "#606060", + "hover": "#595959", + "normal": "#525252", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorSeparatorSecondary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", + }, + "colorSkeletonFrom": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorSkeletonTo": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorStrokeAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorTabbarTextInactive": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", + }, + "colorTextPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", + }, + "colorTextSubhead": { + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", + }, + "colorTextTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorTrackBackground": { + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorWriteBarInputBackground": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorder": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorsScheme": "dark", + "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", + "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", + "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "sizeBasePaddingHorizontal": { + "regular": "12px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "10px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "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": "10px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", + }, + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", + }, + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOSDark 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.36, 0.66, 0.04, 1))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", + }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #60A6F5)", + "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", + "normal": "var(--vkui--color_accent_blue, #529ef4)", + }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", + }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #59B959)", + "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", + }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #B5F820)", + "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", + }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", + }, + "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)", + }, + "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)", + }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", + }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", + }, + "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, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", + }, + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + "normal": "var(--vkui--color_action_sheet_text, #529ef4)", + }, + "colorAvatarOverlay": { + "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "hover": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", + }, + "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, #ffffffd8)", + }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent_alternative, #529ef4)", + }, + "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)", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #ffffff33)", + }, + "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)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #222222)", + "normal": "var(--vkui--color_background_content, #191919)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, + "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, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + }, + "colorBackgroundInfoTint": { + "active": "var(--vkui--color_background_info_tint--active, #2E4962)", + "hover": "var(--vkui--color_background_info_tint--hover, #25415B)", + "normal": "var(--vkui--color_background_info_tint, #1c3954)", + }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #2F2F2F)", + "hover": "var(--vkui--color_background_modal--hover, #262626)", + "normal": "var(--vkui--color_background_modal, #1d1d1d)", + }, + "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)", + }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #59B959)", + "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", + }, + "colorBackgroundPositiveTint": { + "active": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2e3e2b)", + }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #353535)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "normal": "var(--vkui--color_background_secondary, #232323)", + }, + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #323232)", + "hover": "var(--vkui--color_background_tertiary--hover, #292929)", + "normal": "var(--vkui--color_background_tertiary, #202020)", + }, + "colorBackgroundTertiaryAlpha": { + "active": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", + "hover": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", + }, + "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, #3A3A3A)", + "hover": "var(--vkui--color_field_background--hover, #323232)", + "normal": "var(--vkui--color_field_background, #292929)", + }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #ffffff1e)", + }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #2B2B2B)", + "hover": "var(--vkui--color_header_background--hover, #222222)", + "normal": "var(--vkui--color_header_background, #191919)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", + }, + "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, #F4F4F4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, + "colorIconContrastThemed": { + "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B7B7B7)", + "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + "normal": "var(--vkui--color_icon_medium, #b1b1b1)", + }, + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", + }, + "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, #59B959)", + "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", + }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_icon_primary, #e3e3e3)", + }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #838383)", + "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_icon_secondary, #787878)", + }, + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", + }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", + "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", + }, + "colorIconTertiaryAlpha": { + "active": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #edb055)", + }, + "colorImageBorderAlpha": { + "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_image_border_alpha, #ffffff14)", + }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + "hover": "var(--vkui--color_image_placeholder--hover, #333333)", + "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", + }, + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + }, + "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.48))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "normal": "var(--vkui--color_overlay_primary, #00000066)", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", + }, + "colorPanelHeaderIcon": { + "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #474747)", + "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + "normal": "var(--vkui--color_search_field_background, #373737)", + }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", + }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #474747)", + "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "normal": "var(--vkui--color_separator_primary, #373737)", + }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #545454)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "normal": "var(--vkui--color_separator_primary2x, #454545)", + }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #606060)", + "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", + "normal": "var(--vkui--color_separator_primary3x, #525252)", + }, + "colorSeparatorPrimaryAlpha": { + "active": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--color_separator_primary_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #272727)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "normal": "var(--vkui--color_separator_secondary, #141414)", + }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_from--hover, #353535)", + "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", + }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_to--hover, #353535)", + "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", + }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", + }, + "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, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #333333)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2A2A)", + "normal": "var(--vkui--color_stroke_primary, #212121)", + }, + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", + }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", + }, + "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, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", + }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", + }, + "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, #5890D0)", + "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "normal": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #C9C9C9)", + "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", + "normal": "var(--vkui--color_text_muted, #c4c4c4)", + }, + "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, #59B959)", + "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_text_primary, #e3e3e3)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + }, + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #838383)", + "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_text_secondary, #787878)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #A2A2A2)", + "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + "normal": "var(--vkui--color_text_subhead, #9a9a9a)", + }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_text_tertiary--hover, #656565)", + "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", + }, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #555555)", + "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", + "normal": "var(--vkui--color_track_background, #464646)", + }, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", + }, + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", + }, + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + "normal": "var(--vkui--color_write_bar_icon, #529ef4)", + }, + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + }, + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + }, + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + }, + "colorsScheme": "var(--vkui--colors_scheme, dark)", + "elevation1": "var(--vkui--elevation1, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation1InvertY": "var(--vkui--elevation1_invert_y, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "elevation2": "var(--vkui--elevation2, 0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "elevation3": "var(--vkui--elevation3, 0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "elevation4": "var(--vkui--elevation4, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "fontCaption1": { + "regular": { + "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "fontWeight": "var(--vkui--font_caption1_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption1_caps--line_height--regular, 14px)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "var(--vkui--font_caption2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption2_caps--font_size--regular, 11px)", + "fontWeight": "var(--vkui--font_caption2_caps--font_weight--regular, 600)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_caption3_caps--font_size--regular, 9px)", + "fontWeight": "var(--vkui--font_caption3_caps--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "var(--vkui--font_display_title1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title1--font_size--regular, 23px)", + "fontWeight": "var(--vkui--font_display_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "var(--vkui--font_display_title2--font_family--compact, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--compact, 22px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--compact, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title2--font_size--regular, 21px)", + "fontWeight": "var(--vkui--font_display_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_display_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title3--font_size--regular, 19px)", + "fontWeight": "var(--vkui--font_display_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "var(--vkui--font_display_title4--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_display_title4--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_display_title4--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + "fontFamilyAccent": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontFootnote": { + "regular": { + "fontFamily": "var(--vkui--font_footnote--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_footnote_caps--font_size--regular, 13px)", + "fontWeight": "var(--vkui--font_footnote_caps--font_weight--regular, 400)", + "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 16px)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + "regular": { + "fontFamily": "var(--vkui--font_subhead--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title1--font_size--regular, 24px)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "var(--vkui--font_title2--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title2--font_size--regular, 20px)", + "fontWeight": "var(--vkui--font_title2--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "var(--vkui--font_title3--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "fontSize": "var(--vkui--font_title3--font_size--regular, 17px)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", + }, + }, + "fontWeightAccent1": "var(--vkui--font_weight_accent1, 600)", + "fontWeightAccent2": "var(--vkui--font_weight_accent2, 500)", + "fontWeightAccent3": "var(--vkui--font_weight_accent3, 400)", + "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.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%)", + "gradientTint": "var(--vkui--gradient_tint, rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + "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, 10px)", + }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", + }, + "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, 10px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", + }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", + }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", + }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", + }, + "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, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + }, + "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, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", + }, + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", + }, + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", + }, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + }, + "spacingSize2Xl": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xs": "var(--vkui--spacing_size_2xs, 2px)", + "spacingSize3Xl": "var(--vkui--spacing_size_3xl, 20px)", + "spacingSize3Xs": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize4Xl": "var(--vkui--spacing_size_4xl, 24px)", + "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)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkIOSDark)", + "themeName": "var(--vkui--theme_name, legoIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots legoIOSDark 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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentBlue": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#ffc062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1c3954", + }, + "colorBackgroundModal": { + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2e3e2b", + }, + "colorBackgroundSecondary": { + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", + }, + "colorBackgroundTertiary": { + "active": "#323232", + "hover": "#292929", + "normal": "#202020", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "#ffffff07", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorHeaderBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", + }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", + }, + "colorIconMediumAlpha": { + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorIconPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorIconSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", + }, + "colorIconTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "#ffffff4c", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#edb055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorImagePlaceholder": { + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", + }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSeparatorPrimary2x": { + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", + }, + "colorSeparatorPrimary3x": { + "active": "#606060", + "hover": "#595959", + "normal": "#525252", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", + }, + "colorSeparatorSecondary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", + }, + "colorSkeletonFrom": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorSkeletonTo": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorStrokeAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorTabbarTextInactive": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", + }, + "colorTextPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", + }, + "colorTextSubhead": { + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", + }, + "colorTextTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", + }, + "colorTrackBackground": { + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorWriteBarInputBackground": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorder": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", + }, + "colorsScheme": "dark", + "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation1InvertY": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20)", + "elevation2": "0px 4px 8px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20)", + "elevation3": "0px 0px 2px 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30)", + "elevation4": "0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontFamilyAccent": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyBase": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "rgba(25, 25, 26, 0) 0%, rgba(25, 25, 26, 0.05) 15%, rgba(25, 25, 26, 0.2) 30%, rgba(25, 25, 26, 0.8) 70%, rgba(25, 25, 26, 0.95) 85%, rgba(25, 25, 26, 1) 100%", + "gradientBlack": "rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%", + "gradientTint": "rgba(32, 32, 33, 0) 0%, rgba(32, 32, 33, 0.05) 15%, rgba(32, 32, 33, 0.2) 30%, rgba(32, 32, 33, 0.8) 70%, rgba(32, 32, 33, 0.95) 85%, rgba(32, 32, 33, 1) 100%", + "gradientWhite": "rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 12, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + exports[`shapshots media theme should match cssVars snapshot 1`] = ` { "animationDurationL": { diff --git a/src/interfaces/themes/legoAndroid/index.ts b/src/interfaces/themes/legoAndroid/index.ts new file mode 100644 index 000000000..360019519 --- /dev/null +++ b/src/interfaces/themes/legoAndroid/index.ts @@ -0,0 +1,30 @@ +import { ThemeCssVars } from '@/interfaces/general'; +import { + ColorDescription, + ColorsDescriptionStruct, + ColorWithStates, +} from '@/interfaces/general/colors'; +import { + LocalVkontakteAndroidColorsDescriptionStruct, + ThemeVkontakteAndroid, + ThemeVkontakteAndroidDescription, +} from '@/interfaces/themes/vkontakteAndroid'; + +// Описание локальных цветов +export interface LocalLegoAndroidColorsDescriptionStruct { + colorStrokePrimary: ColorDescription; +} + +// Резолв локальных цветов +export type LegoAndroidLocalColors = { + [key in keyof LocalLegoAndroidColorsDescriptionStruct]: ColorWithStates; +}; + +// Эскпорт интерфейсов описанной + наследованной темы +export interface ThemeLegoAndroid extends ThemeVkontakteAndroid, LegoAndroidLocalColors {} +export interface ThemeLegoAndroidDescription extends ThemeVkontakteAndroidDescription { + colors: LocalLegoAndroidColorsDescriptionStruct & + LocalVkontakteAndroidColorsDescriptionStruct & + ColorsDescriptionStruct; +} +export interface ThemeLegoAndroidCssVars extends ThemeCssVars {} diff --git a/src/interfaces/themes/legoAndroidDark/index.ts b/src/interfaces/themes/legoAndroidDark/index.ts new file mode 100644 index 000000000..2db0c75b1 --- /dev/null +++ b/src/interfaces/themes/legoAndroidDark/index.ts @@ -0,0 +1,6 @@ +// Реэкспорт интерфейсов, так как набор переменных в тёмной теме такой же +export { + ThemeLegoAndroid as ThemeLegoAndroidDark, + ThemeLegoAndroidCssVars as ThemeLegoAndroidDarkCssVars, + ThemeLegoAndroidDescription as ThemeLegoAndroidDarkDescription, +} from '@/interfaces/themes/legoAndroid'; diff --git a/src/interfaces/themes/legoIOS/index.ts b/src/interfaces/themes/legoIOS/index.ts new file mode 100644 index 000000000..7ffbb5f9a --- /dev/null +++ b/src/interfaces/themes/legoIOS/index.ts @@ -0,0 +1,24 @@ +import { ThemeCssVars } from '@/interfaces/general'; +import { + ColorDescription, + ColorsDescriptionStruct, + ColorWithStates, +} from '@/interfaces/general/colors'; +import { ThemeVkIOS, ThemeVkIOSDescription } from '@/interfaces/themes/vkIOS'; + +// Описание локальных цветов +export interface LocalLegoIOSColorsDescriptionStruct { + colorStrokePrimary: ColorDescription; +} + +// Резолв локальных цветов +export type LegoIOSLocalColors = { + [key in keyof LocalLegoIOSColorsDescriptionStruct]: ColorWithStates; +}; + +// Эскпорт интерфейсов описанной + наследованной темы +export interface ThemeLegoIOS extends ThemeVkIOS, LegoIOSLocalColors {} +export interface ThemeLegoIOSDescription extends ThemeVkIOSDescription { + colors: LocalLegoIOSColorsDescriptionStruct & ColorsDescriptionStruct; +} +export interface ThemeLegoIOSCssVars extends ThemeCssVars {} diff --git a/src/interfaces/themes/legoIOSDark/index.ts b/src/interfaces/themes/legoIOSDark/index.ts new file mode 100644 index 000000000..798ce54cb --- /dev/null +++ b/src/interfaces/themes/legoIOSDark/index.ts @@ -0,0 +1,5 @@ +export { + ThemeLegoIOS as ThemeLegoIOSDark, + ThemeLegoIOSCssVars as ThemeLegoIOSDarkCssVars, + ThemeLegoIOSDescription as ThemeLegoIOSDarkDescription, +} from '@/interfaces/themes/legoIOS'; diff --git a/src/interfaces/themes/vkontakteIOS/index.ts b/src/interfaces/themes/vkontakteIOS/index.ts index a648ba8ff..9a6a887a3 100644 --- a/src/interfaces/themes/vkontakteIOS/index.ts +++ b/src/interfaces/themes/vkontakteIOS/index.ts @@ -1,9 +1,5 @@ -import { - ThemeVkontakteAndroid, - ThemeVkontakteAndroidCssVars, - ThemeVkontakteAndroidDescription, +export { + ThemeVkontakteAndroid as ThemeVkontakteIOS, + ThemeVkontakteAndroidCssVars as ThemeVkontakteIOSCssVars, + ThemeVkontakteAndroidDescription as ThemeVkontakteIOSDescription, } from '@/interfaces/themes/vkontakteAndroid'; - -export type ThemeVkontakteIOS = ThemeVkontakteAndroid; -export type ThemeVkontakteIOSDescription = ThemeVkontakteAndroidDescription; -export type ThemeVkontakteIOSCssVars = ThemeVkontakteAndroidCssVars; diff --git a/src/interfaces/themes/vkontakteIOSDark/index.ts b/src/interfaces/themes/vkontakteIOSDark/index.ts index cce06c77e..bb95ae303 100644 --- a/src/interfaces/themes/vkontakteIOSDark/index.ts +++ b/src/interfaces/themes/vkontakteIOSDark/index.ts @@ -1,9 +1,5 @@ -import { - ThemeVkontakteIOS, - ThemeVkontakteIOSCssVars, - ThemeVkontakteIOSDescription, +export { + ThemeVkontakteIOS as ThemeVkontakteIOSDark, + ThemeVkontakteIOSCssVars as ThemeVkontakteIOSDarkCssVars, + ThemeVkontakteIOSDescription as ThemeVkontakteIOSDarkDescription, } from '@/interfaces/themes/vkontakteIOS'; - -export type ThemeVkontakteIOSDark = ThemeVkontakteIOS; -export type ThemeVkontakteIOSDarkDescription = ThemeVkontakteIOSDescription; -export type ThemeVkontakteIOSDarkCssVars = ThemeVkontakteIOSCssVars; diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index 315b77c9b..ebe76120e 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -2,6 +2,82 @@ exports[`lint snapshot 1`] = ` [ + "legoAndroid: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", "cloud: colors.cloudColorIconTransportThemed error: Color token type mismatch: opaque token name but alpha value", "cloud: colors.cloudColorIconFinanceThemed error: Color token type mismatch: opaque token name but alpha value", "cloudDark: colors.cloudColorIconTransportThemed error: Color token type mismatch: opaque token name but alpha value", diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 7ae933733..aa9d2fdef 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -3,6 +3,8 @@ import { callsTheme } from '@/themeDescriptions/themes/calls'; import { cloudDarkTheme, cloudTheme } from '@/themeDescriptions/themes/cloud'; import { dobroDarkTheme, dobroTheme } from '@/themeDescriptions/themes/dobro'; import { homeDarkTheme, homeTheme } from '@/themeDescriptions/themes/home'; +import { legoAndroidTheme, legoAndroidThemeDark } from '@/themeDescriptions/themes/lego/android'; +import { legoIOSTheme, legoIOSThemeDark } from '@/themeDescriptions/themes/lego/ios'; import { mediaDarkTheme, mediaTheme } from '@/themeDescriptions/themes/media'; import { mycomTheme } from '@/themeDescriptions/themes/mycom'; import { @@ -80,6 +82,10 @@ export const themes = [ vkIdOkIOSThemeDark, tutoriaTheme, tutoriaDarkTheme, + legoAndroidTheme, + legoAndroidThemeDark, + legoIOSTheme, + legoIOSThemeDark, // ==== Темы, наследуемые от базовой темы Paradigm ==== // Темы, наследуемые от Octavius diff --git a/src/themeDescriptions/themes/lego/android.ts b/src/themeDescriptions/themes/lego/android.ts new file mode 100644 index 000000000..aed2370ef --- /dev/null +++ b/src/themeDescriptions/themes/lego/android.ts @@ -0,0 +1,58 @@ +import { ThemeLegoAndroidDescription } from '@/interfaces/themes/legoAndroid'; +import { ThemeLegoAndroidDarkDescription } from '@/interfaces/themes/legoAndroidDark'; +import { + vkontakteAndroidTheme, + vkontakteAndroidThemeDark, +} from '@/themeDescriptions/themes/vkontakteAndroid'; + +import figma from './figma.json'; +import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; + +export const legoAndroidTheme: ThemeLegoAndroidDescription = { + ...vkontakteAndroidTheme, // импорт светлой базовой темы + + themeName: 'legoAndroid', // название текущей темы + themeNameBase: 'legoAndroid', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteAndroid', // название родительской темы + + colors: { + // Импорт изначальных токенов + ...vkontakteAndroidTheme.colors, + // Переопределение токенов, которые есть в figma.json + ...overwriteFromFigmaJSON(vkontakteAndroidTheme.colors, 'appearance', 'light', figma), + // Здесь нужно прописать другие цвета с особыми различиями нейминга + // А также локальные цвета, используемые только в этой теме + // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме + colorStrokePrimary: figma.appearance.strokePrimary.light, + }, + // Изменённые не-цвета + sizeBasePaddingHorizontal: { + regular: figma.tokens.sizeBasePaddingHorizontal.android, + }, + // Фигма использует целые проценты, а не сотые единицы + // Поэтому здесь нужно поделить на 100 + // Округление пока не стал писать + opacityDisable: figma.tokens.opacityDisabled.android / 100, + opacityDisableAccessibility: figma.tokens.opacityDisabled.android / 100, +}; + +export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { + ...legoAndroidTheme, // Импорт светлой версии текущей темы, + ...vkontakteAndroidThemeDark, // Импорт тёмной базовой темы + + themeName: 'legoAndroidDark', // название текущей темы + themeNameBase: 'legoAndroid', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteAndroidDark', // название родительской темы + colorsScheme: 'dark', // название схемы (светлая — по умолчанию) + + colors: { + ...vkontakteAndroidThemeDark.colors, + // Переопределение токенов, которые есть в figma.json + // То же самое, что в светлой теме, но ссылаемся на figmaToken.dark вместо light + ...overwriteFromFigmaJSON(vkontakteAndroidTheme.colors, 'appearance', 'dark', figma), + // Здесь нужно прописать другие цвета с особыми различиями нейминга + // А также локальные цвета, используемые только в этой теме + // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме + colorStrokePrimary: figma.appearance.strokePrimary.dark, + }, +}; diff --git a/src/themeDescriptions/themes/lego/figma.json b/src/themeDescriptions/themes/lego/figma.json new file mode 100644 index 000000000..3a7afd58f --- /dev/null +++ b/src/themeDescriptions/themes/lego/figma.json @@ -0,0 +1,1150 @@ +{ + "appearance": { + "backgroundAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "textPrimary": { + "light": "#212121", + "dark": "#e3e3e3" + }, + "textContrastThemed": { + "light": "#ffffff", + "dark": "#000000" + }, + "backgroundAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "backgroundContent": { + "light": "#ffffff", + "dark": "#191919" + }, + "iconAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "iconContrastThemed": { + "light": "#ffffff", + "dark": "#000000" + }, + "iconAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "iconSecondary": { + "light": "#a3a3a3", + "dark": "#787878" + }, + "textSecondary": { + "light": "#878a8c", + "dark": "#787878" + }, + "textTertiary": { + "light": "#a1a1a1", + "dark": "#5f5f5f" + }, + "textAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "textContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "strokeImageBorderAlpha": { + "light": "#00000014", + "dark": "#ffffff14" + }, + "strokeAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "strokeSeparatorPrimaryAlpha": { + "light": "#0000001e", + "dark": "#ffffff1e" + }, + "paletteAccentRed": { + "light": "#ff3347", + "dark": "#ff3347" + }, + "paletteAccentGreen": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "backgroundAccentTint": { + "light": "#5a9eff", + "dark": "#5a9eff" + }, + "backgroundAccentAlternative": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "backgroundBackground": { + "light": "#ededed", + "dark": "#0a0a0a" + }, + "backgroundSecondary": { + "light": "#f5f5f5", + "dark": "#232323" + }, + "backgroundSecondaryAlpha": { + "light": "#0000000a", + "dark": "#ffffff19" + }, + "backgroundTertiary": { + "light": "#f9f9f9", + "dark": "#202020" + }, + "backgroundTertiaryAlpha": { + "light": "#00000007", + "dark": "#ffffff07" + }, + "backgroundContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "backgroundContrastSecondaryAlpha": { + "light": "#ffffff33", + "dark": "#ffffff33" + }, + "backgroundContrastInverse": { + "light": "#2d2d2d", + "dark": "#2d2d2d" + }, + "backgroundModal": { + "light": "#ffffff", + "dark": "#1d1d1d" + }, + "backgroundModalInverse": { + "light": "#1d1d1d", + "dark": "#ffffff" + }, + "backgroundWarning": { + "light": "#fff2d6", + "dark": "#473315" + }, + "backgroundPositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "backgroundNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "backgroundPositiveTint": { + "light": "#e8f9e8", + "dark": "#2e3e2b" + }, + "backgroundNegativeTint": { + "light": "#ffe9e9", + "dark": "#522e2e" + }, + "backgroundFieldBackground": { + "light": "#ebebeb", + "dark": "#292929" + }, + "backgroundHeaderBackground": { + "light": "#ffffff", + "dark": "#191919" + }, + "textAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "textPrimaryInvariably": { + "light": "#212121", + "dark": "#212121" + }, + "textSubhead": { + "light": "#757575", + "dark": "#9a9a9a" + }, + "textPositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "textNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "textLink": { + "light": "#2d81e0", + "dark": "#529ef4" + }, + "textLinkThemed": { + "light": "#2d81e0", + "dark": "#ffffff" + }, + "textLinkTint": { + "light": "#71aaeb", + "dark": "#71aaeb" + }, + "textLinkVisited": { + "light": "#4986cc", + "dark": "#4986cc" + }, + "textMuted": { + "light": "#333333", + "dark": "#c4c4c4" + }, + "textLinkContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "iconPrimary": { + "light": "#212121", + "dark": "#e3e3e3" + }, + "iconPrimaryInvariably": { + "light": "#212121", + "dark": "#212121" + }, + "iconMedium": { + "light": "#8a8a8a", + "dark": "#b1b1b1" + }, + "iconMediumAlpha": { + "light": "#0000007a", + "dark": "#f6f6f6a8" + }, + "iconSecondaryAlpha": { + "light": "#0000005b", + "dark": "#f6f6f66d" + }, + "iconTertiary": { + "light": "#c2c2c2", + "dark": "#5f5f5f" + }, + "iconTertiaryAlpha": { + "light": "#0000003d", + "dark": "#ffffff4c" + }, + "iconContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "iconContrastSecondary": { + "light": "#f3f3f3", + "dark": "#f3f3f3" + }, + "iconPositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "iconNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "strokeAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "strokeSeparatorPrimary": { + "light": "#d8d8d8", + "dark": "#373737" + }, + "strokeSeparatorPrimary2x": { + "light": "#cccccc", + "dark": "#454545" + }, + "strokeSeparatorPrimary3x": { + "light": "#bfbfbf", + "dark": "#525252" + }, + "strokeSeparatorSecondary": { + "light": "#e3e3e3", + "dark": "#141414" + }, + "strokePositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "strokeNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "strokeContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "strokeFieldBorderAlpha": { + "light": "#0000001e", + "dark": "#ffffff1e" + }, + "otherOverlayPrimary": { + "light": "#00000066", + "dark": "#00000066" + }, + "otherAvatarOverlay": { + "light": "#00000099", + "dark": "#00000099" + }, + "otherAvatarOverlayInverseAlpha": { + "light": "#ffffffd8", + "dark": "#ffffffd8" + }, + "otherActionSheetText": { + "light": "#3f8ae0", + "dark": "#529ef4" + }, + "otherTrackBackground": { + "light": "#ebebeb", + "dark": "#464646" + }, + "otherTrackBuffer": { + "light": "#a0bfe4", + "dark": "#405772" + }, + "otherSearchFieldBackground": { + "light": "#ebebeb", + "dark": "#373737" + }, + "otherPanelHeaderIcon": { + "light": "#2688eb", + "dark": "#71aaeb" + }, + "otherSegmentedControl": { + "light": "#ffffff", + "dark": "#626364" + }, + "otherTransparent": { + "light": "#00000000", + "dark": "#00000000" + }, + "otherImagePlaceholder": { + "light": "#f3f3f3", + "dark": "#2b2b2b" + }, + "otherImagePlaceholderAlpha": { + "light": "#2121210f", + "dark": "#f6f6f614" + }, + "otherSkeletonFrom": { + "light": "#f5f5f5", + "dark": "#2d2d2d" + }, + "otherSkeletonTo": { + "light": "#ebebeb", + "dark": "#2d2d2d" + }, + "otherWriteBarIcon": { + "light": "#3f8ae0", + "dark": "#529ef4" + }, + "otherWriteBarInputBackground": { + "light": "#f3f3f3", + "dark": "#2d2d2d" + }, + "otherWriteBarInputBorder": { + "light": "#ebebeb", + "dark": "#2d2d2d" + }, + "otherWriteBarInputBorderAlpha": { + "light": "#00000014", + "dark": "#ffffff14" + }, + "statesHoverBackgroundAccent": { + "light": "#2c7cde", + "dark": "#59a2f4" + }, + "paletteAccentBlue": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "paletteAccentGray": { + "light": "#a3adb8", + "dark": "#a3adb8" + }, + "paletteAccentOrange": { + "light": "#ffa000", + "dark": "#ffa000" + }, + "paletteAccentOrangeFire": { + "light": "#f05c44", + "dark": "#f05c44" + }, + "paletteAccentPurple": { + "light": "#735ce6", + "dark": "#9985ff" + }, + "paletteAccentViolet": { + "light": "#792ec0", + "dark": "#a94fff" + }, + "paletteAccentRaspberryPink": { + "light": "#e03fab", + "dark": "#f060c0" + }, + "paletteAccentSecondary": { + "light": "#3f8ae0", + "dark": "#3f8ae0" + }, + "statesActiveBackgroundAccent": { + "light": "#1e6fdb", + "dark": "#60a6f5" + }, + "statesHoverBackgroundAccentThemed": { + "light": "#2c7cde", + "dark": "#ebedf0" + }, + "statesActiveBackgroundAccentThemed": { + "light": "#1e6fdb", + "dark": "#d7d8db" + }, + "statesHoverBackgroundSecondary": { + "light": "#f0f2f4", + "dark": "#2c2c2d" + }, + "statesActiveBackgroundSecondary": { + "light": "#dcdde0", + "dark": "#353536" + }, + "statesHoverBackgroundSecondaryAlpha": { + "light": "#00000014", + "dark": "#ffffff1e" + }, + "statesActiveBackgroundSecondaryAlpha": { + "light": "#0000001e", + "dark": "#ffffff23" + }, + "statesHoverBackgroundPositive": { + "light": "#3ca03e", + "dark": "#52b652" + }, + "statesActiveBackgroundPositive": { + "light": "#2f8d32", + "dark": "#59b959" + }, + "statesHoverBackgroundNegative": { + "light": "#d83e3c", + "dark": "#ff6363" + }, + "statesActiveBackgroundNegative": { + "light": "#c93633", + "dark": "#ff6969" + }, + "statesHoverTransparent": { + "light": "#00103d07", + "dark": "#ffffff0a" + }, + "statesActiveTransparent": { + "light": "#00103d0c", + "dark": "#ffffff14" + }, + "statesHoverTransparentContrast": { + "light": "#ffffff14", + "dark": "#ffffff14" + }, + "statesActiveTransparentContrast": { + "light": "#ffffff1e", + "dark": "#ffffff1e" + }, + "statesHoverBackgroundContrast": { + "light": "#f5f5f7", + "dark": "#ebedf0" + }, + "statesActiveBackgroundContrast": { + "light": "#ebecef", + "dark": "#d7d8db" + }, + "statesHoverBackgroundContrastSecondaryAlpha": { + "light": "#ffffff3d", + "dark": "#ffffff1e" + }, + "statesActiveBackgroundContrastSecondaryAlpha": { + "light": "#ffffff47", + "dark": "#ffffff47" + }, + "statesHoverBackgroundTertiary": { + "light": "#eff0f1", + "dark": "#29292a" + }, + "statesActiveBackgroundTertiary": { + "light": "#e5e6ea", + "dark": "#323233" + }, + "statesHoverBackgroundTertiaryAlpha": { + "light": "#00000011", + "dark": "#ffffff11" + }, + "statesActiveBackgroundTertiaryAlpha": { + "light": "#0000001c", + "dark": "#ffffff1c" + }, + "statesHoverFieldBorderAlpha": { + "light": "#0000003d", + "dark": "#ffffff28" + }, + "statesActiveFieldBorderAlpha": { + "light": "#0000005b", + "dark": "#ffffff33" + }, + "otherTabbarTextInactive": { + "light": "#adadad", + "dark": "#787878" + }, + "otherOverlaySecondary": { + "light": "#00000044", + "dark": "#00000044" + }, + "backgroundContrastThemed": { + "light": "#ffffff", + "dark": "#2d2d2d" + }, + "paletteAccentOrangePeach": { + "light": "#f9b54f", + "dark": "#ffc062" + }, + "backgroundAccentThemedAlpha": { + "light": "#2688eb33", + "dark": "#ffffff33" + }, + "appearance": { + "light": "Light", + "dark": "Dark" + }, + "iconWarning": { + "light": "#f8a01c", + "dark": "#edb055" + }, + "backgroundInfoTint": { + "light": "#deeeff", + "dark": "#1c3954" + }, + "gradientDefaultStop15": { + "light": "#ffffff0c", + "dark": "#19191a0c" + }, + "gradientDefaultStop30": { + "light": "#ffffff33", + "dark": "#19191a33" + }, + "gradientDefaultStop70": { + "light": "#ffffffcc", + "dark": "#19191acc" + }, + "gradientDefaultStop85": { + "light": "#fffffff2", + "dark": "#19191af2" + }, + "gradientDefaultStop100": { + "light": "#ffffff", + "dark": "#19191a" + }, + "gradientTintStop15": { + "light": "#f9f9f90c", + "dark": "#2020210c" + }, + "gradientTintStop30": { + "light": "#f9f9f933", + "dark": "#20202133" + }, + "gradientTintStop70": { + "light": "#f9f9f9cc", + "dark": "#202021cc" + }, + "gradientTintStop85": { + "light": "#f9f9f9f2", + "dark": "#202021f2" + }, + "gradientTintStop100": { + "light": "#f9f9f9", + "dark": "#202021" + }, + "gradientOverlayStop15": { + "light": "#00000005", + "dark": "#00000005" + }, + "gradientOverlayStop30": { + "light": "#00000014", + "dark": "#00000014" + }, + "gradientOverlayStop70": { + "light": "#00000051", + "dark": "#00000051" + }, + "gradientOverlayStop85": { + "light": "#00000060", + "dark": "#00000060" + }, + "gradientOverlayStop100": { + "light": "#000000cc", + "dark": "#000000cc" + }, + "gradientDefaultStop0": { + "light": "#ffffff00", + "dark": "#19191a00" + }, + "gradientTintStop0": { + "light": "#f9f9f900", + "dark": "#20202100" + }, + "gradientOverlayStop0": { + "light": "#00000000", + "dark": "#00000000" + }, + "paletteAccentAzure": { + "light": "#0077ff", + "dark": "#0077ff" + }, + "paletteAccentLime": { + "light": "#aff70d", + "dark": "#aff70d" + }, + "paletteAccentCyan": { + "light": "#13ffd0", + "dark": "#13ffd0" + }, + "paletteAccentPink": { + "light": "#f45fff", + "dark": "#f45fff" + }, + "textPrimaryAlpha": { + "light": "#2b2b2bd6", + "dark": "#f8f8f8b7" + }, + "textSecondaryAlpha": { + "light": "#2929298c", + "dark": "#fafafa6b" + }, + "backgroundContentInverse": { + "light": "#191919", + "dark": "#ffffff" + }, + "strokePrimary": { + "light": "#212121", + "dark": "#e3e3e3" + } + }, + "tokens": { + "sizeBorderRadius": { + "iOS": 10, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "sizeBasePaddingHorizontal": { + "iOS": 16, + "android": 16, + "vkCom": 12, + "desktop": 16 + }, + "sizeBasePaddingVertical": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "sizeBorderRadiusRounded": { + "iOS": 999, + "android": 999, + "vkCom": 999, + "desktop": 999 + }, + "sizeCardGridPadding": { + "iOS": 8, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "sizeCardGridPaddingVertical": { + "iOS": 8, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "sizeBorderRadiusPaper": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "spacingSizeXS": { + "iOS": 4, + "android": 4, + "vkCom": 4, + "desktop": 4 + }, + "spacingSizeS": { + "iOS": 6, + "android": 6, + "vkCom": 6, + "desktop": 6 + }, + "spacingSizeM": { + "iOS": 8, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "spacingSizeL": { + "iOS": 10, + "android": 10, + "vkCom": 10, + "desktop": 10 + }, + "spacingSizeXL": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "sizeBorderRadiusPromo": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "sizeCheckBorderRadius": { + "iOS": 4, + "android": 4, + "vkCom": 4, + "desktop": 4 + }, + "sizeFieldHeight": { + "iOS": 44, + "android": 44, + "vkCom": 36, + "desktop": 36 + }, + "sizeSearchHeight": { + "iOS": 36, + "android": 36, + "vkCom": 32, + "desktop": 32 + }, + "sizeButtonLargeHeight": { + "iOS": 44, + "android": 44, + "vkCom": 36, + "desktop": 36 + }, + "sizeButtonMediumHeight": { + "iOS": 36, + "android": 36, + "vkCom": 32, + "desktop": 32 + }, + "sizeButtonSmallHeight": { + "iOS": 30, + "android": 30, + "vkCom": 28, + "desktop": 28 + }, + "fontFamilyBase": { + "iOS": "SF Pro Text", + "android": "Roboto", + "vkCom": "SF Pro Text", + "desktop": "SF Pro Text" + }, + "spacingSize2XS": { + "iOS": 2, + "android": 2, + "vkCom": 2, + "desktop": 2 + }, + "spacingSize2XL": { + "iOS": 16, + "android": 16, + "vkCom": 16, + "desktop": 16 + }, + "spacingSize3XL": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "spacingSize4XL": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontFamilyAccent": { + "iOS": "VK Sans Display", + "android": "VK Sans Display", + "vkCom": "VK Sans Display", + "desktop": "VK Sans Display" + }, + "fontLetterSpacingTitle1": { + "iOS": 0.07, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingTitle2": { + "iOS": -0.45, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingTitle3": { + "iOS": -0.43, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingHeadline1": { + "iOS": -0.31, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingHeadline2": { + "iOS": -0.23, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingText": { + "iOS": -0.31, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingParagraph": { + "iOS": -0.23, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingSubhead": { + "iOS": -0.15, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingFootnote": { + "iOS": -0.08, + "android": 0.20, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingCaption1": { + "iOS": 0, + "android": 0.30, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingCaption2": { + "iOS": 0.06, + "android": 0.30, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingCaption3": { + "iOS": 0.17, + "android": 0.30, + "vkCom": 0, + "desktop": 0 + }, + "otherPlatformWidth": { + "iOS": 393, + "android": 360, + "vkCom": 360, + "desktop": 360 + }, + "fontSizeBaseHeadline1": { + "iOS": 16, + "android": 16, + "vkCom": 14, + "desktop": 15 + }, + "fontSizeBaseText": { + "iOS": 16, + "android": 16, + "vkCom": 13, + "desktop": 15 + }, + "fontSizeBaseHeadline2": { + "iOS": 15, + "android": 15, + "vkCom": 14, + "desktop": 14 + }, + "sizeFormItemPaddingVertical": { + "iOS": 12, + "android": 12, + "vkCom": 8, + "desktop": 12 + }, + "fontSizeBaseSubhead": { + "iOS": 14, + "android": 14, + "vkCom": 14, + "desktop": 13 + }, + "fontLineHeightBaseHeadline1": { + "iOS": 20, + "android": 20, + "vkCom": 18, + "desktop": 20 + }, + "fontLineHeightBaseHeadline2": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "fontLineHeightBaseText": { + "iOS": 20, + "android": 20, + "vkCom": 16, + "desktop": 20 + }, + "fontLineHeightBaseSubhead": { + "iOS": 18, + "android": 18, + "vkCom": 18, + "desktop": 16 + }, + "otherPlatform": { + "iOS": "iOS", + "android": "Android", + "vkCom": "vkCom", + "desktop": "Desktop" + }, + "otherLargeButtonSize": { + "iOS": 17, + "android": 16, + "vkCom": 14, + "desktop": 15 + }, + "otherLargeButtonLineHeight": { + "iOS": 22, + "android": 20, + "vkCom": 18, + "desktop": 20 + }, + "otherLargeButtonLetterSpacing": { + "iOS": -0.43, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "sizePanelHeaderHeight": { + "iOS": 52, + "android": 56, + "vkCom": 48, + "desktop": 48 + }, + "fontSizeBaseTitle1": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontSizeBaseTitle2": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "fontSizeBaseTitle3": { + "iOS": 17, + "android": 17, + "vkCom": 17, + "desktop": 17 + }, + "fontSizeBaseParagraph": { + "iOS": 15, + "android": 15, + "vkCom": 15, + "desktop": 15 + }, + "fontSizeBaseFootnote": { + "iOS": 13, + "android": 13, + "vkCom": 13, + "desktop": 13 + }, + "fontSizeBaseCaption1": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "fontSizeBaseCaption2": { + "iOS": 11, + "android": 11, + "vkCom": 11, + "desktop": 11 + }, + "fontLineHeightBaseTitle1": { + "iOS": 28, + "android": 28, + "vkCom": 28, + "desktop": 28 + }, + "fontLineHeightBaseTitle2": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontLineHeightBaseTitle3": { + "iOS": 22, + "android": 22, + "vkCom": 22, + "desktop": 22 + }, + "fontLineHeightBaseParagraph": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "fontLineHeightBaseFootnote": { + "iOS": 16, + "android": 16, + "vkCom": 16, + "desktop": 16 + }, + "fontLineHeightBaseCaption1": { + "iOS": 14, + "android": 14, + "vkCom": 14, + "desktop": 14 + }, + "fontLineHeightBaseCaption2": { + "iOS": 14, + "android": 14, + "vkCom": 14, + "desktop": 14 + }, + "fontLineHeightBaseCaption3": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "fontWeightRegular": { + "iOS": 400, + "android": 400, + "vkCom": 400, + "desktop": 400 + }, + "fontWeightMedium": { + "iOS": 500, + "android": 500, + "vkCom": 500, + "desktop": 500 + }, + "fontWeightSemibold": { + "iOS": 600, + "android": 600, + "vkCom": 600, + "desktop": 600 + }, + "fontSizeAccentHeader1": { + "iOS": 28, + "android": 28, + "vkCom": 28, + "desktop": 28 + }, + "fontLineHeightAccentHeader1": { + "iOS": 32, + "android": 32, + "vkCom": 32, + "desktop": 32 + }, + "fontSizeAccentTitle1": { + "iOS": 23, + "android": 23, + "vkCom": 23, + "desktop": 23 + }, + "fontSizeAccentTitle2": { + "iOS": 21, + "android": 21, + "vkCom": 22, + "desktop": 22 + }, + "fontSizeAccentTitle3": { + "iOS": 19, + "android": 19, + "vkCom": 19, + "desktop": 19 + }, + "fontSizeAccentTitle4": { + "iOS": 17, + "android": 17, + "vkCom": 17, + "desktop": 17 + }, + "fontLineHeightAccentTitle1": { + "iOS": 28, + "android": 28, + "vkCom": 28, + "desktop": 28 + }, + "fontLineHeightAccentTitle2": { + "iOS": 26, + "android": 26, + "vkCom": 24, + "desktop": 24 + }, + "fontLineHeightAccentTitle3": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontLineHeightAccentTitle4": { + "iOS": 22, + "android": 22, + "vkCom": 22, + "desktop": 22 + }, + "fontSizeBaseCaption3": { + "iOS": 9, + "android": 9, + "vkCom": 9, + "desktop": 9 + }, + "otherHorizontalCellPaddingHorizontalS": { + "iOS": 4, + "android": 8, + "vkCom": 4, + "desktop": 8 + }, + "otherPlatformHeight": { + "iOS": 852, + "android": 800, + "vkCom": 800, + "desktop": 800 + }, + "otherHorizontalCellPaddingHorizontalM": { + "iOS": 6, + "android": 10, + "vkCom": 6, + "desktop": 10 + }, + "otherSnackbarPadding": { + "iOS": 8, + "android": 8, + "vkCom": 12, + "desktop": 12 + }, + "opacityDisabled": { + "iOS": 50, + "android": 50, + "vkCom": 50, + "desktop": 50 + }, + "sizeCellHeight": { + "iOS": 48, + "android": 48, + "vkCom": 44, + "desktop": 44 + }, + "fontWeightBold": { + "iOS": 700, + "android": 700, + "vkCom": 700, + "desktop": 700 + } + } +} \ No newline at end of file diff --git a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.test.ts b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.test.ts new file mode 100644 index 000000000..99c467bed --- /dev/null +++ b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.test.ts @@ -0,0 +1,45 @@ +import { describe, expect, it } from '@jest/globals'; + +import { overwriteFromFigmaJSON } from './overwriteFromFigmaJSON'; + +const originalLightTokens = { + colorBackgroundAccent: '#000000', + colorSearchFieldBackground: '#111111', + colorHeaderBackground: '#222222', + colorNotSpecifiedInFigmaJSON: '#333333', +}; + +const figmaJSON = { + appearance: { + backgroundAccent: { + light: '#2688eb', + dark: '#529ef4', + }, + backgroundHeaderBackground: { + light: '#ffffff', + dark: '#191919', + }, + otherSearchFieldBackground: { + light: '#ebebeb', + dark: '#373737', + }, + colorNotSpecifiedInOriginalTokens: { + light: '#212121', + dark: '#e3e3e3', + }, + }, +}; + +const overwrittenLightTokens = { + colorBackgroundAccent: '#2688eb', + colorSearchFieldBackground: '#ebebeb', + colorHeaderBackground: '#ffffff', +}; + +describe('overwriteFromFigmaJSON', () => { + it('should leave only overwritten tokens', () => { + expect( + overwriteFromFigmaJSON(originalLightTokens, 'appearance', 'light', figmaJSON), + ).toStrictEqual(overwrittenLightTokens); + }); +}); diff --git a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts new file mode 100644 index 000000000..1733cbcfe --- /dev/null +++ b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts @@ -0,0 +1,90 @@ +import figma from '../figma.json'; + +// Поля — режимы соответсвующей коллекции переменных из фигмы +// Цвета +interface AppearanceVariable { + light: string; + dark: string; +} + +// Числа и строки +interface TokensVariable { + iOS: string | number; + android: string | number; + desktop: string | number; + vkCom: string | number; +} + +// Коллекция с переменными +interface Collection { + [name: string]: AppearanceVariable | TokensVariable; +} + +// Цельный файл. Может генерироваться дизайнерами плагином Figma Variables To JSON +interface FigmaJSON { + [collection: string]: Collection; +} + +/** + * Функция, возращающася список токенов, переопределённых в специальном JSON-файле с фигмовскими переменными + * + * @param originalTokens Токены, замена для которых будет искаться в figma.json + * @param {('appearance' | 'tokens')} [collection='appearance'] Коллекция, среди которой ищется замена + * @param {('light'|'dark')} [mode='light'] Режим переменных фигмы, применяемый для замены. Сейчас ограничивается светлой и тёмной темой + * @param {FigmaJSON} source Объект, используемый вместо figma.json. Может генерироваться дизайнерами плагином Figma Variables To JSON + * @returns Объект с токенами, для которых нашлась замена + */ +// eslint-disable-next-line max-params +export function overwriteFromFigmaJSON( + originalTokens, + collection: 'appearance' | 'tokens' = 'appearance', + mode: 'light' | 'dark' = 'light', + source: FigmaJSON = figma, +): Partial { + return Object.fromEntries( + Object.keys(originalTokens).reduce((acc, key) => { + const figmaToken = findFigmaVariable(source[collection], key); + if (figmaToken) { + acc.push([key, figmaToken[mode]]); + } + return acc; + }, []), + ); +} + +/** + * Функция, возвращающая фигмовскую переременную, соответствующую ключу. Названия токенов в интерфейсах и в фигме могут расходится. Эта функция учитывает возможные расхождения названий + * + * @param {Collection} collection Коллекция, в которой ищется переменная. Представляет из себя объект с переменными + * @param {string} key Оригинальное название переменной + * @returns Фигмовская переменная, внутри которой значения, расписанные по режимам, либо null, если переменная не найдена + */ +function findFigmaVariable( + collection: Collection, + key: string, +): AppearanceVariable | TokensVariable { + // Группировка в фигме может различаться, поэтому преобразование имени может быть с разными префиксами + // Токены без особой группы в коде могут лежать в разных группах в фигме: Other, Palette и т.д. + return ( + collection[toFigmaName(key)] || + collection[toFigmaName(key, 'other')] || + collection[toFigmaName(key, 'palette')] || + collection[toFigmaName(key, 'stroke')] || + collection[toFigmaName(key, 'background')] || + null + ); +} + +/** + * Фунция, возвращающая название токена, преобразованное в фигмовский формат + * @param {string} key Изначальное имя токена + * @param {string} [prefix=''] Префикс, имеющийся у переменной в фигмовском формате + * @returns {string} Имя без изначального префикса color и с опционально установленным префиксом в формате camelCase + */ +function toFigmaName(key: string, prefix: string = ''): string { + const figmaPascalCaseName = key.replace('color', ''); + if (prefix) { + return prefix + figmaPascalCaseName; + } + return figmaPascalCaseName.charAt(0).toLowerCase() + figmaPascalCaseName.slice(1); +} diff --git a/src/themeDescriptions/themes/lego/ios.ts b/src/themeDescriptions/themes/lego/ios.ts new file mode 100644 index 000000000..7c29a6a63 --- /dev/null +++ b/src/themeDescriptions/themes/lego/ios.ts @@ -0,0 +1,44 @@ +import { ThemeLegoIOSDescription } from '@/interfaces/themes/legoIOS'; +import { ThemeLegoIOSDarkDescription } from '@/interfaces/themes/legoIOSDark'; +import { vkIOSTheme, vkIOSThemeDark } from '@/themeDescriptions/themes/vkIOS'; +import { vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; + +import figma from './figma.json'; +import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; + +export const legoIOSTheme: ThemeLegoIOSDescription = { + ...vkIOSTheme, // импорт светлой базовой темы + + themeName: 'legoIOS', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkIOS', // название родительской темы + + colors: { + ...vkIOSTheme.colors, + // Переопределение переменных + ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'light', figma), + // Локальные цвета + colorStrokePrimary: figma.appearance.strokePrimary.light, + }, + sizeBasePaddingHorizontal: { + regular: figma.tokens.sizeBasePaddingHorizontal.iOS, + }, +}; + +export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { + ...legoIOSTheme, // импорт светлой версии текущей темы, + ...vkIOSThemeDark, // импорт тёмной базовой темы + + themeName: 'legoIOSDark', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkIOSDark', // название родительской темы + colorsScheme: 'dark', // название схемы (светлая — по умолчанию) + + colors: { + ...vkIOSThemeDark.colors, + // Переопределение переменных + ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'dark', figma), + // Локальные цвета + colorStrokePrimary: figma.appearance.strokePrimary.light, + }, +};