From ec8abd1b64fb774e3ad9460a141f689864836213 Mon Sep 17 00:00:00 2001 From: Daniil Suvorov Date: Fri, 17 Nov 2023 14:10:53 +0300 Subject: [PATCH 01/15] =?UTF-8?q?feat(vkontakte):=20add=202=20colors=20?= =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D1=8F=D0=B5=D0=BC=20=D1=86?= =?UTF-8?q?=D0=B2=D0=B5=D1=82=D0=B0=20=D0=B4=D0=BB=D1=8F=20vkontakte=20-?= =?UTF-8?q?=20`vkontakteLandingSecondaryButtonBackground`=20-=20`vkontakte?= =?UTF-8?q?StoriesSkeletonLoaderBackground`?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../__snapshots__/snapthots.test.ts.snap | 348 ++++++++++++++++++ .../themes/vkontakteAndroid/index.ts | 3 + .../themes/vkontakteAndroid/index.ts | 6 + .../themes/vkontakteCom/index.ts | 6 + 4 files changed, 363 insertions(+) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 22e8f2e2..c4830887 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -329814,6 +329814,34 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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))", + }, + }, + "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)", @@ -331181,6 +331209,16 @@ exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1 "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -332542,6 +332580,16 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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))", + }, + "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)", } @@ -333903,6 +333951,16 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -338315,6 +338373,34 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] "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))", + }, + }, + "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)", @@ -339682,6 +339768,16 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -341043,6 +341139,16 @@ exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from Css "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))", + }, + "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)", } @@ -342404,6 +342510,16 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -346704,6 +346820,34 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "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.102))", + }, + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #BCBDC1)", + }, + "hover": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C4C4C6)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #cccccc)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -348055,6 +348199,16 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "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.102)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -349400,6 +349554,16 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "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.102))", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #BCBDC1)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C4C4C6)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #cccccc)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -350745,6 +350909,16 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "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.102)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -355045,6 +355219,34 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_landing_background, #222222)", }, }, + "vkontakteLandingSecondaryButtonBackground": { + "active": { + "name": "--vkui--vkontakte_landing_secondary_button_background--active", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.24))", + }, + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.2))", + }, + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))", + }, + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #636363)", + }, + "hover": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #5C5C5C)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #555555)", + }, + }, "zIndexModal": { "name": "--vkui--z_index_modal", "value": "var(--vkui--z_index_modal, 99)", @@ -356396,6 +356598,16 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "hover": "#2B2B2B", "normal": "#222222", }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -357741,6 +357953,16 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "hover": "var(--vkui--vkontakte_landing_background--hover, #2B2B2B)", "normal": "var(--vkui--vkontakte_landing_background, #222222)", }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(255, 255, 255, 0.24))", + "hover": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(255, 255, 255, 0.2))", + "normal": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.16))", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #636363)", + "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #5C5C5C)", + "normal": "var(--vkui--vkontakte_stories_skeleton_loader_background, #555555)", + }, "zIndexModal": "var(--vkui--z_index_modal, 99)", "zIndexPopout": "var(--vkui--z_index_popout, 100)", } @@ -359086,6 +359308,16 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "hover": "#2B2B2B", "normal": "#222222", }, + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -363386,6 +363618,34 @@ exports[`shapshots vkontakteIOS theme should match cssVars snapshot 1`] = ` "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))", + }, + }, + "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)", @@ -364737,6 +364997,16 @@ exports[`shapshots vkontakteIOS theme should match pixelify theme snapshot 1`] = "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -366082,6 +366352,16 @@ exports[`shapshots vkontakteIOS theme should match pseudo theme from CssVars 1`] "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))", + }, + "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)", } @@ -367427,6 +367707,16 @@ exports[`shapshots vkontakteIOS theme should match root theme snapshot 1`] = ` "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -371727,6 +372017,34 @@ exports[`shapshots vkontakteIOSDark theme should match cssVars snapshot 1`] = ` "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))", + }, + }, + "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)", @@ -373078,6 +373396,16 @@ exports[`shapshots vkontakteIOSDark theme should match pixelify theme snapshot 1 "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, "zIndexModal": 99, "zIndexPopout": 100, } @@ -374423,6 +374751,16 @@ exports[`shapshots vkontakteIOSDark theme should match pseudo theme from CssVars "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))", + }, + "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)", } @@ -375768,6 +376106,16 @@ exports[`shapshots vkontakteIOSDark theme should match root theme snapshot 1`] = "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)", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, "zIndexModal": 99, "zIndexPopout": 100, } diff --git a/src/interfaces/themes/vkontakteAndroid/index.ts b/src/interfaces/themes/vkontakteAndroid/index.ts index 1dd8a2ba..60180dfd 100644 --- a/src/interfaces/themes/vkontakteAndroid/index.ts +++ b/src/interfaces/themes/vkontakteAndroid/index.ts @@ -282,6 +282,9 @@ export interface LocalVkontakteAndroidColorsDescriptionStruct { vkontakteImBubbleIncomingAlternateHighlighted: ColorDescription; vkontakteImBubbleIncomingExpiringHighlighted: ColorDescription; vkontakteImBubbleOutgoingHighlighted: ColorDescription; + + vkontakteLandingSecondaryButtonBackground: ColorDescription; + vkontakteStoriesSkeletonLoaderBackground: ColorDescription; } export type VkontakteAndroidLocalColors = { diff --git a/src/themeDescriptions/themes/vkontakteAndroid/index.ts b/src/themeDescriptions/themes/vkontakteAndroid/index.ts index 5a8bd82f..b69e25d6 100644 --- a/src/themeDescriptions/themes/vkontakteAndroid/index.ts +++ b/src/themeDescriptions/themes/vkontakteAndroid/index.ts @@ -111,6 +111,9 @@ export const vkontakteLocalColorLight: LocalVkontakteAndroidColorsDescriptionStr vkontakteImBubbleIncomingAlternateHighlighted: '#f9f9f9', vkontakteImBubbleIncomingExpiringHighlighted: '#ccd3ff', vkontakteImBubbleOutgoingHighlighted: '#add3ff', + + vkontakteLandingSecondaryButtonBackground: 'rgba(0, 57, 115, 0.10)', + vkontakteStoriesSkeletonLoaderBackground: '#454647', }; export const vkontakteLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = { @@ -212,6 +215,9 @@ export const vkontakteLocalColorDark: LocalVkontakteAndroidColorsDescriptionStru vkontakteImBubbleIncomingAlternateHighlighted: '#5d5f61', vkontakteImBubbleIncomingExpiringHighlighted: '#404980', vkontakteImBubbleOutgoingHighlighted: '#5d5f61', + + vkontakteLandingSecondaryButtonBackground: 'rgba(255, 255, 255, 0.15)', + vkontakteStoriesSkeletonLoaderBackground: '#c4c8cc', }; const fontFamilyAccent = diff --git a/src/themeDescriptions/themes/vkontakteCom/index.ts b/src/themeDescriptions/themes/vkontakteCom/index.ts index 2afcd71e..ee48212c 100644 --- a/src/themeDescriptions/themes/vkontakteCom/index.ts +++ b/src/themeDescriptions/themes/vkontakteCom/index.ts @@ -108,6 +108,9 @@ const vkontakteComLocalColorLight: LocalVkontakteAndroidColorsDescriptionStruct vkontakteImBubbleIncomingAlternateHighlighted: '#f7f8fa', vkontakteImBubbleIncomingExpiringHighlighted: '#ccd3ff', vkontakteImBubbleOutgoingHighlighted: '#add3ff', + + vkontakteLandingSecondaryButtonBackground: 'rgba(0, 57, 115, 0.102)', + vkontakteStoriesSkeletonLoaderBackground: '#cccccc', }; const vkontakteComLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = { @@ -207,6 +210,9 @@ const vkontakteComLocalColorDark: LocalVkontakteAndroidColorsDescriptionStruct = vkontakteImBubbleIncomingAlternateHighlighted: '#656565', vkontakteImBubbleIncomingExpiringHighlighted: '#404980', vkontakteImBubbleOutgoingHighlighted: '#656565', + + vkontakteLandingSecondaryButtonBackground: 'rgba(255, 255, 255, 0.16)', + vkontakteStoriesSkeletonLoaderBackground: '#555555', }; const vkontakteComFonts = lodash.merge>( From a4616ed9c23121bb5ae0847eb07354bdf96f99d3 Mon Sep 17 00:00:00 2001 From: fliqle Date: Wed, 22 Nov 2023 15:22:26 +0300 Subject: [PATCH 02/15] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?= =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BF=D0=BE=D1=81=D0=BB=D0=B5?= =?UTF-8?q?=20=D1=81=D0=B8=D0=BD=D1=85=D1=80=D0=BE=D0=BD=D0=B8=D0=B7=D0=B0?= =?UTF-8?q?=D1=86=D0=B8=D0=B8=20=D1=81=20Figma?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../__snapshots__/snapthots.test.ts.snap | 1652 ++++++++++++----- src/interfaces/themes/octavius/index.ts | 6 +- src/themeDescriptions/base/paradigm.ts | 6 +- .../themes/octavius/index.ts | 87 +- 4 files changed, 1294 insertions(+), 457 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 22e8f2e2..0b76a0e5 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -2751,15 +2751,15 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -7309,9 +7309,9 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -9305,9 +9305,9 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -11301,9 +11301,9 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -14593,7 +14593,7 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -15075,15 +15075,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -19460,7 +19460,7 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -19633,9 +19633,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -21456,7 +21456,7 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -21629,9 +21629,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -23452,7 +23452,7 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -23625,9 +23625,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -25251,7 +25251,7 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -25733,15 +25733,15 @@ exports[`shapshots calls theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -29222,7 +29222,7 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -29395,9 +29395,9 @@ exports[`shapshots calls theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -30535,7 +30535,7 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -30708,9 +30708,9 @@ exports[`shapshots calls theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -31848,7 +31848,7 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -32021,9 +32021,9 @@ exports[`shapshots calls theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -34026,15 +34026,15 @@ exports[`shapshots cloud theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -37792,9 +37792,9 @@ exports[`shapshots cloud theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -39140,9 +39140,9 @@ exports[`shapshots cloud theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -40488,9 +40488,9 @@ exports[`shapshots cloud theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -42046,7 +42046,7 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -42528,15 +42528,15 @@ exports[`shapshots cloudDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -46049,7 +46049,7 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -46222,9 +46222,9 @@ exports[`shapshots cloudDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -47376,7 +47376,7 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -47549,9 +47549,9 @@ exports[`shapshots cloudDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -48703,7 +48703,7 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -48876,9 +48876,9 @@ exports[`shapshots cloudDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -50895,15 +50895,15 @@ exports[`shapshots home theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -54671,9 +54671,9 @@ exports[`shapshots home theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -56026,9 +56026,9 @@ exports[`shapshots home theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -57381,9 +57381,9 @@ exports[`shapshots home theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -58946,7 +58946,7 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -59428,15 +59428,15 @@ exports[`shapshots homeDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -63027,7 +63027,7 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -63200,9 +63200,9 @@ exports[`shapshots homeDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -64381,7 +64381,7 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -64554,9 +64554,9 @@ exports[`shapshots homeDark theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -65735,7 +65735,7 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -65908,9 +65908,9 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -67962,15 +67962,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -72974,9 +72974,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -74674,9 +74674,9 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -76374,9 +76374,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -78284,7 +78284,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -78766,15 +78766,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -83605,7 +83605,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -83778,9 +83778,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -85305,7 +85305,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -85478,9 +85478,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -87005,7 +87005,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -87178,9 +87178,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -89570,15 +89570,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -94588,9 +94588,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -96291,9 +96291,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -97994,9 +97994,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -100423,15 +100423,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -103236,6 +103236,34 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, + }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", @@ -103772,6 +103800,34 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", @@ -106262,9 +106318,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -107113,6 +107169,16 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#82848C", "normal": "#87898F", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", "hover": "#8D9197", @@ -107304,6 +107370,16 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -108354,9 +108430,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -109205,6 +109281,16 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", @@ -109396,6 +109482,16 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, "octaviusColorPromoBackground": { "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", @@ -110446,9 +110542,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -111297,6 +111393,16 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#82848C", "normal": "#87898F", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", "hover": "#8D9197", @@ -111488,6 +111594,16 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -113257,15 +113373,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -116070,6 +116186,34 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, + }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", @@ -116606,6 +116750,34 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", @@ -119100,9 +119272,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -119951,6 +120123,16 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#82848C", "normal": "#87898F", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", "hover": "#8D9197", @@ -120142,6 +120324,16 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -121193,9 +121385,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -122044,6 +122236,16 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", @@ -122235,6 +122437,16 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, "octaviusColorPromoBackground": { "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", @@ -123286,9 +123498,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -124137,6 +124349,16 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#82848C", "normal": "#87898F", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", "hover": "#8D9197", @@ -124328,6 +124550,16 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -125588,7 +125820,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -126098,15 +126330,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -128550,15 +128782,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorButtonBackgroundContrastAlpha": { "active": { "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.16))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.12))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.16))", }, "normal": { "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.08))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, "octaviusColorButtonEmptyStateBackgroundAlpha": { @@ -128911,6 +129143,34 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", + }, + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + }, + }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", @@ -129447,6 +129707,34 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + }, + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgba(255, 255, 255, 0.34))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", + }, + }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", @@ -131758,7 +132046,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -131941,9 +132229,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -132663,9 +132951,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.16)", - "hover": "rgba(250, 250, 250, 0.12)", - "normal": "rgba(250, 250, 250, 0.08)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -132792,6 +133080,16 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#919398", "normal": "#8C8E94", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, "octaviusColorHeaderTextSecondary": { "active": "#9C9EA3", "hover": "#979A9F", @@ -132983,6 +133281,16 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "hover": "#2C2C2D", "normal": "#232324", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", + }, "octaviusColorPromoBackground": { "active": "#414141", "hover": "#383838", @@ -133851,7 +134159,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -134034,9 +134342,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -134756,9 +135064,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.16))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.12))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.08))", + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.16))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", @@ -134885,6 +135193,16 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", @@ -135076,6 +135394,16 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", "normal": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", + }, "octaviusColorPromoBackground": { "active": "var(--vkui--octavius_color_promo_background--active, #414141)", "hover": "var(--vkui--octavius_color_promo_background--hover, #383838)", @@ -135944,7 +136272,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -136127,9 +136455,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -136849,9 +137177,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.16)", - "hover": "rgba(250, 250, 250, 0.12)", - "normal": "rgba(250, 250, 250, 0.08)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -136978,6 +137306,16 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#919398", "normal": "#8C8E94", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, "octaviusColorHeaderTextSecondary": { "active": "#9C9EA3", "hover": "#979A9F", @@ -137169,6 +137507,16 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "hover": "#2C2C2D", "normal": "#232324", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", + }, "octaviusColorPromoBackground": { "active": "#414141", "hover": "#383838", @@ -138429,7 +138777,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -138939,15 +139287,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -141391,15 +141739,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorButtonBackgroundContrastAlpha": { "active": { "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.16))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.12))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.16))", }, "normal": { "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.08))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, "octaviusColorButtonEmptyStateBackgroundAlpha": { @@ -141752,6 +142100,34 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(255, 255, 255, 0.84))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", + }, + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + }, + }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", @@ -142288,6 +142664,34 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + }, + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgba(255, 255, 255, 0.34))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", + }, + }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", @@ -144595,7 +144999,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -144778,9 +145182,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -145500,9 +145904,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.16)", - "hover": "rgba(250, 250, 250, 0.12)", - "normal": "rgba(250, 250, 250, 0.08)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -145629,6 +146033,16 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#919398", "normal": "#8C8E94", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, "octaviusColorHeaderTextSecondary": { "active": "#9C9EA3", "hover": "#979A9F", @@ -145820,6 +146234,16 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "hover": "#2C2C2D", "normal": "#232324", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", + }, "octaviusColorPromoBackground": { "active": "#414141", "hover": "#383838", @@ -146687,7 +147111,7 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -146870,9 +147294,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -147592,9 +148016,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.16))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.12))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.08))", + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgba(250, 250, 250, 0.16))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", @@ -147721,6 +148145,16 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(255, 255, 255, 0.84))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", @@ -147912,6 +148346,16 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", "normal": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", + }, "octaviusColorPromoBackground": { "active": "var(--vkui--octavius_color_promo_background--active, #414141)", "hover": "var(--vkui--octavius_color_promo_background--hover, #383838)", @@ -148779,7 +149223,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -148962,9 +149406,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -149684,9 +150128,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.16)", - "hover": "rgba(250, 250, 250, 0.12)", - "normal": "rgba(250, 250, 250, 0.08)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -149813,6 +150257,16 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#919398", "normal": "#8C8E94", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, "octaviusColorHeaderTextSecondary": { "active": "#9C9EA3", "hover": "#979A9F", @@ -150004,6 +150458,16 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "hover": "#2C2C2D", "normal": "#232324", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", + }, "octaviusColorPromoBackground": { "active": "#414141", "hover": "#383838", @@ -154538,6 +155002,34 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", }, }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, + }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", @@ -155074,6 +155566,34 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", @@ -158398,6 +158918,16 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#7C8795", "normal": "#818c99", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#778292", "hover": "#7C8795", @@ -158589,6 +159119,16 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -160473,6 +161013,16 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", @@ -160664,6 +161214,16 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, "octaviusColorPromoBackground": { "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", @@ -162548,6 +163108,16 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#7C8795", "normal": "#818c99", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#778292", "hover": "#7C8795", @@ -162739,6 +163309,16 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -167273,6 +167853,34 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", }, }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #146CF9)", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A65F9)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, + }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", @@ -167809,6 +168417,34 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", }, }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", @@ -171133,6 +171769,16 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#7B7D7F", "normal": "#76787a", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#146CF9", + "hover": "#0A65F9", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#818385", "hover": "#7B7D7F", @@ -171324,6 +171970,16 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "hover": "#282828", "normal": "rgb(31, 31, 31)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#3A3A3A", "hover": "#323232", @@ -173208,6 +173864,16 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #146CF9)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A65F9)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", @@ -173399,6 +174065,16 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", "normal": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, "octaviusColorPromoBackground": { "active": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", "hover": "var(--vkui--octavius_color_promo_background--hover, #323232)", @@ -175283,6 +175959,16 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#7B7D7F", "normal": "#76787a", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#146CF9", + "hover": "#0A65F9", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#818385", "hover": "#7B7D7F", @@ -175474,6 +176160,16 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "hover": "#282828", "normal": "rgb(31, 31, 31)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#3A3A3A", "hover": "#323232", @@ -177243,15 +177939,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -180056,6 +180752,34 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + }, + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, + }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", @@ -180592,6 +181316,34 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + }, + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", @@ -183082,9 +183834,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -183933,6 +184685,16 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#82848C", "normal": "#87898F", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", "hover": "#8D9197", @@ -184124,6 +184886,16 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -185174,9 +185946,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -186025,6 +186797,16 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", + "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + }, "octaviusColorHeaderTextSecondary": { "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", @@ -186216,6 +186998,16 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, "octaviusColorPromoBackground": { "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", @@ -187266,9 +188058,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -188117,6 +188909,16 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#82848C", "normal": "#87898F", }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, "octaviusColorHeaderTextSecondary": { "active": "#878B93", "hover": "#8D9197", @@ -188308,6 +189110,16 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, "octaviusColorPromoBackground": { "active": "#D8DCE6", "hover": "#E2E5EE", @@ -190031,15 +190843,15 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -193567,9 +194379,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -194833,9 +195645,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -196099,9 +196911,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -197575,7 +198387,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -198057,15 +198869,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -201420,7 +202232,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -201593,9 +202405,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -202686,7 +203498,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -202859,9 +203671,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -203952,7 +204764,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -204125,9 +204937,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -206087,15 +206899,15 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -209777,9 +210589,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -211103,9 +211915,9 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -212429,9 +213241,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -213965,7 +214777,7 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -214447,15 +215259,15 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -217968,7 +218780,7 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -218141,9 +218953,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -219295,7 +220107,7 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -219468,9 +220280,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -220622,7 +221434,7 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -220795,9 +221607,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -222822,15 +223634,15 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -227848,9 +228660,9 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -229553,9 +230365,9 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -231258,9 +232070,9 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -233647,15 +234459,15 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -237657,9 +238469,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -239090,9 +239902,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -240523,9 +241335,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -242166,7 +242978,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -242648,15 +243460,15 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -246481,7 +247293,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -246654,9 +247466,9 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -247913,7 +248725,7 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -248086,9 +248898,9 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -249345,7 +250157,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -249518,9 +250330,9 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -251658,15 +252470,15 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -256148,9 +256960,9 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -257714,9 +258526,9 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -259280,9 +260092,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -265849,7 +266661,7 @@ exports[`shapshots pulseDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -268259,7 +269071,7 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -269044,7 +269856,7 @@ exports[`shapshots pulseDark theme should match pseudo theme from CssVars 1`] = "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -269829,7 +270641,7 @@ exports[`shapshots pulseDark theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -271560,15 +272372,15 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -276256,9 +277068,9 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -277838,9 +278650,9 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -279420,9 +280232,9 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -281694,15 +282506,15 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -285388,9 +286200,9 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -286715,9 +287527,9 @@ exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -288042,9 +288854,9 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -301168,15 +301980,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", + "value": "var(--vkui--color_accent_green--active, #19721E)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "value": "var(--vkui--color_accent_green--hover, #1A761C)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #1B7A1B)", }, }, "colorAccentOrange": { @@ -304323,9 +305135,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#19721E", + "hover": "#1A761C", + "normal": "#1B7A1B", }, "colorAccentOrange": { "active": "#EB9405", @@ -305284,9 +306096,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "active": "var(--vkui--color_accent_green--active, #19721E)", + "hover": "var(--vkui--color_accent_green--hover, #1A761C)", + "normal": "var(--vkui--color_accent_green, #1B7A1B)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", @@ -306245,9 +307057,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#19721E", + "hover": "#1A761C", + "normal": "#1B7A1B", }, "colorAccentOrange": { "active": "#EB9405", @@ -342462,15 +343274,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", + "value": "var(--vkui--color_accent_green--active, #19721E)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "value": "var(--vkui--color_accent_green--hover, #1A761C)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4BB34B)", + "value": "var(--vkui--color_accent_green, #1B7A1B)", }, }, "colorAccentOrange": { @@ -346733,9 +347545,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#19721E", + "hover": "#1A761C", + "normal": "#1B7A1B", }, "colorAccentOrange": { "active": "#EB9405", @@ -348078,9 +348890,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "active": "var(--vkui--color_accent_green--active, #19721E)", + "hover": "var(--vkui--color_accent_green--hover, #1A761C)", + "normal": "var(--vkui--color_accent_green, #1B7A1B)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", @@ -349423,9 +350235,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#19721E", + "hover": "#1A761C", + "normal": "#1B7A1B", }, "colorAccentOrange": { "active": "#EB9405", @@ -376858,15 +377670,15 @@ exports[`shapshots workspaceAdmin theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "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.52))", + "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, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, }, "colorOverlaySecondary": { @@ -380552,9 +381364,9 @@ exports[`shapshots workspaceAdmin theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -381879,9 +382691,9 @@ exports[`shapshots workspaceAdmin theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "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, rgba(0, 0, 0, 0.4))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", @@ -383206,9 +384018,9 @@ exports[`shapshots workspaceAdmin theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorOverlaySecondary": { "active": "rgba(44, 45, 46, 0.58)", @@ -384743,7 +385555,7 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, }, "colorBackgroundTertiary": { @@ -385225,15 +386037,15 @@ exports[`shapshots workspaceLandings theme should match cssVars snapshot 1`] = ` "colorOverlayPrimary": { "active": { "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", }, "hover": { "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, }, "colorOverlaySecondary": { @@ -388816,7 +389628,7 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -388989,9 +389801,9 @@ exports[`shapshots workspaceLandings theme should match pixelify theme snapshot "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", @@ -390168,7 +390980,7 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "colorBackgroundSecondaryAlpha": { "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.2))", "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #363636)", @@ -390341,9 +391153,9 @@ exports[`shapshots workspaceLandings theme should match pseudo theme from CssVar "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { - "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", + "active": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.8))", + "hover": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.76))", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.72))", }, "colorOverlaySecondary": { "active": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))", @@ -391520,7 +392332,7 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { "active": "#363636", @@ -391693,9 +392505,9 @@ exports[`shapshots workspaceLandings theme should match root theme snapshot 1`] "normal": "#FFFFFF", }, "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(0, 0, 0, 0.8)", + "hover": "rgba(0, 0, 0, 0.76)", + "normal": "rgba(0, 0, 0, 0.72)", }, "colorOverlaySecondary": { "active": "rgba(55, 56, 57, 0.58)", diff --git a/src/interfaces/themes/octavius/index.ts b/src/interfaces/themes/octavius/index.ts index f9c8fd40..dfc46538 100644 --- a/src/interfaces/themes/octavius/index.ts +++ b/src/interfaces/themes/octavius/index.ts @@ -119,7 +119,7 @@ export interface LocalOctaviusColorsDescriptionStruct { // Токены текстов и иконок действий octaviusColorActionArchive: ColorDescription; - // Токены синей шапки + // Токены шапки octaviusColorHeaderBackground: ColorDescription; octaviusColorHeaderButtonText: ColorDescription; octaviusColorHeaderButtonBackgroundAlpha: ColorDescription; @@ -130,6 +130,8 @@ export interface LocalOctaviusColorsDescriptionStruct { octaviusColorHeaderTextSecondary: ColorDescription; octaviusColorHeaderProgress: ColorDescription; octaviusColorHeaderFilterTextAlpha: ColorDescription; + octaviusColorHeaderTabActiveThemedAlpha: ColorDescription; + octaviusColorHeaderTabTextActiveThemed: ColorDescription; // Поиск octaviusColorHeaderSearchIcon: ColorDescription; @@ -140,6 +142,8 @@ export interface LocalOctaviusColorsDescriptionStruct { octaviusColorHeaderSearchChipBackground: ColorDescription; octaviusColorHeaderSearchChipBackgroundEditable: ColorDescription; octaviusColorHeaderSearchChipBorderEditableAlpha: ColorDescription; + octaviusColorPortalSearchBackgroundAlpha: ColorDescription; + octaviusColorPortalSearchIconThemedAlpha: ColorDescription; // Токены сайдбара octaviusColorSidebarItemBackgroundAlpha: ColorDescription; diff --git a/src/themeDescriptions/base/paradigm.ts b/src/themeDescriptions/base/paradigm.ts index aaf05322..77171cb4 100644 --- a/src/themeDescriptions/base/paradigm.ts +++ b/src/themeDescriptions/base/paradigm.ts @@ -141,7 +141,7 @@ export const lightColors: ColorsDescription = { colorSkeletonTo: '#E0E1E6', colorAvatarOverlay: 'rgba(145, 147, 153, 0.48)', colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', - colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)', + colorOverlayPrimary: 'rgba(0, 0, 0, 0.4)', colorOverlaySecondary: 'rgba(44, 45, 46, 0.5)', colorSegmentedControl: '#FFFFFF', colorTabbarTextInactive: '#99A2AD', @@ -162,7 +162,7 @@ export const darkColors: ColorsDescription = { colorBackgroundContent: colorBackgroundContentDark, colorBackgroundSecondary: '#2A2A2B', colorBackgroundSecondaryAlpha: { - normal: 'rgba(255, 255, 255, 0.08)', + normal: 'rgba(255, 255, 255, 0.12)', hover: 'rgba(255, 255, 255, 0.16)', active: 'rgba(255, 255, 255, 0.2)', }, @@ -271,7 +271,7 @@ export const darkColors: ColorsDescription = { colorSkeletonTo: '#3E3F40', colorAvatarOverlay: 'rgba(176, 178, 182, 0.48)', colorAvatarOverlayInverseAlpha: 'rgba(255, 255, 255, 0.85)', - colorOverlayPrimary: 'rgba(0, 0, 0, 0.48)', + colorOverlayPrimary: 'rgba(0, 0, 0, 0.72)', colorOverlaySecondary: 'rgba(55, 56, 57, 0.5)', colorSegmentedControl: '#626364', colorTabbarTextInactive: '#76787A', diff --git a/src/themeDescriptions/themes/octavius/index.ts b/src/themeDescriptions/themes/octavius/index.ts index e1ddb67a..e90932eb 100644 --- a/src/themeDescriptions/themes/octavius/index.ts +++ b/src/themeDescriptions/themes/octavius/index.ts @@ -20,8 +20,12 @@ export const octaviusTheme: ThemeOctaviusDescription = { colors: { ...lightTheme.colors, ...socialColors, + + // Thumnails colorBackgroundThumbnail: '#EBECEF', colorBackgroundThumbnailAlpha: 'rgba(0, 16, 61, 0.08)', + + // Палитра цветов colorPaletteRed1: '#fc2c38', colorPaletteRed2: '#eb1981', colorPaletteRed3: '#ff71bb', @@ -42,6 +46,7 @@ export const octaviusTheme: ThemeOctaviusDescription = { colorPaletteViolet2: '#ae73ff', colorAlert: '#c1341b', + // Палитра для промо банеров colorTagBackgroundMint: '#B3F0DD', colorTagTextMint: '#205B5B', colorTagBackgroundSky: '#A4DEFF', @@ -56,7 +61,6 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusColorPlaceholderBackground: '#ffffff', octaviusColorPromoBackground: '#EBEEF5', octaviusColorThreadFooterBackground: '#ebecef', - colorBackgroundSecondary: '#F0F1F3', octaviusColorButtonText: '#333333', octaviusColorButtonIcon: '#333333', @@ -74,6 +78,7 @@ export const octaviusTheme: ThemeOctaviusDescription = { ), octaviusColorOverlayBackground: 'transparent', + // Header octaviusColorHeaderBackground: lightTheme.colors.colorBackgroundAccent, octaviusColorHeaderButtonText: lightTheme.colors.colorTextContrast, octaviusColorHeaderButtonBackgroundAlpha: { @@ -100,8 +105,14 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusColorHeaderProgress: lightTheme.colors.colorBackgroundAccentAlternative, + octaviusColorHeaderTabActiveThemedAlpha: 'rgba(0, 95, 249, .10)', + octaviusColorHeaderTabTextActiveThemed: '#005FF9', + octaviusColorPortalSearchBackgroundAlpha: 'rgba(255, 255, 255, .99)', + octaviusColorPortalSearchIconThemedAlpha: 'rgba(0, 95, 255, .99)', + octaviusColorPortalMenuBackground: lightTheme.colors.colorBackground, + // Sidebar octaviusColorSidebarItemIconActive: lightTheme.colors.colorIconPrimary, octaviusColorSidebarItemIconPrimary: lightTheme.colors.colorIconPrimary, octaviusColorSidebarItemTextActive: lightTheme.colors.colorTextPrimary, @@ -131,10 +142,20 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusColorSidebarComposeButtonText: '#2c2d2e', octaviusColorSidebarComposeButtonIcon: '#2c2d2e', + octaviusColorSidebarIconUnread: '#005FF9', + octaviusColorSidebarIconFavorite: '#fc2c38', + octaviusColorSidebarIconOrder: '#ff54aa', + octaviusColorSidebarIconFinance: '#2fc885', + octaviusColorSidebarIconRegistration: '#ff9e00', + octaviusColorSidebarIconTravel: '#ba34fc', + octaviusColorSidebarIconEvent: '#09a6fa', + octaviusColorSidebarIconFees: '#e60000', + octaviusColorContentScrollbarAlpha: 'rgba(0, 16, 61, 0.08)', octaviusColorActionArchive: '#1F5C23', + // Category octaviusColorIconUnread: '#005FF9', octaviusColorIconFavorite: '#fc2c38', octaviusColorIconOrder: '#ff54aa', @@ -148,15 +169,6 @@ export const octaviusTheme: ThemeOctaviusDescription = { octaviusColorIconOrderAlpha: 'rgba(249, 76, 163, 0.1)', octaviusColorIconTravelAlpha: 'rgba(193, 93, 243, 0.1)', - octaviusColorSidebarIconUnread: '#005FF9', - octaviusColorSidebarIconFavorite: '#fc2c38', - octaviusColorSidebarIconOrder: '#ff54aa', - octaviusColorSidebarIconFinance: '#2fc885', - octaviusColorSidebarIconRegistration: '#ff9e00', - octaviusColorSidebarIconTravel: '#ba34fc', - octaviusColorSidebarIconEvent: '#09a6fa', - octaviusColorSidebarIconFees: '#e60000', - octaviusColorListLetterBackground: { normal: '#ffffff', hover: '#f5f5f7', @@ -282,6 +294,7 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { 0.12, ), + // Header octaviusColorHeaderBackground: '#232324', octaviusColorHeaderButtonText: darkTheme.colors.colorTextContrast, octaviusColorHeaderIcon: darkTheme.colors.colorIconContrast, @@ -298,6 +311,18 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { octaviusColorHeaderSearchText: darkTheme.colors.colorTextPrimary, octaviusColorHeaderSearchTextCollapsed: darkTheme.colors.colorTextSecondary, + octaviusColorHeaderButtonBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.16)', + active: 'rgba(255, 255, 255, 0.2)', + }, + + octaviusColorHeaderTabActiveThemedAlpha: 'rgba(255, 255, 255, .8)', + octaviusColorHeaderTabTextActiveThemed: '#E7E8EA', + octaviusColorPortalSearchBackgroundAlpha: 'rgba(255, 255, 255, .08)', + octaviusColorPortalSearchIconThemedAlpha: 'rgba(255, 255, 255, .3)', + + // Sidebar octaviusColorSidebarItemIconPrimary: '#E7E8EA', octaviusColorSidebarItemIcon: '#E7E8EA', @@ -314,19 +339,6 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { octaviusColorSidebarShortItemTextSecondary: darkTheme.colors.colorTextSecondary, octaviusColorSidebarShortItemIconSecondary: darkTheme.colors.colorIconSecondary, - octaviusColorHeaderButtonBackgroundAlpha: { - normal: 'transparent', - hover: 'rgba(255, 255, 255, 0.16)', - active: 'rgba(255, 255, 255, 0.2)', - }, - - octaviusColorButtonText: '#E7E8EA', - octaviusColorButtonIcon: '#E7E8EA', - octaviusColorButtonBackgroundAlpha: { - normal: 'transparent', - hover: 'rgba(255, 255, 255, 0.04)', - active: 'rgba(255, 255, 255, 0.08)', - }, octaviusColorSidebarItemTextPrimary: darkTheme.colors.colorTextPrimary, octaviusColorSidebarButtonIcon: lightTheme.colors.colorIconPrimary, octaviusColorSidebarButtonText: lightTheme.colors.colorTextPrimary, @@ -342,10 +354,28 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { active: 'rgba(255, 255, 255, 0.24)', }, + octaviusColorSidebarIconUnread: '#0C7CFF', + octaviusColorSidebarIconFavorite: '#FF4550', + octaviusColorSidebarIconOrder: '#F94CA3', + octaviusColorSidebarIconFinance: '#24C780', + octaviusColorSidebarIconRegistration: '#FF9C37', + octaviusColorSidebarIconTravel: '#C15DF3', + octaviusColorSidebarIconEvent: '#3BBAFE', + octaviusColorSidebarIconFees: '#EE3C3C', + + octaviusColorButtonText: '#E7E8EA', + octaviusColorButtonIcon: '#E7E8EA', + octaviusColorButtonBackgroundAlpha: { + normal: 'transparent', + hover: 'rgba(255, 255, 255, 0.04)', + active: 'rgba(255, 255, 255, 0.08)', + }, + octaviusColorContentScrollbarAlpha: 'rgba(255, 255, 255, 0.12)', octaviusColorActionArchive: '#0EAB67', + // Category octaviusColorIconUnread: '#0C7CFF', octaviusColorIconFavorite: '#FF4550', octaviusColorIconOrder: '#F94CA3', @@ -359,15 +389,6 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { octaviusColorIconOrderAlpha: 'rgba(255, 255, 255, 0.12)', octaviusColorIconTravelAlpha: 'rgba(255, 255, 255, 0.12)', - octaviusColorSidebarIconUnread: '#0C7CFF', - octaviusColorSidebarIconFavorite: '#FF4550', - octaviusColorSidebarIconOrder: '#F94CA3', - octaviusColorSidebarIconFinance: '#24C780', - octaviusColorSidebarIconRegistration: '#FF9C37', - octaviusColorSidebarIconTravel: '#C15DF3', - octaviusColorSidebarIconEvent: '#3BBAFE', - octaviusColorSidebarIconFees: '#EE3C3C', - octaviusColorListLetterBackground: darkTheme.colors.colorBackgroundContent, octaviusColorListLetterSeparatorAlpha: darkTheme.colors.colorSeparatorPrimaryAlpha, octaviusColorListLetterAdvBackground: '#151515', @@ -400,7 +421,7 @@ export const octaviusDarkTheme: ThemeOctaviusDescription = { octaviusColorBackgroundNegativeTintAlpha: 'rgba(236, 71, 80, 0.16)', octaviusColorBackgroundPositiveTintAlpha: 'rgba(13, 194, 104, 0.12)', - octaviusColorButtonBackgroundContrastAlpha: 'rgba(250, 250, 250, 0.08)', + octaviusColorButtonBackgroundContrastAlpha: 'rgba(250, 250, 250, 0.12)', }, octaviusColorLetterAttachListBackground: 'linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)', From 4465c96f1e376cd05d25e840668b3746378ad462 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Thu, 30 Nov 2023 05:27:29 +0000 Subject: [PATCH 03/15] build(deps-dev): bump @vkontakte/vk-bridge from 2.11.1 to 2.12.2 Bumps [@vkontakte/vk-bridge](https://github.com/VKCOM/vk-bridge/tree/HEAD/packages/core) from 2.11.1 to 2.12.2. - [Release notes](https://github.com/VKCOM/vk-bridge/releases) - [Commits](https://github.com/VKCOM/vk-bridge/commits/@vkontakte/vk-bridge@2.12.2/packages/core) --- updated-dependencies: - dependency-name: "@vkontakte/vk-bridge" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index e0bec85a..6de493e6 100644 --- a/package.json +++ b/package.json @@ -58,7 +58,7 @@ "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.7", "@vkontakte/icons": "2.85.0", "@vkontakte/prettier-config": "0.1.0", - "@vkontakte/vk-bridge": "2.11.1", + "@vkontakte/vk-bridge": "2.12.2", "@vkontakte/vkjs": "1.1.0", "@vkontakte/vkui": "5.10.0", "babel-jest": "29.7.0", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..100d9768 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2116,10 +2116,10 @@ resolved "https://registry.yarnpkg.com/@vkontakte/prettier-config/-/prettier-config-0.1.0.tgz#4bb288d12a4a3f38cab1827bf7b94b10888773a9" integrity sha512-Ec0V5C4IUUZm/7cxHX1AowXRdK3lBEoXXCDxZ8Ii6N3MPhYOXDfegen3ld40mmtQA1jMpJdiqpH+E8e8st/zTg== -"@vkontakte/vk-bridge@2.11.1": - version "2.11.1" - resolved "https://registry.yarnpkg.com/@vkontakte/vk-bridge/-/vk-bridge-2.11.1.tgz#28cdb8d25fe3f0f81f6620bdf08f6a235573091f" - integrity sha512-GOtL/u4ju1PLJW+GqFUulS5zmmhu1o0AG2Y0HTx4a07Wbpdp7XvGsOjp/xkOILjFVDSZtNQJ64ud6xwei3q+Iw== +"@vkontakte/vk-bridge@2.12.2": + version "2.12.2" + resolved "https://registry.yarnpkg.com/@vkontakte/vk-bridge/-/vk-bridge-2.12.2.tgz#d905781812c7688b9ffda7d6a9169c6aa806f983" + integrity sha512-3LK9qZg/khrbFKo9PuOs9f0WL4O7Nx8AAtvT/yiASrGdoo2cZWpshWN905SGN+Oi1PVlaD5XpqiF8SGn5/eZCQ== "@vkontakte/vkjs@1.1.0": version "1.1.0" From 728c8a13055061e5f374b2dca802f8a40ca47849 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Thu, 30 Nov 2023 05:27:54 +0000 Subject: [PATCH 04/15] build(deps-dev): bump @types/lodash from 4.14.199 to 4.14.202 Bumps [@types/lodash](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/lodash) from 4.14.199 to 4.14.202. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/lodash) --- updated-dependencies: - dependency-name: "@types/lodash" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index e0bec85a..49665e4a 100644 --- a/package.json +++ b/package.json @@ -49,7 +49,7 @@ "@types/color": "3.0.6", "@types/common-tags": "1.8.4", "@types/fs-extra": "11.0.4", - "@types/lodash": "4.14.199", + "@types/lodash": "4.14.202", "@types/node": "18.11.10", "@types/react": "18.2.39", "@types/react-dom": "18.2.17", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..071798fd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1837,10 +1837,10 @@ dependencies: "@types/node" "*" -"@types/lodash@4.14.199": - version "4.14.199" - resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.199.tgz#c3edb5650149d847a277a8961a7ad360c474e9bf" - integrity sha512-Vrjz5N5Ia4SEzWWgIVwnHNEnb1UE1XMkvY5DGXrAeOGE9imk0hgTHh5GyDjLDJi9OTCn9oo9dXH1uToK1VRfrg== +"@types/lodash@4.14.202": + version "4.14.202" + resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.202.tgz#f09dbd2fb082d507178b2f2a5c7e74bd72ff98f8" + integrity sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ== "@types/mime@*": version "3.0.2" From 576adca91cb790135d8d554e4f820a60e9864d89 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Thu, 30 Nov 2023 05:28:06 +0000 Subject: [PATCH 05/15] build(deps-dev): bump fs-extra from 11.1.1 to 11.2.0 Bumps [fs-extra](https://github.com/jprichardson/node-fs-extra) from 11.1.1 to 11.2.0. - [Changelog](https://github.com/jprichardson/node-fs-extra/blob/master/CHANGELOG.md) - [Commits](https://github.com/jprichardson/node-fs-extra/compare/11.1.1...11.2.0) --- updated-dependencies: - dependency-name: fs-extra dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index e0bec85a..e9f675f7 100644 --- a/package.json +++ b/package.json @@ -80,7 +80,7 @@ "eslint-plugin-prettier": "4.2.1", "eslint-plugin-simple-import-sort": "10.0.0", "eslint-plugin-sonarjs": "0.19.0", - "fs-extra": "11.1.1", + "fs-extra": "11.2.0", "html-webpack-plugin": "5.5.3", "husky": "8.0.3", "jest": "29.7.0", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..7bbad3fb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4465,10 +4465,10 @@ fresh@0.5.2: resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7" integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q== -fs-extra@11.1.1: - version "11.1.1" - resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d" - integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ== +fs-extra@11.2.0: + version "11.2.0" + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.2.0.tgz#e70e17dfad64232287d01929399e0ea7c86b0e5b" + integrity sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw== dependencies: graceful-fs "^4.2.0" jsonfile "^6.0.1" From dcf54b8577cfc205f555f037506937db68e1007c Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Thu, 30 Nov 2023 05:28:32 +0000 Subject: [PATCH 06/15] build(deps-dev): bump babel-loader from 9.1.2 to 9.1.3 Bumps [babel-loader](https://github.com/babel/babel-loader) from 9.1.2 to 9.1.3. - [Release notes](https://github.com/babel/babel-loader/releases) - [Changelog](https://github.com/babel/babel-loader/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel-loader/compare/v9.1.2...v9.1.3) --- updated-dependencies: - dependency-name: babel-loader dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 90 +++++++++++++++++++++++++++++++++++++--------------- 2 files changed, 65 insertions(+), 27 deletions(-) diff --git a/package.json b/package.json index e0bec85a..3be6d7db 100644 --- a/package.json +++ b/package.json @@ -62,7 +62,7 @@ "@vkontakte/vkjs": "1.1.0", "@vkontakte/vkui": "5.10.0", "babel-jest": "29.7.0", - "babel-loader": "9.1.2", + "babel-loader": "9.1.3", "clean-webpack-plugin": "4.0.0", "clsx": "2.0.0", "color": "4.2.3", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..568569cd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2629,12 +2629,12 @@ babel-jest@29.7.0, babel-jest@^29.7.0: graceful-fs "^4.2.9" slash "^3.0.0" -babel-loader@9.1.2: - version "9.1.2" - resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.2.tgz#a16a080de52d08854ee14570469905a5fc00d39c" - integrity sha512-mN14niXW43tddohGl8HPu5yfQq70iUThvFL/4QzESA7GcZoC0eVOhvWdQ8+3UlSjaDE9MVtsW9mxDY07W7VpVA== +babel-loader@9.1.3: + version "9.1.3" + resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.3.tgz#3d0e01b4e69760cc694ee306fe16d358aa1c6f9a" + integrity sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw== dependencies: - find-cache-dir "^3.3.2" + find-cache-dir "^4.0.0" schema-utils "^4.0.0" babel-plugin-istanbul@^6.1.1: @@ -3126,16 +3126,16 @@ commander@^8.3.0: resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66" integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww== +common-path-prefix@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0" + integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w== + common-tags@1.8.2: version "1.8.2" resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6" integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA== -commondir@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b" - integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg== - component-emitter@^1.2.1: version "1.3.0" resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0" @@ -4377,14 +4377,13 @@ finalhandler@1.2.0: statuses "2.0.1" unpipe "~1.0.0" -find-cache-dir@^3.3.2: - version "3.3.2" - resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b" - integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig== +find-cache-dir@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-4.0.0.tgz#a30ee0448f81a3990708f6453633c733e2f6eec2" + integrity sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg== dependencies: - commondir "^1.0.1" - make-dir "^3.0.2" - pkg-dir "^4.1.0" + common-path-prefix "^3.0.0" + pkg-dir "^7.0.0" find-up@^2.0.0, find-up@^2.1.0: version "2.1.0" @@ -4409,6 +4408,14 @@ find-up@^5.0.0: locate-path "^6.0.0" path-exists "^4.0.0" +find-up@^6.3.0: + version "6.3.0" + resolved "https://registry.yarnpkg.com/find-up/-/find-up-6.3.0.tgz#2abab3d3280b2dc7ac10199ef324c4e002c8c790" + integrity sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw== + dependencies: + locate-path "^7.1.0" + path-exists "^5.0.0" + flat-cache@^3.0.4: version "3.1.0" resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.1.0.tgz#0e54ab4a1a60fe87e2946b6b00657f1c99e1af3f" @@ -5986,6 +5993,13 @@ locate-path@^6.0.0: dependencies: p-locate "^5.0.0" +locate-path@^7.1.0: + version "7.2.0" + resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-7.2.0.tgz#69cb1779bd90b35ab1e771e1f2f89a202c2a8a8a" + integrity sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA== + dependencies: + p-locate "^6.0.0" + lodash.debounce@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" @@ -6055,13 +6069,6 @@ lru-cache@^6.0.0: resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.0.1.tgz#0a3be479df549cca0e5d693ac402ff19537a6b7a" integrity sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g== -make-dir@^3.0.2: - version "3.1.0" - resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f" - integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw== - dependencies: - semver "^6.0.0" - make-dir@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e" @@ -6549,6 +6556,13 @@ p-limit@^3.0.2, p-limit@^3.1.0: dependencies: yocto-queue "^0.1.0" +p-limit@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644" + integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ== + dependencies: + yocto-queue "^1.0.0" + p-locate@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43" @@ -6570,6 +6584,13 @@ p-locate@^5.0.0: dependencies: p-limit "^3.0.2" +p-locate@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-6.0.0.tgz#3da9a49d4934b901089dca3302fa65dc5a05c04f" + integrity sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw== + dependencies: + p-limit "^4.0.0" + p-map@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175" @@ -6664,6 +6685,11 @@ path-exists@^4.0.0: resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3" integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w== +path-exists@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-5.0.0.tgz#a6aad9489200b21fab31e49cf09277e5116fb9e7" + integrity sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ== + path-is-absolute@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" @@ -6761,13 +6787,20 @@ pirates@^4.0.4: resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9" integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg== -pkg-dir@^4.1.0, pkg-dir@^4.2.0: +pkg-dir@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3" integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ== dependencies: find-up "^4.0.0" +pkg-dir@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-7.0.0.tgz#8f0c08d6df4476756c5ff29b3282d0bab7517d11" + integrity sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA== + dependencies: + find-up "^6.3.0" + pkg-up@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f" @@ -7353,7 +7386,7 @@ selfsigned@^2.1.1: resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8" integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g== -semver@^6.0.0, semver@^6.1.0, semver@^6.3.0, semver@^6.3.1: +semver@^6.1.0, semver@^6.3.0, semver@^6.3.1: version "6.3.1" resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== @@ -8587,3 +8620,8 @@ yocto-queue@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b" integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q== + +yocto-queue@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251" + integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g== From a5b783b9a4ff7a0bba6a5affe7411d5b76bf26be Mon Sep 17 00:00:00 2001 From: 8coon <8coon@users.noreply.github.com> Date: Thu, 30 Nov 2023 10:06:36 +0000 Subject: [PATCH 07/15] build(figma): token updates --- src/themeDescriptions/base/figma/vk.json | 422 +++++++++++------------ 1 file changed, 211 insertions(+), 211 deletions(-) diff --git a/src/themeDescriptions/base/figma/vk.json b/src/themeDescriptions/base/figma/vk.json index 74222e10..cdccf834 100644 --- a/src/themeDescriptions/base/figma/vk.json +++ b/src/themeDescriptions/base/figma/vk.json @@ -1,278 +1,278 @@ { "dark": { + "background": { + "background": "#0a0a0a", + "background_accent": "#529ef4", + "background_accent_themed": "#ffffff", + "background_accent_tint": "#5a9eff", + "background_content": "#19191a", + "background_contrast": "#ffffff", + "background_contrast_inverse": "#2c2d2e", + "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)", + "background_contrast_themed": "#323232", + "background_modal": "#2c2d2e", + "background_modal_inverse": "#ffffff", + "background_negative": "#ff5c5c", + "background_negative_tint": "#522e2e", + "background_positive": "#4bb34b", + "background_positive_tint": "#b1d6b1", + "background_secondary": "#232324", + "background_secondary_alpha": "rgba(255, 255, 255, 0.10)", + "background_tertiary": "#202021", + "background_tertiary_alpha": "rgba(255, 255, 255, 0.03)", + "background_warning": "#857250", + "field_background": "#232324", + "header_background": "#19191a" + }, + "elevation_1": "#d9d9d9", + "elevation_2": "#d9d9d9", + "elevation_3": "#d9d9d9", + "elevation_4": "#d9d9d9", + "icons": { + "icon_accent": "#529ef4", + "icon_accent_themed": "#ffffff", + "icon_contrast": "#ffffff", + "icon_contrast_secondary": "#f2f3f5", + "icon_contrast_themed": "#000000", + "icon_medium": "#b0b1b6", + "icon_medium_alpha": "rgba(241, 247, 255, 0.66)", + "icon_negative": "#ff5c5c", + "icon_positive": "#4bb34b", + "icon_primary": "#e1e3e6", + "icon_primary_invariably": "#2c2d2e", + "icon_secondary": "#76787a", + "icon_secondary_alpha": "rgba(0, 0, 0, 0.43)", + "icon_tertiary": "#5d5f61", + "icon_tertiary_alpha": "rgba(255, 255, 255, 0.30)" + }, + "other": { + "action_sheet_text": "#71aaeb", + "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)", + "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)", + "image_placeholder": "#2a2b2c", + "image_placeholder_alpha": "rgba(241, 247, 255, 0.08)", + "overlay_primary": "rgba(0, 0, 0, 0.40)", + "overlay_secondary": "rgba(53, 54, 55, 0.40)", + "panel_header_icon": "#71aaeb", + "search_field_background": "#363738", + "segmented_control": "#626364", + "skeleton_from": "#232324", + "skeleton_to": "#2c2d2e", + "tabbar_text_inactive": "#76787a", + "track_background": "#454647", + "track_buffer": "#405772", + "write_bar_icon": "#76787a", + "write_bar_input_background": "#2c2d2e", + "write_bar_input_border": "#2c2d2e" + }, + "palette": { + "accent_blue": "#71aaeb", + "accent_gray": "#a3adb8", + "accent_green": "#4bb34b", + "accent_orange": "#ffa000", + "accent_orange_fire": "#f05c44", + "accent_purple": "#9985ff", + "accent_raspberry_pink": "#f060c0", + "accent_red": "#ff3347", + "accent_secondary": "#3f8ae0", + "accent_violet": "#a94fff" + }, "stroke": { - "stroke_positive": "#4bb34b", "field_border_alpha": "rgba(255, 255, 255, 0.12)", - "separator_primary_alpha": "rgba(255, 255, 255, 0.12)", "image_border_alpha": "rgba(255, 255, 255, 0.08)", + "separator_primary": "#363738", + "separator_primary_alpha": "rgba(255, 255, 255, 0.12)", "separator_secondary": "#141415", + "stroke_accent": "#529ef4", + "stroke_accent_themed": "#ffffff", "stroke_contrast": "#ffffff", - "separator_primary": "#363738", "stroke_negative": "#ff5c5c", - "stroke_accent_themed": "#ffffff", - "stroke_accent": "#529ef4" + "stroke_positive": "#4bb34b" }, "text": { - "text_primary": "#e1e3e6", - "text_negative": "#ff5c5c", - "text_accent_themed": "#ffffff", - "text_subhead": "#969a9f", - "text_secondary": "#76787a", - "text_tertiary": "#5d5f61", "link_contrast": "#ffffff", + "text_accent": "#529ef4", + "text_accent_themed": "#ffffff", "text_contrast": "#ffffff", "text_contrast_themed": "#000000", - "text_accent": "#529ef4", "text_link": "#529ef4", + "text_link_themed": "#ffffff", + "text_link_tint": "#71aaeb", "text_link_visited": "#4986cc", "text_muted": "#e1e3e6", + "text_negative": "#ff5c5c", "text_positive": "#4bb34b", - "text_link_tint": "#71aaeb", - "text_link_themed": "#ffffff", - "text_primary_invariably": "#000000" - }, - "icons": { - "icon_tertiary_alpha": "rgba(255, 255, 255, 0.30)", - "icon_accent_themed": "#ffffff", - "icon_secondary": "#76787a", - "icon_positive": "#4bb34b", - "icon_medium": "#b0b1b6", - "icon_accent": "#529ef4", - "icon_medium_alpha": "rgba(241, 247, 255, 0.66)", - "icon_contrast": "#ffffff", - "icon_tertiary": "#5d5f61", - "icon_primary_invariably": "#2c2d2e", - "icon_secondary_alpha": "rgba(0, 0, 0, 0.43)", - "icon_contrast_secondary": "#f2f3f5", - "icon_primary": "#e1e3e6", - "icon_negative": "#ff5c5c", - "icon_contrast_themed": "#000000" - }, + "text_primary": "#e1e3e6", + "text_primary_invariably": "#000000", + "text_secondary": "#76787a", + "text_subhead": "#969a9f", + "text_tertiary": "#5d5f61" + } + }, + "light": { "background": { - "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)", - "background_secondary_alpha": "rgba(255, 255, 255, 0.10)", - "background_positive_tint": "#b1d6b1", - "background_tertiary_alpha": "rgba(255, 255, 255, 0.03)", - "background_content": "#19191a", - "background_contrast_inverse": "#2c2d2e", - "background_modal_inverse": "#ffffff", + "background": "#ebedf0", + "background_accent": "#2688eb", + "background_accent_themed": "#2688eb", "background_accent_tint": "#5a9eff", + "background_content": "#ffffff", + "background_contrast": "#ffffff", + "background_contrast_inverse": "#2c2d2e", + "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)", + "background_contrast_themed": "#ffffff", + "background_modal": "#ffffff", + "background_modal_inverse": "#2d2d2e", + "background_negative": "#e64646", + "background_negative_tint": "#faebeb", "background_positive": "#4bb34b", - "background_accent": "#529ef4", - "header_background": "#19191a", - "background_negative_tint": "#522e2e", - "background_secondary": "#232324", - "background_tertiary": "#202021", - "background_modal": "#2c2d2e", - "background": "#0a0a0a", - "background_accent_themed": "#ffffff", - "field_background": "#232324", - "background_warning": "#857250", - "background_negative": "#ff5c5c", - "background_contrast_themed": "#323232", - "background_contrast": "#ffffff" + "background_positive_tint": "#e8f9e8", + "background_secondary": "#f5f5f5", + "background_secondary_alpha": "rgba(0, 0, 0, 0.04)", + "background_tertiary": "#f9f9f9", + "background_tertiary_alpha": "rgba(0, 0, 0, 0.03)", + "background_warning": "#fff2d6", + "field_background": "#f2f3f5", + "header_background": "#ffffff" }, - "palette": { - "accent_orange_fire": "#f05c44", - "accent_gray": "#a3adb8", - "accent_orange": "#ffa000", - "accent_blue": "#71aaeb", - "accent_secondary": "#3f8ae0", - "accent_green": "#4bb34b", - "accent_violet": "#a94fff", - "accent_red": "#ff3347", - "accent_purple": "#9985ff", - "accent_raspberry_pink": "#f060c0" + "elevation_1": "#c4c4c4", + "elevation_2": "#c4c4c4", + "elevation_3": "#c4c4c4", + "elevation_4": "#c4c4c4", + "icons": { + "icon_accent": "#2688eb", + "icon_accent_themed": "#2688eb", + "icon_contrast": "#ffffff", + "icon_contrast_secondary": "#f2f3f5", + "icon_contrast_themed": "#ffffff", + "icon_medium": "#818c99", + "icon_medium_alpha": "rgba(0, 0, 0, 0.48)", + "icon_negative": "#e64646", + "icon_positive": "#4bb34b", + "icon_primary": "#2c2d2e", + "icon_primary_invariably": "#2c2d2e", + "icon_secondary": "#99a2ad", + "icon_secondary_alpha": "rgba(0, 0, 0, 0.36)", + "icon_tertiary": "#b8c1cc", + "icon_tertiary_alpha": "rgba(0, 0, 0, 0.24)" }, "other": { - "segmented_control": "#626364", - "skeleton_to": "#2c2d2e", - "search_field_background": "#363738", - "track_buffer": "#405772", - "track_background": "#454647", + "action_sheet_text": "#3f8ae0", "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)", - "overlay_primary": "rgba(0, 0, 0, 0.40)", "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)", - "action_sheet_text": "#71aaeb", - "write_bar_input_background": "#2c2d2e", - "panel_header_icon": "#71aaeb", - "image_placeholder": "#2a2b2c", - "write_bar_input_border": "#2c2d2e", - "write_bar_icon": "#76787a", - "skeleton_from": "#232324", - "image_placeholder_alpha": "rgba(241, 247, 255, 0.08)", - "tabbar_text_inactive": "#76787a", - "overlay_secondary": "rgba(53, 54, 55, 0.40)" - }, - "elevation_1": "#d9d9d9", - "elevation_2": "#d9d9d9", - "elevation_4": "#d9d9d9", - "elevation_3": "#d9d9d9" - }, - "light": { - "stroke": { - "stroke_negative": "#e64646", - "separator_primary_2x": "#cbcccd", - "separator_primary": "#d7d8d9", - "separator_secondary": "#e1e3e6", - "separator_primary_3x": "#bebfc1", - "stroke_accent": "#2688eb", - "stroke_accent_themed": "#2688eb", - "stroke_positive": "#4bb34b", - "stroke_contrast": "#ffffff", - "separator_primary_alpha": "rgba(0, 0, 0, 0.12)", - "image_border_alpha": "rgba(0, 0, 0, 0.08)", - "field_border_alpha": "rgba(0, 0, 0, 0.12)" - }, - "other": { - "track_buffer": "#a0bfe4", - "skeleton_to": "#e1e3e6", "image_placeholder": "#f2f3f5", - "write_bar_input_background": "#f2f3f5", - "track_background": "#e1e3e6", - "write_bar_input_border": "#e1e3e6", - "skeleton_from": "#f5f5f5", - "action_sheet_text": "#3f8ae0", - "write_bar_icon": "#3f8ae0", + "image_placeholder_alpha": "rgba(0, 28, 61, 0.08)", + "overlay_primary": "rgba(0, 0, 0, 0.40)", + "overlay_secondary": "rgba(44, 45, 46, 0.50)", + "panel_header_icon": "#2688eb", "search_field_background": "#ebedf0", - "tabbar_text_inactive": "#99a2ad", "segmented_control": "#ffffff", - "panel_header_icon": "#2688eb", - "overlay_secondary": "rgba(44, 45, 46, 0.50)", - "image_placeholder_alpha": "rgba(0, 28, 61, 0.08)", - "avatar_overlay_inverse_alpha": "rgba(255, 255, 255, 0.85)", - "avatar_overlay_alpha": "rgba(0, 0, 0, 0.60)", - "overlay_primary": "rgba(0, 0, 0, 0.40)" + "skeleton_from": "#f5f5f5", + "skeleton_to": "#e1e3e6", + "tabbar_text_inactive": "#99a2ad", + "track_background": "#e1e3e6", + "track_buffer": "#a0bfe4", + "write_bar_icon": "#3f8ae0", + "write_bar_input_background": "#f2f3f5", + "write_bar_input_border": "#e1e3e6" }, "palette": { - "accent_orange_fire": "#f05c44", - "accent_secondary": "#3f8ae0", - "accent_red": "#ff3347", - "accent_violet": "#792ec0", - "accent_raspberry_pink": "#e03fab", - "accent_orange": "#ffa000", + "accent_blue": "#2688eb", "accent_gray": "#a3adb8", + "accent_green": "#4bb34b", + "accent_orange": "#ffa000", + "accent_orange_fire": "#f05c44", "accent_purple": "#735ce6", - "accent_blue": "#2688eb", - "accent_green": "#4bb34b" + "accent_raspberry_pink": "#e03fab", + "accent_red": "#ff3347", + "accent_secondary": "#3f8ae0", + "accent_violet": "#792ec0" }, "states": { - "background_accent_themed": { - "hover": "#2c7cde", - "active": "#1e6fdb" - }, "background_accent": { - "hover": "#2c7cde", - "active": "#1e6fdb" + "active": "#1e6fdb", + "hover": "#2c7cde" }, - "background_positive": { - "hover": "#3ca03e", - "active": "#2f8d32" + "background_accent_themed": { + "active": "#1e6fdb", + "hover": "#2c7cde" }, "background_contrast": { "active": "#ebecef", "hover": "#f5f5f7" }, - "background_secondary": { - "hover": "#f0f2f4", - "active": "#dcdde0" + "background_contrast_secondary_alpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)" }, "background_negative": { "active": "#c93633", "hover": "#d83e3c" }, - "background_tertiary": { - "hover": "#eff0f1", - "active": "#e5e6ea" - }, - "transparent_contrast": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)" + "background_positive": { + "active": "#2f8d32", + "hover": "#3ca03e" }, - "field_border_alpha": { - "hover": "rgba(0, 0, 0, 0.24)", - "active": "rgba(0, 0, 0, 0.36)" + "background_secondary": { + "active": "#dcdde0", + "hover": "#f0f2f4" }, "background_secondary_alpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)" }, - "transparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)" - }, - "background_contrast_secondary_alpha": { - "hover": "rgba(255, 255, 255, 0.24)", - "active": "rgba(255, 255, 255, 0.28)" + "background_tertiary": { + "active": "#e5e6ea", + "hover": "#eff0f1" }, "background_tertiary_alpha": { "active": "rgba(0, 0, 0, 0.11)", "hover": "rgba(0, 0, 0, 0.07)" + }, + "field_border_alpha": { + "active": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)" + }, + "transparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)" + }, + "transparent_contrast": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)" } }, - "elevation_3": "#c4c4c4", - "elevation_1": "#c4c4c4", - "elevation_2": "#c4c4c4", - "elevation_4": "#c4c4c4", - "icons": { - "icon_tertiary": "#b8c1cc", - "icon_accent_themed": "#2688eb", - "icon_positive": "#4bb34b", - "icon_accent": "#2688eb", - "icon_secondary_alpha": "rgba(0, 0, 0, 0.36)", - "icon_secondary": "#99a2ad", - "icon_contrast_themed": "#ffffff", - "icon_primary": "#2c2d2e", - "icon_primary_invariably": "#2c2d2e", - "icon_negative": "#e64646", - "icon_medium": "#818c99", - "icon_contrast": "#ffffff", - "icon_tertiary_alpha": "rgba(0, 0, 0, 0.24)", - "icon_contrast_secondary": "#f2f3f5", - "icon_medium_alpha": "rgba(0, 0, 0, 0.48)" + "stroke": { + "field_border_alpha": "rgba(0, 0, 0, 0.12)", + "image_border_alpha": "rgba(0, 0, 0, 0.08)", + "separator_primary": "#d7d8d9", + "separator_primary_2x": "#cbcccd", + "separator_primary_3x": "#bebfc1", + "separator_primary_alpha": "rgba(0, 0, 0, 0.12)", + "separator_secondary": "#e1e3e6", + "stroke_accent": "#2688eb", + "stroke_accent_themed": "#2688eb", + "stroke_contrast": "#ffffff", + "stroke_negative": "#e64646", + "stroke_positive": "#4bb34b" }, "text": { - "text_link_visited": "#4986cc", - "text_positive": "#4bb34b", - "text_subhead": "#6d7885", - "text_primary": "#000000", - "text_link_tint": "#71aaeb", - "text_accent": "#2688eb", - "text_negative": "#e64646", "link_contrast": "#ffffff", - "text_link": "#2d81e0", - "text_secondary": "#818c99", + "text_accent": "#2688eb", "text_accent_themed": "#2688eb", "text_contrast": "#ffffff", - "text_tertiary": "#99a2ad", "text_contrast_themed": "#ffffff", - "text_primary_invariably": "#000000", + "text_link": "#2d81e0", "text_link_themed": "#2d81e0", - "text_muted": "#2c2d2e" - }, - "background": { - "background_accent_tint": "#5a9eff", - "header_background": "#ffffff", - "background_contrast_secondary_alpha": "rgba(255, 255, 255, 0.20)", - "background_tertiary": "#f9f9f9", - "background_negative_tint": "#faebeb", - "background_secondary_alpha": "rgba(0, 0, 0, 0.04)", - "background_contrast_themed": "#ffffff", - "background_negative": "#e64646", - "background_positive_tint": "#e8f9e8", - "background_warning": "#fff2d6", - "background_accent": "#2688eb", - "background_contrast": "#ffffff", - "background_secondary": "#f5f5f5", - "background": "#ebedf0", - "background_modal": "#ffffff", - "background_positive": "#4bb34b", - "background_accent_themed": "#2688eb", - "background_contrast_inverse": "#2c2d2e", - "background_modal_inverse": "#2d2d2e", - "background_tertiary_alpha": "rgba(0, 0, 0, 0.03)", - "background_content": "#ffffff", - "field_background": "#f2f3f5" + "text_link_tint": "#71aaeb", + "text_link_visited": "#4986cc", + "text_muted": "#2c2d2e", + "text_negative": "#e64646", + "text_positive": "#4bb34b", + "text_primary": "#000000", + "text_primary_invariably": "#000000", + "text_secondary": "#818c99", + "text_subhead": "#6d7885", + "text_tertiary": "#99a2ad" } } -} +} \ No newline at end of file From c0395057505d6abb44c4bff136ec57ad8c76211f Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 4 Dec 2023 05:32:41 +0000 Subject: [PATCH 08/15] build(deps-dev): bump lint-staged from 14.0.1 to 15.2.0 Bumps [lint-staged](https://github.com/okonet/lint-staged) from 14.0.1 to 15.2.0. - [Release notes](https://github.com/okonet/lint-staged/releases) - [Changelog](https://github.com/lint-staged/lint-staged/blob/master/CHANGELOG.md) - [Commits](https://github.com/okonet/lint-staged/compare/v14.0.1...v15.2.0) --- updated-dependencies: - dependency-name: lint-staged dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 182 ++++++++++++++++++++++++++++++++------------------- 2 files changed, 116 insertions(+), 68 deletions(-) diff --git a/package.json b/package.json index e0bec85a..d3619ee3 100644 --- a/package.json +++ b/package.json @@ -85,7 +85,7 @@ "husky": "8.0.3", "jest": "29.7.0", "jest-junit": "16.0.0", - "lint-staged": "14.0.1", + "lint-staged": "15.2.0", "lodash": "4.17.21", "prettier": "2.8.8", "react": "18.2.0", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..5a91d059 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2385,12 +2385,12 @@ ansi-escapes@^4.2.1: dependencies: type-fest "^0.21.3" -ansi-escapes@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-5.0.0.tgz#b6a0caf0eef0c41af190e9a749e0c00ec04bb2a6" - integrity sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA== +ansi-escapes@^6.2.0: + version "6.2.0" + resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-6.2.0.tgz#8a13ce75286f417f1963487d86ba9f90dccf9947" + integrity sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw== dependencies: - type-fest "^1.0.2" + type-fest "^3.0.0" ansi-html-community@^0.0.8: version "0.0.8" @@ -2426,7 +2426,7 @@ ansi-styles@^5.0.0: resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b" integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA== -ansi-styles@^6.0.0, ansi-styles@^6.1.0: +ansi-styles@^6.0.0, ansi-styles@^6.1.0, ansi-styles@^6.2.1: version "6.2.1" resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5" integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug== @@ -3002,13 +3002,13 @@ cli-cursor@^4.0.0: dependencies: restore-cursor "^4.0.0" -cli-truncate@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-3.1.0.tgz#3f23ab12535e3d73e839bb43e73c9de487db1389" - integrity sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA== +cli-truncate@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-4.0.0.tgz#6cc28a2924fee9e25ce91e973db56c7066e6172a" + integrity sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA== dependencies: slice-ansi "^5.0.0" - string-width "^5.0.0" + string-width "^7.0.0" cliui@^8.0.1: version "8.0.1" @@ -3101,10 +3101,10 @@ colorette@^2.0.10, colorette@^2.0.14, colorette@^2.0.20: resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a" integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w== -commander@11.0.0: - version "11.0.0" - resolved "https://registry.yarnpkg.com/commander/-/commander-11.0.0.tgz#43e19c25dbedc8256203538e8d7e9346877a6f67" - integrity sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ== +commander@11.1.0: + version "11.1.0" + resolved "https://registry.yarnpkg.com/commander/-/commander-11.1.0.tgz#62fdce76006a68e5c1ab3314dc92e800eb83d906" + integrity sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ== commander@^10.0.1: version "10.0.1" @@ -3629,6 +3629,11 @@ emittery@^0.13.1: resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad" integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ== +emoji-regex@^10.3.0: + version "10.3.0" + resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-10.3.0.tgz#76998b9268409eb3dae3de989254d456e70cfe23" + integrity sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw== + emoji-regex@^8.0.0: version "8.0.0" resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37" @@ -4146,19 +4151,19 @@ events@^3.2.0: resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400" integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q== -execa@7.2.0: - version "7.2.0" - resolved "https://registry.yarnpkg.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9" - integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA== +execa@8.0.1: + version "8.0.1" + resolved "https://registry.yarnpkg.com/execa/-/execa-8.0.1.tgz#51f6a5943b580f963c3ca9c6321796db8cc39b8c" + integrity sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg== dependencies: cross-spawn "^7.0.3" - get-stream "^6.0.1" - human-signals "^4.3.0" + get-stream "^8.0.1" + human-signals "^5.0.0" is-stream "^3.0.0" merge-stream "^2.0.0" npm-run-path "^5.1.0" onetime "^6.0.0" - signal-exit "^3.0.7" + signal-exit "^4.1.0" strip-final-newline "^3.0.0" execa@^5.0.0: @@ -4524,6 +4529,11 @@ get-caller-file@^2.0.5: resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg== +get-east-asian-width@^1.0.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz#5e6ebd9baee6fb8b7b6bd505221065f0cd91f64e" + integrity sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA== + get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz#d295644fed4505fc9cde952c37ee12b477a83d82" @@ -4539,11 +4549,16 @@ get-package-type@^0.1.0: resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a" integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q== -get-stream@^6.0.0, get-stream@^6.0.1: +get-stream@^6.0.0: version "6.0.1" resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7" integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg== +get-stream@^8.0.1: + version "8.0.1" + resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-8.0.1.tgz#def9dfd71742cd7754a7761ed43749a27d02eca2" + integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA== + get-symbol-description@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6" @@ -4901,10 +4916,10 @@ human-signals@^2.1.0: resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0" integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw== -human-signals@^4.3.0: - version "4.3.1" - resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2" - integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ== +human-signals@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28" + integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ== husky@8.0.3: version "8.0.3" @@ -5146,6 +5161,13 @@ is-fullwidth-code-point@^4.0.0: resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz#fae3167c729e7463f8461ce512b080a49268aa88" integrity sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ== +is-fullwidth-code-point@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz#9609efced7c2f97da7b60145ef481c787c7ba704" + integrity sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA== + dependencies: + get-east-asian-width "^1.0.0" + is-generator-fn@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118" @@ -5911,43 +5933,43 @@ levn@^0.4.1: prelude-ls "^1.2.1" type-check "~0.4.0" -lilconfig@2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52" - integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ== +lilconfig@3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.0.0.tgz#f8067feb033b5b74dab4602a5f5029420be749bc" + integrity sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g== lines-and-columns@^1.1.6: version "1.2.4" resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632" integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg== -lint-staged@14.0.1: - version "14.0.1" - resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-14.0.1.tgz#57dfa3013a3d60762d9af5d9c83bdb51291a6232" - integrity sha512-Mw0cL6HXnHN1ag0mN/Dg4g6sr8uf8sn98w2Oc1ECtFto9tvRF7nkXGJRbx8gPlHyoR0pLyBr2lQHbWwmUHe1Sw== +lint-staged@15.2.0: + version "15.2.0" + resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.2.0.tgz#3111534ca58096a3c8f70b044b6e7fe21b36f859" + integrity sha512-TFZzUEV00f+2YLaVPWBWGAMq7So6yQx+GG8YRMDeOEIf95Zn5RyiLMsEiX4KTNl9vq/w+NqRJkLA1kPIo15ufQ== dependencies: chalk "5.3.0" - commander "11.0.0" + commander "11.1.0" debug "4.3.4" - execa "7.2.0" - lilconfig "2.1.0" - listr2 "6.6.1" + execa "8.0.1" + lilconfig "3.0.0" + listr2 "8.0.0" micromatch "4.0.5" pidtree "0.6.0" string-argv "0.3.2" - yaml "2.3.1" + yaml "2.3.4" -listr2@6.6.1: - version "6.6.1" - resolved "https://registry.yarnpkg.com/listr2/-/listr2-6.6.1.tgz#08b2329e7e8ba6298481464937099f4a2cd7f95d" - integrity sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg== +listr2@8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/listr2/-/listr2-8.0.0.tgz#aa7c230995f8ce378585f7c96c0c6d1cefa4700d" + integrity sha512-u8cusxAcyqAiQ2RhYvV7kRKNLgUvtObIbhOX2NCXqvp1UU32xIg5CT22ykS2TPKJXZWJwtK3IKLiqAGlGNE+Zg== dependencies: - cli-truncate "^3.1.0" + cli-truncate "^4.0.0" colorette "^2.0.20" eventemitter3 "^5.0.1" - log-update "^5.0.1" + log-update "^6.0.0" rfdc "^1.3.0" - wrap-ansi "^8.1.0" + wrap-ansi "^9.0.0" load-json-file@^4.0.0: version "4.0.0" @@ -6011,16 +6033,16 @@ lodash@4.17.21, lodash@^4.17.20, lodash@^4.17.21: resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== -log-update@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/log-update/-/log-update-5.0.1.tgz#9e928bf70cb183c1f0c9e91d9e6b7115d597ce09" - integrity sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw== +log-update@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/log-update/-/log-update-6.0.0.tgz#0ddeb7ac6ad658c944c1de902993fce7c33f5e59" + integrity sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw== dependencies: - ansi-escapes "^5.0.0" + ansi-escapes "^6.2.0" cli-cursor "^4.0.0" - slice-ansi "^5.0.0" - strip-ansi "^7.0.1" - wrap-ansi "^8.0.1" + slice-ansi "^7.0.0" + strip-ansi "^7.1.0" + wrap-ansi "^9.0.0" loose-envify@^1.1.0, loose-envify@^1.4.0: version "1.4.0" @@ -7486,7 +7508,7 @@ signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7: resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9" integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ== -signal-exit@^4.0.1: +signal-exit@^4.0.1, signal-exit@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04" integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw== @@ -7535,6 +7557,14 @@ slice-ansi@^5.0.0: ansi-styles "^6.0.0" is-fullwidth-code-point "^4.0.0" +slice-ansi@^7.0.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-7.1.0.tgz#cd6b4655e298a8d1bdeb04250a433094b347b9a9" + integrity sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg== + dependencies: + ansi-styles "^6.2.1" + is-fullwidth-code-point "^5.0.0" + snake-case@^3.0.4: version "3.0.4" resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.4.tgz#4f2bbd568e9935abdfd593f34c691dadb49c452c" @@ -7737,7 +7767,7 @@ string-length@^4.0.1: is-fullwidth-code-point "^3.0.0" strip-ansi "^6.0.1" -string-width@^5.0.0, string-width@^5.0.1, string-width@^5.1.2: +string-width@^5.0.1, string-width@^5.1.2: version "5.1.2" resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794" integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA== @@ -7746,6 +7776,15 @@ string-width@^5.0.0, string-width@^5.0.1, string-width@^5.1.2: emoji-regex "^9.2.2" strip-ansi "^7.0.1" +string-width@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-7.0.0.tgz#14aa1b7aaa126d5b64fa79d3c894da8a9650ba06" + integrity sha512-GPQHj7row82Hjo9hKZieKcHIhaAIKOJvFSIZXuCU9OASVZrMNUaZuz++SPVrBjnLsnk4k+z9f2EIypgxf2vNFw== + dependencies: + emoji-regex "^10.3.0" + get-east-asian-width "^1.0.0" + strip-ansi "^7.1.0" + string.prototype.matchall@^4.0.5: version "4.0.10" resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz#a1553eb532221d4180c51581d6072cd65d1ee100" @@ -7809,7 +7848,7 @@ string_decoder@~1.1.1: dependencies: ansi-regex "^5.0.1" -strip-ansi@^7.0.1: +strip-ansi@^7.0.1, strip-ansi@^7.1.0: version "7.1.0" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45" integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ== @@ -8117,10 +8156,10 @@ type-fest@^0.8.1: resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d" integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA== -type-fest@^1.0.2: - version "1.4.0" - resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1" - integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA== +type-fest@^3.0.0: + version "3.13.1" + resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-3.13.1.tgz#bb744c1f0678bea7543a2d1ec24e83e68e8c8706" + integrity sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g== type-is@~1.6.18: version "1.6.18" @@ -8508,7 +8547,7 @@ wildcard@^2.0.0: string-width "^4.1.0" strip-ansi "^6.0.0" -wrap-ansi@^8.0.1, wrap-ansi@^8.1.0: +wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214" integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ== @@ -8517,6 +8556,15 @@ wrap-ansi@^8.0.1, wrap-ansi@^8.1.0: string-width "^5.0.1" strip-ansi "^7.0.1" +wrap-ansi@^9.0.0: + version "9.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-9.0.0.tgz#1a3dc8b70d85eeb8398ddfb1e4a02cd186e58b3e" + integrity sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q== + dependencies: + ansi-styles "^6.2.1" + string-width "^7.0.0" + strip-ansi "^7.1.0" + wrappy@1: version "1.0.2" resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" @@ -8555,10 +8603,10 @@ yallist@^4.0.0: resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72" integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A== -yaml@2.3.1: - version "2.3.1" - resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.1.tgz#02fe0975d23cd441242aa7204e09fc28ac2ac33b" - integrity sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ== +yaml@2.3.4: + version "2.3.4" + resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.4.tgz#53fc1d514be80aabf386dc6001eb29bf3b7523b2" + integrity sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA== yargs-parser@^21.0.1, yargs-parser@^21.1.1: version "21.1.1" From 76d37b2e6a8353393c2d51a8a1e532c4c6329a47 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 4 Dec 2023 05:32:52 +0000 Subject: [PATCH 09/15] build(deps-dev): bump type-fest from 4.2.0 to 4.8.3 Bumps [type-fest](https://github.com/sindresorhus/type-fest) from 4.2.0 to 4.8.3. - [Release notes](https://github.com/sindresorhus/type-fest/releases) - [Commits](https://github.com/sindresorhus/type-fest/compare/v4.2.0...v4.8.3) --- updated-dependencies: - dependency-name: type-fest dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index e0bec85a..7095d692 100644 --- a/package.json +++ b/package.json @@ -99,7 +99,7 @@ "ts-node": "10.9.1", "tsconfig-paths": "4.2.0", "tscpaths": "0.0.9", - "type-fest": "4.2.0", + "type-fest": "4.8.3", "typescript": "5.2.2", "webpack": "5.89.0", "webpack-cli": "5.1.4", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..af38e2e6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8092,10 +8092,10 @@ type-detect@4.0.8: resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c" integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g== -type-fest@4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.2.0.tgz#e259430307710e77721ecf6f545840acad72195f" - integrity sha512-5zknd7Dss75pMSED270A1RQS3KloqRJA9XbXLe0eCxyw7xXFb3rd+9B0UQ/0E+LQT6lnrLviEolYORlRWamn4w== +type-fest@4.8.3: + version "4.8.3" + resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.8.3.tgz#6db08d9f44d596cd953f83020c7c56310c368d1c" + integrity sha512-//BaTm14Q/gHBn09xlnKNqfI8t6bmdzx2DXYfPBNofN0WUybCEUDcbCWcTa0oF09lzLjZgPphXAsvRiMK0V6Bw== type-fest@^0.20.2: version "0.20.2" From a2804d3af0fa946df9c6cab34012775ffb31fbf3 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 4 Dec 2023 05:33:21 +0000 Subject: [PATCH 10/15] build(deps-dev): bump @vkontakte/vkjs from 1.1.0 to 1.1.1 Bumps [@vkontakte/vkjs](https://github.com/VKCOM/vkjs) from 1.1.0 to 1.1.1. - [Release notes](https://github.com/VKCOM/vkjs/releases) - [Commits](https://github.com/VKCOM/vkjs/compare/v1.1.0...v1.1.1) --- updated-dependencies: - dependency-name: "@vkontakte/vkjs" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 9 +-------- 2 files changed, 2 insertions(+), 9 deletions(-) diff --git a/package.json b/package.json index e0bec85a..66081b1d 100644 --- a/package.json +++ b/package.json @@ -59,7 +59,7 @@ "@vkontakte/icons": "2.85.0", "@vkontakte/prettier-config": "0.1.0", "@vkontakte/vk-bridge": "2.11.1", - "@vkontakte/vkjs": "1.1.0", + "@vkontakte/vkjs": "1.1.1", "@vkontakte/vkui": "5.10.0", "babel-jest": "29.7.0", "babel-loader": "9.1.2", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..df4b5f2a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2121,14 +2121,7 @@ resolved "https://registry.yarnpkg.com/@vkontakte/vk-bridge/-/vk-bridge-2.11.1.tgz#28cdb8d25fe3f0f81f6620bdf08f6a235573091f" integrity sha512-GOtL/u4ju1PLJW+GqFUulS5zmmhu1o0AG2Y0HTx4a07Wbpdp7XvGsOjp/xkOILjFVDSZtNQJ64ud6xwei3q+Iw== -"@vkontakte/vkjs@1.1.0": - version "1.1.0" - resolved "https://registry.yarnpkg.com/@vkontakte/vkjs/-/vkjs-1.1.0.tgz#7bb12ae0f2e9b4a4a7482709bd71c1a223aff4ed" - integrity sha512-cBhngz1x4lwctQJMgXrmCsgbmA7DsLlRASlCKJtDf65BU3pqybW+GIyCSDOYKqGQOk4c8n5MgA3uTCHUWufSdw== - dependencies: - "@swc/helpers" "^0.5.0" - -"@vkontakte/vkjs@^1.1.1": +"@vkontakte/vkjs@1.1.1", "@vkontakte/vkjs@^1.1.1": version "1.1.1" resolved "https://registry.yarnpkg.com/@vkontakte/vkjs/-/vkjs-1.1.1.tgz#892b253afe3537865fe85f4370bf6728ebc529c2" integrity sha512-+tOfx6M+tsHweG+2xEHUUA5SAWbA2dYYX8Owa6uQ8OpwDq6LCgGikCas2SWDA61N5IXerfbfhDaKwFTuoG2vMg== From 2157714b4e407cf34243b767540265c9a2544860 Mon Sep 17 00:00:00 2001 From: Daniil Suvorov Date: Mon, 4 Dec 2023 17:01:59 +0300 Subject: [PATCH 11/15] fix(vkCom): Positive & Negative Tint --- .../__snapshots__/snapthots.test.ts.snap | 96 +++++++++---------- src/themeDescriptions/themes/vkCom/index.ts | 8 +- 2 files changed, 52 insertions(+), 52 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 95af5018..4d539c51 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -301874,7 +301874,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #faebeb)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, }, "colorBackgroundPositive": { @@ -301902,7 +301902,7 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { @@ -304798,7 +304798,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#E6D9DD", "hover": "#F0E2E4", - "normal": "#faebeb", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -304808,7 +304808,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#e8f9e8", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { "active": "#DDE0E6", @@ -305759,7 +305759,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #faebeb)", + "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", @@ -305769,7 +305769,7 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "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)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", @@ -306720,7 +306720,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#E6D9DD", "hover": "#F0E2E4", - "normal": "#faebeb", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -306730,7 +306730,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#e8f9e8", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { "active": "#DDE0E6", @@ -307947,7 +307947,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "colorBackgroundPositive": { @@ -307967,15 +307967,15 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #B7D9B7)", + "value": "var(--vkui--color_background_positive_tint--active, #405140)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)", + "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #b1d6b1)", + "value": "var(--vkui--color_background_positive_tint, #2F422F)", }, }, "colorBackgroundSecondary": { @@ -310871,7 +310871,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -310879,9 +310879,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#B7D9B7", - "hover": "#B4D8B4", - "normal": "#b1d6b1", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { "active": "#434343", @@ -311832,7 +311832,7 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "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)", + "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -311840,9 +311840,9 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #B7D9B7)", - "hover": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)", - "normal": "var(--vkui--color_background_positive_tint, #b1d6b1)", + "active": "var(--vkui--color_background_positive_tint--active, #405140)", + "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "normal": "var(--vkui--color_background_positive_tint, #2F422F)", }, "colorBackgroundSecondary": { "active": "var(--vkui--color_background_secondary--active, #434343)", @@ -312793,7 +312793,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -312801,9 +312801,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#B7D9B7", - "hover": "#B4D8B4", - "normal": "#b1d6b1", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { "active": "#434343", @@ -343168,7 +343168,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #faebeb)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, }, "colorBackgroundPositive": { @@ -343196,7 +343196,7 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { @@ -347208,7 +347208,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorBackgroundNegativeTint": { "active": "#E6D9DD", "hover": "#F0E2E4", - "normal": "#faebeb", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -347218,7 +347218,7 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#e8f9e8", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { "active": "#DDE0E6", @@ -348553,7 +348553,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "colorBackgroundNegativeTint": { "active": "var(--vkui--color_background_negative_tint--active, #E6D9DD)", "hover": "var(--vkui--color_background_negative_tint--hover, #F0E2E4)", - "normal": "var(--vkui--color_background_negative_tint, #faebeb)", + "normal": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", @@ -348563,7 +348563,7 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "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)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { "active": "var(--vkui--color_background_secondary--active, #DDE0E6)", @@ -349898,7 +349898,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#E6D9DD", "hover": "#F0E2E4", - "normal": "#faebeb", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -349908,7 +349908,7 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#e8f9e8", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { "active": "#DDE0E6", @@ -351509,7 +351509,7 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "colorBackgroundPositive": { @@ -351529,15 +351529,15 @@ exports[`shapshots vkontakteComDark theme should match cssVars snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": { "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #B7D9B7)", + "value": "var(--vkui--color_background_positive_tint--active, #405140)", }, "hover": { "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)", + "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #b1d6b1)", + "value": "var(--vkui--color_background_positive_tint, #2F422F)", }, }, "colorBackgroundSecondary": { @@ -355549,7 +355549,7 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -355557,9 +355557,9 @@ exports[`shapshots vkontakteComDark theme should match pixelify theme snapshot 1 "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#B7D9B7", - "hover": "#B4D8B4", - "normal": "#b1d6b1", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { "active": "#434343", @@ -356894,7 +356894,7 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "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)", + "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -356902,9 +356902,9 @@ exports[`shapshots vkontakteComDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_positive, #4BB34B)", }, "colorBackgroundPositiveTint": { - "active": "var(--vkui--color_background_positive_tint--active, #B7D9B7)", - "hover": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)", - "normal": "var(--vkui--color_background_positive_tint, #b1d6b1)", + "active": "var(--vkui--color_background_positive_tint--active, #405140)", + "hover": "var(--vkui--color_background_positive_tint--hover, #374A37)", + "normal": "var(--vkui--color_background_positive_tint, #2F422F)", }, "colorBackgroundSecondary": { "active": "var(--vkui--color_background_secondary--active, #434343)", @@ -358239,7 +358239,7 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -358247,9 +358247,9 @@ exports[`shapshots vkontakteComDark theme should match root theme snapshot 1`] = "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#B7D9B7", - "hover": "#B4D8B4", - "normal": "#b1d6b1", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { "active": "#434343", diff --git a/src/themeDescriptions/themes/vkCom/index.ts b/src/themeDescriptions/themes/vkCom/index.ts index ffc5d0da..8236bde6 100644 --- a/src/themeDescriptions/themes/vkCom/index.ts +++ b/src/themeDescriptions/themes/vkCom/index.ts @@ -46,10 +46,6 @@ const vkComColors = (theme: typeof vkcom_light) => ({ // ), colorBackgroundPositive: resolveColor(theme.colors.button_commerce_background), colorBackgroundNegative: resolveColor(theme.colors.button_secondary_destructive_foreground), - // colorBackgroundNegativeTint: resolveColor( - // theme.colors.field_error_background, - // ), - // colorBackgroundPositiveTint: '#E8f9e8', colorFieldBackground: resolveColor(theme.colors.field_background), colorHeaderBackground: resolveColor(theme.colors.header_background), @@ -150,6 +146,8 @@ const vkComLightColor: ColorsDescription = { colors: { ...lightColors.colors, ...vkComColors(vkcom_light), + colorBackgroundNegativeTint: '#FAEBEB', + colorBackgroundPositiveTint: '#E8F9E8', }, }; @@ -274,6 +272,8 @@ const vkComDarkColor: ColorsDescription = { colorSeparatorPrimary: '#363738', colorSeparatorPrimary2x: '#444546', colorSeparatorPrimary3x: '#505253', + colorBackgroundNegativeTint: '#522E2E', + colorBackgroundPositiveTint: '#2F422F', }, }; From 5b8a40d7f0341832b67816dd7e0273e8706f28e8 Mon Sep 17 00:00:00 2001 From: Sarafa2n Date: Mon, 4 Dec 2023 19:06:11 +0300 Subject: [PATCH 12/15] feat: fix test --- .../__snapshots__/snapthots.test.ts.snap | 48 +++++++++---------- 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index ea47caa1..f7d7e4b8 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -302328,15 +302328,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #19721E)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #1A761C)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #1B7A1B)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentOrange": { @@ -305483,9 +305483,9 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#19721E", - "hover": "#1A761C", - "normal": "#1B7A1B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#EB9405", @@ -306444,9 +306444,9 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #19721E)", - "hover": "var(--vkui--color_accent_green--hover, #1A761C)", - "normal": "var(--vkui--color_accent_green, #1B7A1B)", + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", @@ -307405,9 +307405,9 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#19721E", - "hover": "#1A761C", - "normal": "#1B7A1B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#EB9405", @@ -343622,15 +343622,15 @@ exports[`shapshots vkontakteCom theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #19721E)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #1A761C)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #1B7A1B)", + "value": "var(--vkui--color_accent_green, #4BB34B)", }, }, "colorAccentOrange": { @@ -347893,9 +347893,9 @@ exports[`shapshots vkontakteCom theme should match pixelify theme snapshot 1`] = "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#19721E", - "hover": "#1A761C", - "normal": "#1B7A1B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#EB9405", @@ -349238,9 +349238,9 @@ exports[`shapshots vkontakteCom theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_gray, #AEB7C2)", }, "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #19721E)", - "hover": "var(--vkui--color_accent_green--hover, #1A761C)", - "normal": "var(--vkui--color_accent_green, #1B7A1B)", + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4BB34B)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", @@ -350583,9 +350583,9 @@ exports[`shapshots vkontakteCom theme should match root theme snapshot 1`] = ` "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#19721E", - "hover": "#1A761C", - "normal": "#1B7A1B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentOrange": { "active": "#EB9405", From ccc1875dc16347c9ded4767b7a0d9d2da1778275 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 5 Dec 2023 05:35:40 +0000 Subject: [PATCH 13/15] build(deps-dev): bump @typescript-eslint/eslint-plugin Bumps [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) from 6.10.0 to 6.13.2. - [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases) - [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md) - [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v6.13.2/packages/eslint-plugin) --- updated-dependencies: - dependency-name: "@typescript-eslint/eslint-plugin" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- package.json | 2 +- yarn.lock | 108 +++++++++++++++++++++++++-------------------------- 2 files changed, 55 insertions(+), 55 deletions(-) diff --git a/package.json b/package.json index e0bec85a..2dfa1b50 100644 --- a/package.json +++ b/package.json @@ -53,7 +53,7 @@ "@types/node": "18.11.10", "@types/react": "18.2.39", "@types/react-dom": "18.2.17", - "@typescript-eslint/eslint-plugin": "6.10.0", + "@typescript-eslint/eslint-plugin": "6.13.2", "@typescript-eslint/parser": "6.13.1", "@vkontakte/appearance": "https://github.com/VKCOM/Appearance#v10.1.7", "@vkontakte/icons": "2.85.0", diff --git a/yarn.lock b/yarn.lock index ced6ecaa..0cf37804 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1973,16 +1973,16 @@ dependencies: "@types/yargs-parser" "*" -"@typescript-eslint/eslint-plugin@6.10.0": - version "6.10.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.10.0.tgz#cfe2bd34e26d2289212946b96ab19dcad64b661a" - integrity sha512-uoLj4g2OTL8rfUQVx2AFO1hp/zja1wABJq77P6IclQs6I/m9GLrm7jCdgzZkvWdDCQf1uEvoa8s8CupsgWQgVg== +"@typescript-eslint/eslint-plugin@6.13.2": + version "6.13.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.13.2.tgz#2e03506c5362a65e43cb132c37c9ce2d3cb51470" + integrity sha512-3+9OGAWHhk4O1LlcwLBONbdXsAhLjyCFogJY/cWy2lxdVJ2JrcTF2pTGMaLl2AE7U1l31n8Py4a8bx5DLf/0dQ== dependencies: "@eslint-community/regexpp" "^4.5.1" - "@typescript-eslint/scope-manager" "6.10.0" - "@typescript-eslint/type-utils" "6.10.0" - "@typescript-eslint/utils" "6.10.0" - "@typescript-eslint/visitor-keys" "6.10.0" + "@typescript-eslint/scope-manager" "6.13.2" + "@typescript-eslint/type-utils" "6.13.2" + "@typescript-eslint/utils" "6.13.2" + "@typescript-eslint/visitor-keys" "6.13.2" debug "^4.3.4" graphemer "^1.4.0" ignore "^5.2.4" @@ -2001,14 +2001,6 @@ "@typescript-eslint/visitor-keys" "6.13.1" debug "^4.3.4" -"@typescript-eslint/scope-manager@6.10.0": - version "6.10.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.10.0.tgz#b0276118b13d16f72809e3cecc86a72c93708540" - integrity sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg== - dependencies: - "@typescript-eslint/types" "6.10.0" - "@typescript-eslint/visitor-keys" "6.10.0" - "@typescript-eslint/scope-manager@6.13.1": version "6.13.1" resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.13.1.tgz#58c7c37c6a957d3d9f59bc4f64c2888e0cac1d70" @@ -2017,38 +2009,33 @@ "@typescript-eslint/types" "6.13.1" "@typescript-eslint/visitor-keys" "6.13.1" -"@typescript-eslint/type-utils@6.10.0": - version "6.10.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz#1007faede067c78bdbcef2e8abb31437e163e2e1" - integrity sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg== +"@typescript-eslint/scope-manager@6.13.2": + version "6.13.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.13.2.tgz#5fa4e4adace028dafac212c770640b94e7b61052" + integrity sha512-CXQA0xo7z6x13FeDYCgBkjWzNqzBn8RXaE3QVQVIUm74fWJLkJkaHmHdKStrxQllGh6Q4eUGyNpMe0b1hMkXFA== + dependencies: + "@typescript-eslint/types" "6.13.2" + "@typescript-eslint/visitor-keys" "6.13.2" + +"@typescript-eslint/type-utils@6.13.2": + version "6.13.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.13.2.tgz#ebec2da14a6bb7122e0fd31eea72a382c39c6102" + integrity sha512-Qr6ssS1GFongzH2qfnWKkAQmMUyZSyOr0W54nZNU1MDfo+U4Mv3XveeLZzadc/yq8iYhQZHYT+eoXJqnACM1tw== dependencies: - "@typescript-eslint/typescript-estree" "6.10.0" - "@typescript-eslint/utils" "6.10.0" + "@typescript-eslint/typescript-estree" "6.13.2" + "@typescript-eslint/utils" "6.13.2" debug "^4.3.4" ts-api-utils "^1.0.1" -"@typescript-eslint/types@6.10.0": - version "6.10.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.10.0.tgz#f4f0a84aeb2ac546f21a66c6e0da92420e921367" - integrity sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg== - "@typescript-eslint/types@6.13.1": version "6.13.1" resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.13.1.tgz#b56f26130e7eb8fa1e429c75fb969cae6ad7bb5c" integrity sha512-gjeEskSmiEKKFIbnhDXUyiqVma1gRCQNbVZ1C8q7Zjcxh3WZMbzWVfGE9rHfWd1msQtPS0BVD9Jz9jded44eKg== -"@typescript-eslint/typescript-estree@6.10.0": - version "6.10.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz#667381eed6f723a1a8ad7590a31f312e31e07697" - integrity sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg== - dependencies: - "@typescript-eslint/types" "6.10.0" - "@typescript-eslint/visitor-keys" "6.10.0" - debug "^4.3.4" - globby "^11.1.0" - is-glob "^4.0.3" - semver "^7.5.4" - ts-api-utils "^1.0.1" +"@typescript-eslint/types@6.13.2": + version "6.13.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.13.2.tgz#c044aac24c2f6cefb8e921e397acad5417dd0ae6" + integrity sha512-7sxbQ+EMRubQc3wTfTsycgYpSujyVbI1xw+3UMRUcrhSy+pN09y/lWzeKDbvhoqcRbHdc+APLs/PWYi/cisLPg== "@typescript-eslint/typescript-estree@6.13.1": version "6.13.1" @@ -2063,27 +2050,32 @@ semver "^7.5.4" ts-api-utils "^1.0.1" -"@typescript-eslint/utils@6.10.0": - version "6.10.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.10.0.tgz#4d76062d94413c30e402c9b0df8c14aef8d77336" - integrity sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg== +"@typescript-eslint/typescript-estree@6.13.2": + version "6.13.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.13.2.tgz#ae556ee154c1acf025b48d37c3ef95a1d55da258" + integrity sha512-SuD8YLQv6WHnOEtKv8D6HZUzOub855cfPnPMKvdM/Bh1plv1f7Q/0iFUDLKKlxHcEstQnaUU4QZskgQq74t+3w== + dependencies: + "@typescript-eslint/types" "6.13.2" + "@typescript-eslint/visitor-keys" "6.13.2" + debug "^4.3.4" + globby "^11.1.0" + is-glob "^4.0.3" + semver "^7.5.4" + ts-api-utils "^1.0.1" + +"@typescript-eslint/utils@6.13.2": + version "6.13.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.13.2.tgz#8eb89e53adc6d703a879b131e528807245486f89" + integrity sha512-b9Ptq4eAZUym4idijCRzl61oPCwwREcfDI8xGk751Vhzig5fFZR9CyzDz4Sp/nxSLBYxUPyh4QdIDqWykFhNmQ== dependencies: "@eslint-community/eslint-utils" "^4.4.0" "@types/json-schema" "^7.0.12" "@types/semver" "^7.5.0" - "@typescript-eslint/scope-manager" "6.10.0" - "@typescript-eslint/types" "6.10.0" - "@typescript-eslint/typescript-estree" "6.10.0" + "@typescript-eslint/scope-manager" "6.13.2" + "@typescript-eslint/types" "6.13.2" + "@typescript-eslint/typescript-estree" "6.13.2" semver "^7.5.4" -"@typescript-eslint/visitor-keys@6.10.0": - version "6.10.0" - resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.10.0.tgz#b9eaf855a1ac7e95633ae1073af43d451e8f84e3" - integrity sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg== - dependencies: - "@typescript-eslint/types" "6.10.0" - eslint-visitor-keys "^3.4.1" - "@typescript-eslint/visitor-keys@6.13.1": version "6.13.1" resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.13.1.tgz#c4b692dcc23a4fc60685b718f10fde789d65a540" @@ -2092,6 +2084,14 @@ "@typescript-eslint/types" "6.13.1" eslint-visitor-keys "^3.4.1" +"@typescript-eslint/visitor-keys@6.13.2": + version "6.13.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.13.2.tgz#e0a4a80cf842bb08e6127b903284166ac4a5594c" + integrity sha512-OGznFs0eAQXJsp+xSd6k/O1UbFi/K/L7WjqeRoFE7vadjAF9y0uppXhYNQNEqygjou782maGClOoZwPqF0Drlw== + dependencies: + "@typescript-eslint/types" "6.13.2" + eslint-visitor-keys "^3.4.1" + "@vkontakte/appearance@https://github.com/VKCOM/Appearance#v10.1.7": version "1.0.0" uid "609e517e13a6c59a7801eaab48e4ca7c7376b76a" From e36b45c9a0f85b2ef799752374ed1d5e564c22f3 Mon Sep 17 00:00:00 2001 From: Egorov Aleksey Date: Tue, 5 Dec 2023 16:04:45 +0300 Subject: [PATCH 14/15] refactor tokens --- .../__snapshots__/snapthots.test.ts.snap | 192 +++++++++--------- .../themes/calendar/index.ts | 14 +- 2 files changed, 107 insertions(+), 99 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 95af5018..04d6349f 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -1351,43 +1351,43 @@ exports[`shapshots calendar theme should match cssVars snapshot 1`] = ` "calendarColorIconAppointment": { "active": { "name": "--vkui--calendar_color_icon_appointment--active", - "value": "var(--vkui--calendar_color_icon_appointment--active, #E4AC09)", + "value": "var(--vkui--calendar_color_icon_appointment--active, #EA8D91)", }, "hover": { "name": "--vkui--calendar_color_icon_appointment--hover", - "value": "var(--vkui--calendar_color_icon_appointment--hover, #EEB306)", + "value": "var(--vkui--calendar_color_icon_appointment--hover, #F49394)", }, "normal": { "name": "--vkui--calendar_color_icon_appointment", - "value": "var(--vkui--calendar_color_icon_appointment, #F8BA04)", + "value": "var(--vkui--calendar_color_icon_appointment, #FE9898)", }, }, "calendarColorIconEvent": { "active": { "name": "--vkui--calendar_color_icon_event--active", - "value": "var(--vkui--calendar_color_icon_event--active, #089AEB)", + "value": "var(--vkui--calendar_color_icon_event--active, #36ACEF)", }, "hover": { "name": "--vkui--calendar_color_icon_event--hover", - "value": "var(--vkui--calendar_color_icon_event--hover, #09A0F2)", + "value": "var(--vkui--calendar_color_icon_event--hover, #39B3F6)", }, "normal": { "name": "--vkui--calendar_color_icon_event", - "value": "var(--vkui--calendar_color_icon_event, #09a6fa)", + "value": "var(--vkui--calendar_color_icon_event, #3BBAFE)", }, }, "calendarColorIconFinance": { "active": { "name": "--vkui--calendar_color_icon_finance--active", - "value": "var(--vkui--calendar_color_icon_finance--active, #2BB97F)", + "value": "var(--vkui--calendar_color_icon_finance--active, #21B87B)", }, "hover": { "name": "--vkui--calendar_color_icon_finance--hover", - "value": "var(--vkui--calendar_color_icon_finance--hover, #2DC182)", + "value": "var(--vkui--calendar_color_icon_finance--hover, #23C07D)", }, "normal": { "name": "--vkui--calendar_color_icon_finance", - "value": "var(--vkui--calendar_color_icon_finance, #2fc885)", + "value": "var(--vkui--calendar_color_icon_finance, #24C780)", }, }, "calendarColorIconOrder": { @@ -6908,19 +6908,19 @@ exports[`shapshots calendar theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 1)", }, "calendarColorIconAppointment": { - "active": "#E4AC09", - "hover": "#EEB306", - "normal": "#F8BA04", + "active": "#EA8D91", + "hover": "#F49394", + "normal": "#FE9898", }, "calendarColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#36ACEF", + "hover": "#39B3F6", + "normal": "#3BBAFE", }, "calendarColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#21B87B", + "hover": "#23C07D", + "normal": "#24C780", }, "calendarColorIconOrder": { "active": "#EB4FA1", @@ -8934,19 +8934,19 @@ exports[`shapshots calendar theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--calendar_color_headeron_widget_alpha, rgba(0, 95, 249, 1))", }, "calendarColorIconAppointment": { - "active": "var(--vkui--calendar_color_icon_appointment--active, #E4AC09)", - "hover": "var(--vkui--calendar_color_icon_appointment--hover, #EEB306)", - "normal": "var(--vkui--calendar_color_icon_appointment, #F8BA04)", + "active": "var(--vkui--calendar_color_icon_appointment--active, #EA8D91)", + "hover": "var(--vkui--calendar_color_icon_appointment--hover, #F49394)", + "normal": "var(--vkui--calendar_color_icon_appointment, #FE9898)", }, "calendarColorIconEvent": { - "active": "var(--vkui--calendar_color_icon_event--active, #089AEB)", - "hover": "var(--vkui--calendar_color_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--calendar_color_icon_event, #09a6fa)", + "active": "var(--vkui--calendar_color_icon_event--active, #36ACEF)", + "hover": "var(--vkui--calendar_color_icon_event--hover, #39B3F6)", + "normal": "var(--vkui--calendar_color_icon_event, #3BBAFE)", }, "calendarColorIconFinance": { - "active": "var(--vkui--calendar_color_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--calendar_color_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--calendar_color_icon_finance, #2fc885)", + "active": "var(--vkui--calendar_color_icon_finance--active, #21B87B)", + "hover": "var(--vkui--calendar_color_icon_finance--hover, #23C07D)", + "normal": "var(--vkui--calendar_color_icon_finance, #24C780)", }, "calendarColorIconOrder": { "active": "var(--vkui--calendar_color_icon_order--active, #EB4FA1)", @@ -10960,19 +10960,19 @@ exports[`shapshots calendar theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 1)", }, "calendarColorIconAppointment": { - "active": "#E4AC09", - "hover": "#EEB306", - "normal": "#F8BA04", + "active": "#EA8D91", + "hover": "#F49394", + "normal": "#FE9898", }, "calendarColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#36ACEF", + "hover": "#39B3F6", + "normal": "#3BBAFE", }, "calendarColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#21B87B", + "hover": "#23C07D", + "normal": "#24C780", }, "calendarColorIconOrder": { "active": "#EB4FA1", @@ -13863,57 +13863,57 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "calendarColorIconEvent": { "active": { "name": "--vkui--calendar_color_icon_event--active", - "value": "var(--vkui--calendar_color_icon_event--active, #1DADFA)", + "value": "var(--vkui--calendar_color_icon_event--active, #3EB0ED)", }, "hover": { "name": "--vkui--calendar_color_icon_event--hover", - "value": "var(--vkui--calendar_color_icon_event--hover, #13AAFA)", + "value": "var(--vkui--calendar_color_icon_event--hover, #35ACEC)", }, "normal": { "name": "--vkui--calendar_color_icon_event", - "value": "var(--vkui--calendar_color_icon_event, #09a6fa)", + "value": "var(--vkui--calendar_color_icon_event, #2DA9EB)", }, }, "calendarColorIconFinance": { "active": { "name": "--vkui--calendar_color_icon_finance--active", - "value": "var(--vkui--calendar_color_icon_finance--active, #40CC8F)", + "value": "var(--vkui--calendar_color_icon_finance--active, #36CB8A)", }, "hover": { "name": "--vkui--calendar_color_icon_finance--hover", - "value": "var(--vkui--calendar_color_icon_finance--hover, #37CA8A)", + "value": "var(--vkui--calendar_color_icon_finance--hover, #2DC985)", }, "normal": { "name": "--vkui--calendar_color_icon_finance", - "value": "var(--vkui--calendar_color_icon_finance, #2fc885)", + "value": "var(--vkui--calendar_color_icon_finance, #24C780)", }, }, "calendarColorIconOrder": { "active": { "name": "--vkui--calendar_color_icon_order--active", - "value": "var(--vkui--calendar_color_icon_order--active, #FF62B1)", + "value": "var(--vkui--calendar_color_icon_order--active, #D4478E)", }, "hover": { "name": "--vkui--calendar_color_icon_order--hover", - "value": "var(--vkui--calendar_color_icon_order--hover, #FF5BAD)", + "value": "var(--vkui--calendar_color_icon_order--hover, #D23F89)", }, "normal": { "name": "--vkui--calendar_color_icon_order", - "value": "var(--vkui--calendar_color_icon_order, #ff54aa)", + "value": "var(--vkui--calendar_color_icon_order, #D03784)", }, }, "calendarColorIconOthers": { "active": { "name": "--vkui--calendar_color_icon_others--active", - "value": "var(--vkui--calendar_color_icon_others--active, #146CF9)", + "value": "var(--vkui--calendar_color_icon_others--active, #4C8CFD)", }, "hover": { "name": "--vkui--calendar_color_icon_others--hover", - "value": "var(--vkui--calendar_color_icon_others--hover, #0A65F9)", + "value": "var(--vkui--calendar_color_icon_others--hover, #4487FD)", }, "normal": { "name": "--vkui--calendar_color_icon_others", - "value": "var(--vkui--calendar_color_icon_others, #005FF9)", + "value": "var(--vkui--calendar_color_icon_others, #3C82FD)", }, }, "calendarColorIconPrimary": { @@ -13933,15 +13933,15 @@ exports[`shapshots calendarDark theme should match cssVars snapshot 1`] = ` "calendarColorIconTravel": { "active": { "name": "--vkui--calendar_color_icon_travel--active", - "value": "var(--vkui--calendar_color_icon_travel--active, #C044FC)", + "value": "var(--vkui--calendar_color_icon_travel--active, #AB56D7)", }, "hover": { "name": "--vkui--calendar_color_icon_travel--hover", - "value": "var(--vkui--calendar_color_icon_travel--hover, #BD3CFC)", + "value": "var(--vkui--calendar_color_icon_travel--hover, #A84ED5)", }, "normal": { "name": "--vkui--calendar_color_icon_travel", - "value": "var(--vkui--calendar_color_icon_travel, #ba34fc)", + "value": "var(--vkui--calendar_color_icon_travel, #A447D3)", }, }, "calendarColorOverlayBackground": { @@ -19411,24 +19411,24 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#F8BA04", }, "calendarColorIconEvent": { - "active": "#1DADFA", - "hover": "#13AAFA", - "normal": "#09a6fa", + "active": "#3EB0ED", + "hover": "#35ACEC", + "normal": "#2DA9EB", }, "calendarColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", - "normal": "#2fc885", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "calendarColorIconOrder": { - "active": "#FF62B1", - "hover": "#FF5BAD", - "normal": "#ff54aa", + "active": "#D4478E", + "hover": "#D23F89", + "normal": "#D03784", }, "calendarColorIconOthers": { - "active": "#146CF9", - "hover": "#0A65F9", - "normal": "#005FF9", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "calendarColorIconPrimary": { "active": "#BABABA", @@ -19436,9 +19436,9 @@ exports[`shapshots calendarDark theme should match pixelify theme snapshot 1`] = "normal": "#B4B4B4", }, "calendarColorIconTravel": { - "active": "#C044FC", - "hover": "#BD3CFC", - "normal": "#ba34fc", + "active": "#AB56D7", + "hover": "#A84ED5", + "normal": "#A447D3", }, "calendarColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -21437,24 +21437,24 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--calendar_color_icon_appointment, #F8BA04)", }, "calendarColorIconEvent": { - "active": "var(--vkui--calendar_color_icon_event--active, #1DADFA)", - "hover": "var(--vkui--calendar_color_icon_event--hover, #13AAFA)", - "normal": "var(--vkui--calendar_color_icon_event, #09a6fa)", + "active": "var(--vkui--calendar_color_icon_event--active, #3EB0ED)", + "hover": "var(--vkui--calendar_color_icon_event--hover, #35ACEC)", + "normal": "var(--vkui--calendar_color_icon_event, #2DA9EB)", }, "calendarColorIconFinance": { - "active": "var(--vkui--calendar_color_icon_finance--active, #40CC8F)", - "hover": "var(--vkui--calendar_color_icon_finance--hover, #37CA8A)", - "normal": "var(--vkui--calendar_color_icon_finance, #2fc885)", + "active": "var(--vkui--calendar_color_icon_finance--active, #36CB8A)", + "hover": "var(--vkui--calendar_color_icon_finance--hover, #2DC985)", + "normal": "var(--vkui--calendar_color_icon_finance, #24C780)", }, "calendarColorIconOrder": { - "active": "var(--vkui--calendar_color_icon_order--active, #FF62B1)", - "hover": "var(--vkui--calendar_color_icon_order--hover, #FF5BAD)", - "normal": "var(--vkui--calendar_color_icon_order, #ff54aa)", + "active": "var(--vkui--calendar_color_icon_order--active, #D4478E)", + "hover": "var(--vkui--calendar_color_icon_order--hover, #D23F89)", + "normal": "var(--vkui--calendar_color_icon_order, #D03784)", }, "calendarColorIconOthers": { - "active": "var(--vkui--calendar_color_icon_others--active, #146CF9)", - "hover": "var(--vkui--calendar_color_icon_others--hover, #0A65F9)", - "normal": "var(--vkui--calendar_color_icon_others, #005FF9)", + "active": "var(--vkui--calendar_color_icon_others--active, #4C8CFD)", + "hover": "var(--vkui--calendar_color_icon_others--hover, #4487FD)", + "normal": "var(--vkui--calendar_color_icon_others, #3C82FD)", }, "calendarColorIconPrimary": { "active": "var(--vkui--calendar_color_icon_primary--active, #BABABA)", @@ -21462,9 +21462,9 @@ exports[`shapshots calendarDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--calendar_color_icon_primary, #B4B4B4)", }, "calendarColorIconTravel": { - "active": "var(--vkui--calendar_color_icon_travel--active, #C044FC)", - "hover": "var(--vkui--calendar_color_icon_travel--hover, #BD3CFC)", - "normal": "var(--vkui--calendar_color_icon_travel, #ba34fc)", + "active": "var(--vkui--calendar_color_icon_travel--active, #AB56D7)", + "hover": "var(--vkui--calendar_color_icon_travel--hover, #A84ED5)", + "normal": "var(--vkui--calendar_color_icon_travel, #A447D3)", }, "calendarColorOverlayBackground": { "active": "var(--vkui--calendar_color_overlay_background--active, rgba(255, 255, 255, 0.08))", @@ -23463,24 +23463,24 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#F8BA04", }, "calendarColorIconEvent": { - "active": "#1DADFA", - "hover": "#13AAFA", - "normal": "#09a6fa", + "active": "#3EB0ED", + "hover": "#35ACEC", + "normal": "#2DA9EB", }, "calendarColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", - "normal": "#2fc885", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "calendarColorIconOrder": { - "active": "#FF62B1", - "hover": "#FF5BAD", - "normal": "#ff54aa", + "active": "#D4478E", + "hover": "#D23F89", + "normal": "#D03784", }, "calendarColorIconOthers": { - "active": "#146CF9", - "hover": "#0A65F9", - "normal": "#005FF9", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "calendarColorIconPrimary": { "active": "#BABABA", @@ -23488,9 +23488,9 @@ exports[`shapshots calendarDark theme should match root theme snapshot 1`] = ` "normal": "#B4B4B4", }, "calendarColorIconTravel": { - "active": "#C044FC", - "hover": "#BD3CFC", - "normal": "#ba34fc", + "active": "#AB56D7", + "hover": "#A84ED5", + "normal": "#A447D3", }, "calendarColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", diff --git a/src/themeDescriptions/themes/calendar/index.ts b/src/themeDescriptions/themes/calendar/index.ts index 64ba5ef6..e2e69cd6 100644 --- a/src/themeDescriptions/themes/calendar/index.ts +++ b/src/themeDescriptions/themes/calendar/index.ts @@ -76,11 +76,11 @@ export const calendarTheme: ThemeCalendarDescription = { // Цвета категорий ML писем calendarColorIconOrder: '#ff54aa', - calendarColorIconFinance: '#2fc885', + calendarColorIconFinance: '#24C780', calendarColorIconTravel: '#ba34fc', - calendarColorIconEvent: '#09a6fa', + calendarColorIconEvent: '#3BBAFE', calendarColorIconOthers: '#005FF9', - calendarColorIconAppointment: '#F8BA04', + calendarColorIconAppointment: '#FE9898', // для кнопок, которые голубые в светлой теме и серые в темной calendarColorBackgroundAccentTintThemed: { @@ -470,6 +470,14 @@ export const calendarDarkTheme: ThemeCalendarDarkDescription = { colorIconPrimary: '#B4B4B4', colorIconSecondary: '#5F5F5F', + // Цвета категорий ML писем + calendarColorIconOrder: '#D03784', + calendarColorIconFinance: '#24C780', + calendarColorIconTravel: '#A447D3', + calendarColorIconEvent: '#2DA9EB', + calendarColorIconOthers: '#3C82FD', + calendarColorIconAppointment: '#F8BA04', + calendarColorBackgroundAccentTintThemed: { normal: '#3E3E3F', hover: '#2C2C2D', From 7989387af9731fab5dacab7655372f1d7ffcc35f Mon Sep 17 00:00:00 2001 From: Sarafa2n Date: Fri, 8 Dec 2023 14:08:41 +0300 Subject: [PATCH 15/15] npm bump version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 72f267bc..88464db9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@vkontakte/vkui-tokens", - "version": "4.41.3", + "version": "4.41.4", "description": "Репозиторий, который содержит в себе дизайн-токены и другие инструменты объединенной дизайн-системы VKUI и Paradigm", "license": "MIT", "homepage": "https://vkcom.github.io/vkui-tokens",