diff --git a/.github/workflows/storybook-chromatic.yml b/.github/workflows/storybook-chromatic.yml index 28722ce3923f6..7ef7b5df612a9 100644 --- a/.github/workflows/storybook-chromatic.yml +++ b/.github/workflows/storybook-chromatic.yml @@ -146,7 +146,7 @@ jobs: VARIANT: ${{ github.event.pull_request.head.repo.full_name == github.repository && 'update' || 'verify' }} STORYBOOK_SKIP_TAGS: 'test-skip,test-skip-${{ matrix.browser }}' run: | - pnpm test:visual-regression:ci:$VARIANT --browsers ${{ matrix.browser }} --shard ${{ matrix.shard }}/$SHARD_COUNT + pnpm test:visual:ci:$VARIANT --browsers ${{ matrix.browser }} --shard ${{ matrix.shard }}/$SHARD_COUNT - name: Archive failure screenshots if: ${{ failure() }} diff --git a/.storybook/test-runner.ts b/.storybook/test-runner.ts index 68d5aec22b6ec..97cd99d515dd0 100644 --- a/.storybook/test-runner.ts +++ b/.storybook/test-runner.ts @@ -6,12 +6,13 @@ import { StoryContext } from '@storybook/csf' // 'firefox' is technically supported too, but as of June 2023 it has memory usage issues that make is unusable type SupportedBrowserName = 'chromium' | 'webkit' -type SnapshotTheme = 'legacy' | 'light' | 'dark' +type SnapshotTheme = 'light' | 'dark' // Extend Storybook interface `Parameters` with Chromatic parameters declare module '@storybook/types' { interface Parameters { options?: any + /** @default 'padded' */ layout?: 'padded' | 'fullscreen' | 'centered' testOptions?: { /** @@ -19,14 +20,13 @@ declare module '@storybook/types' { * @default true */ waitForLoadersToDisappear?: boolean - /** If set, we'll wait for the given selector to be satisfied. */ - waitForSelector?: string + /** If set, we'll wait for the given selector (or all selectors, if multiple) to be satisfied. */ + waitForSelector?: string | string[] /** - * Whether navigation (sidebar + topbar) should be excluded from the snapshot. - * Warning: Fails if enabled for stories in which navigation is not present. + * Whether navigation should be included in the snapshot. Only applies to `layout: 'fullscreen'` stories. * @default false */ - excludeNavigationFromSnapshot?: boolean + includeNavigationInSnapshot?: boolean /** * The test will always run for all the browers, but snapshots are only taken in Chromium by default. * Override this to take snapshots in other browsers too. @@ -48,13 +48,13 @@ declare module '@storybook/types' { } } -const RETRY_TIMES = 3 +const RETRY_TIMES = 2 const LOADER_SELECTORS = [ '.ant-skeleton', '.Spinner', '.LemonSkeleton', '.LemonTableLoader', - '.Toastify__toast-container', + '.Toastify__toast', '[aria-busy="true"]', '.SessionRecordingPlayer--buffering', '.Lettermark--unknown', @@ -65,6 +65,8 @@ const customSnapshotsDir = `${process.cwd()}/frontend/__snapshots__` const JEST_TIMEOUT_MS = 15000 const PLAYWRIGHT_TIMEOUT_MS = 10000 // Must be shorter than JEST_TIMEOUT_MS +const ATTEMPT_COUNT_PER_ID: Record = {} + module.exports = { setup() { expect.extend({ toMatchImageSnapshot }) @@ -72,6 +74,17 @@ module.exports = { jest.setTimeout(JEST_TIMEOUT_MS) }, async postVisit(page, context) { + ATTEMPT_COUNT_PER_ID[context.id] = (ATTEMPT_COUNT_PER_ID[context.id] || 0) + 1 + await page.evaluate( + ([retry, id]) => console.log(`[${id}] Attempt ${retry}`), + [ATTEMPT_COUNT_PER_ID[context.id], context.id] + ) + if (ATTEMPT_COUNT_PER_ID[context.id] > 1) { + // When retrying, resize the viewport and then resize again to default, + // just in case the retry is due to a useResizeObserver fail + await page.setViewportSize({ width: 1920, height: 1080 }) + await page.setViewportSize({ width: 1280, height: 720 }) + } const browserContext = page.context() const storyContext = await getStoryContext(page, context) const { snapshotBrowsers = ['chromium'] } = storyContext.parameters?.testOptions ?? {} @@ -96,7 +109,7 @@ async function expectStoryToMatchSnapshot( const { waitForLoadersToDisappear = true, waitForSelector, - excludeNavigationFromSnapshot = false, + includeNavigationInSnapshot = false, } = storyContext.parameters?.testOptions ?? {} let check: ( @@ -107,26 +120,29 @@ async function expectStoryToMatchSnapshot( targetSelector?: string ) => Promise if (storyContext.parameters?.layout === 'fullscreen') { - if (excludeNavigationFromSnapshot) { - check = expectStoryToMatchSceneSnapshot + if (includeNavigationInSnapshot) { + check = expectStoryToMatchViewportSnapshot } else { - check = expectStoryToMatchFullPageSnapshot + check = expectStoryToMatchSceneSnapshot } } else { check = expectStoryToMatchComponentSnapshot } await waitForPageReady(page) - await page.evaluate(() => { - // Stop all animations for consistent snapshots + await page.evaluate((layout: string) => { + // Stop all animations for consistent snapshots, and adjust other styles document.body.classList.add('storybook-test-runner') - }) + document.body.classList.add(`storybook-test-runner--${layout}`) + }, storyContext.parameters?.layout || 'padded') if (waitForLoadersToDisappear) { // The timeout is reduced so that we never allow toasts – they usually signify something wrong - await page.waitForSelector(LOADER_SELECTORS.join(','), { state: 'detached', timeout: 1000 }) + await page.waitForSelector(LOADER_SELECTORS.join(','), { state: 'detached', timeout: 3000 }) } - if (waitForSelector) { + if (typeof waitForSelector === 'string') { await page.waitForSelector(waitForSelector) + } else if (Array.isArray(waitForSelector)) { + await Promise.all(waitForSelector.map((selector) => page.waitForSelector(selector))) } await page.waitForTimeout(400) // Wait for effects to finish @@ -151,7 +167,7 @@ async function expectStoryToMatchSnapshot( await check(page, context, browser, 'dark', storyContext.parameters?.testOptions?.snapshotTargetSelector) } -async function expectStoryToMatchFullPageSnapshot( +async function expectStoryToMatchViewportSnapshot( page: Page, context: TestContext, browser: SupportedBrowserName, @@ -166,12 +182,10 @@ async function expectStoryToMatchSceneSnapshot( browser: SupportedBrowserName, theme: SnapshotTheme ): Promise { - await page.evaluate(() => { - // The screenshot gets clipped by overflow hidden on .Navigation3000 - document.querySelector('Navigation3000')?.setAttribute('style', 'overflow: visible;') - }) - - await expectLocatorToMatchStorySnapshot(page.locator('main'), context, browser, theme) + // If the `main` element isn't present, let's use `body` - this is needed in logged-out screens. + // We use .last(), because the order of selector matches is based on the order of elements in the DOM, + // and not the order of the selectors in the query. + await expectLocatorToMatchStorySnapshot(page.locator('body, main').last(), context, browser, theme) } async function expectStoryToMatchComponentSnapshot( @@ -181,13 +195,11 @@ async function expectStoryToMatchComponentSnapshot( theme: SnapshotTheme, targetSelector: string = '#storybook-root' ): Promise { - await page.evaluate((theme) => { + await page.evaluate(() => { const rootEl = document.getElementById('storybook-root') if (!rootEl) { throw new Error('Could not find root element') } - // Make the root element (which is the default screenshot reference) hug the component - rootEl.style.display = 'inline-block' // If needed, expand the root element so that all popovers are visible in the screenshot document.querySelectorAll('.Popover').forEach((popover) => { const currentRootBoundingClientRect = rootEl.getBoundingClientRect() @@ -205,9 +217,7 @@ async function expectStoryToMatchComponentSnapshot( rootEl.style.width = `${-popoverBoundingClientRect.left + currentRootBoundingClientRect.right}px` } }) - // For legacy style, make the body transparent to take the screenshot without background - document.body.style.background = theme === 'legacy' ? 'transparent' : 'var(--bg-3000)' - }, theme) + }) await expectLocatorToMatchStorySnapshot(page.locator(targetSelector), context, browser, theme, { omitBackground: true, @@ -222,10 +232,7 @@ async function expectLocatorToMatchStorySnapshot( options?: LocatorScreenshotOptions ): Promise { const image = await locator.screenshot({ ...options }) - let customSnapshotIdentifier = context.id - if (theme !== 'legacy') { - customSnapshotIdentifier += `--${theme}` - } + let customSnapshotIdentifier = `${context.id}--${theme}` if (browser !== 'chromium') { customSnapshotIdentifier += `--${browser}` } diff --git a/frontend/__snapshots__/components-command-bar--actions--dark.png b/frontend/__snapshots__/components-command-bar--actions--dark.png index e15ffa5164b1b..44ab7e3741e09 100644 Binary files a/frontend/__snapshots__/components-command-bar--actions--dark.png and b/frontend/__snapshots__/components-command-bar--actions--dark.png differ diff --git a/frontend/__snapshots__/components-command-bar--actions--light.png b/frontend/__snapshots__/components-command-bar--actions--light.png index a886435fba6b1..de75dfff4c388 100644 Binary files a/frontend/__snapshots__/components-command-bar--actions--light.png and b/frontend/__snapshots__/components-command-bar--actions--light.png differ diff --git a/frontend/__snapshots__/components-command-bar--search--dark.png b/frontend/__snapshots__/components-command-bar--search--dark.png index 4546e3221a8b2..4db542944d7ae 100644 Binary files a/frontend/__snapshots__/components-command-bar--search--dark.png and b/frontend/__snapshots__/components-command-bar--search--dark.png differ diff --git a/frontend/__snapshots__/components-command-bar--search--light.png b/frontend/__snapshots__/components-command-bar--search--light.png index fbcf9433f8f5f..b0c0949a59bc2 100644 Binary files a/frontend/__snapshots__/components-command-bar--search--light.png and b/frontend/__snapshots__/components-command-bar--search--light.png differ diff --git a/frontend/__snapshots__/components-command-bar--shortcuts--dark.png b/frontend/__snapshots__/components-command-bar--shortcuts--dark.png index cf22f0bbfd443..6e1b9296b63ad 100644 Binary files a/frontend/__snapshots__/components-command-bar--shortcuts--dark.png and b/frontend/__snapshots__/components-command-bar--shortcuts--dark.png differ diff --git a/frontend/__snapshots__/components-command-bar--shortcuts--light.png b/frontend/__snapshots__/components-command-bar--shortcuts--light.png index 723f911510e57..0983a28f5db33 100644 Binary files a/frontend/__snapshots__/components-command-bar--shortcuts--light.png and b/frontend/__snapshots__/components-command-bar--shortcuts--light.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png b/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png index fd752513b9a06..e28cfee483210 100644 Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing--light.png b/frontend/__snapshots__/components-sharing--dashboard-sharing--light.png index 843ea8dc19f59..20852890ec3db 100644 Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing--light.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing--light.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png index 5b72bc3a541dd..2eeea5c642cd0 100644 Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--light.png b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--light.png index 089a2812ac064..4aa8647d2d735 100644 Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--light.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed--light.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing--dark.png b/frontend/__snapshots__/components-sharing--insight-sharing--dark.png index 40badd8ee5e2e..9882e126a8e20 100644 Binary files a/frontend/__snapshots__/components-sharing--insight-sharing--dark.png and b/frontend/__snapshots__/components-sharing--insight-sharing--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing--light.png b/frontend/__snapshots__/components-sharing--insight-sharing--light.png index 9d288cac13070..560906a38bf45 100644 Binary files a/frontend/__snapshots__/components-sharing--insight-sharing--light.png and b/frontend/__snapshots__/components-sharing--insight-sharing--light.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--dark.png index 91d349de5b94a..116beb37c1a56 100644 Binary files a/frontend/__snapshots__/components-sharing--insight-sharing-licensed--dark.png and b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing-licensed--light.png b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--light.png index 523aaf6be05d4..1bbe87264161f 100644 Binary files a/frontend/__snapshots__/components-sharing--insight-sharing-licensed--light.png and b/frontend/__snapshots__/components-sharing--insight-sharing-licensed--light.png differ diff --git a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png index bb098872cb7aa..f4714b9592759 100644 Binary files a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png and b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--dark.png differ diff --git a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--light.png b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--light.png index 5ae5ce30a44af..6d268b0483b82 100644 Binary files a/frontend/__snapshots__/components-sharing--recording-sharing-licensed--light.png and b/frontend/__snapshots__/components-sharing--recording-sharing-licensed--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--dark.png b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--dark.png index 582d1c92b972f..4772677f56bfa 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--dark.png and b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--light.png b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--light.png index 501349ba84faf..eaacf40eb841b 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--light.png and b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions--dark.png index a906116f7bde4..ce4600ab4f5f5 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions--dark.png and b/frontend/__snapshots__/components-subscriptions--subscriptions--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions--light.png index b6060eaa050c2..23fa0b5762336 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions--light.png and b/frontend/__snapshots__/components-subscriptions--subscriptions--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-edit--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--dark.png index 54c0fc2272e90..7f7796ee2cc04 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-edit--dark.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-edit--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--light.png index d90c6a6065923..7cd88837a490a 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-edit--light.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-edit--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-empty--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--dark.png index 15497b84a10e4..c944f916e0e0f 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-empty--dark.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-empty--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--light.png index 6c73320b1dbc6..ba254a53ccdb0 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-empty--light.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-empty--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-new--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-new--dark.png index 15e596b77adab..3331c8cb75148 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-new--dark.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-new--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-new--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-new--light.png index 36c57443276f7..e49c9693dd25f 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-new--light.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-new--light.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--dark.png b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--dark.png index 8d67ffde9ef2e..d646617a6d3ac 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--dark.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--dark.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--light.png b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--light.png index 3838511a85e97..b226c03e6fd8a 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--light.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-unavailable--light.png differ diff --git a/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png b/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png index 8981375b7d1f5..74824563c8f49 100644 Binary files a/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png and b/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png differ diff --git a/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png b/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png index 434a6e72a9451..76025449b2182 100644 Binary files a/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png and b/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png differ diff --git a/frontend/__snapshots__/layout-feature-previews--basic--dark.png b/frontend/__snapshots__/layout-feature-previews--basic--dark.png index 73414f8d22813..0f6ad895d5588 100644 Binary files a/frontend/__snapshots__/layout-feature-previews--basic--dark.png and b/frontend/__snapshots__/layout-feature-previews--basic--dark.png differ diff --git a/frontend/__snapshots__/layout-feature-previews--basic--light.png b/frontend/__snapshots__/layout-feature-previews--basic--light.png index 8018b3d2db8e4..c098f12ff8ffe 100644 Binary files a/frontend/__snapshots__/layout-feature-previews--basic--light.png and b/frontend/__snapshots__/layout-feature-previews--basic--light.png differ diff --git a/frontend/__snapshots__/layout-feature-previews--empty--dark.png b/frontend/__snapshots__/layout-feature-previews--empty--dark.png index 1b73a2eee7403..8fc1d79df903e 100644 Binary files a/frontend/__snapshots__/layout-feature-previews--empty--dark.png and b/frontend/__snapshots__/layout-feature-previews--empty--dark.png differ diff --git a/frontend/__snapshots__/layout-feature-previews--empty--light.png b/frontend/__snapshots__/layout-feature-previews--empty--light.png index 7d21c3c7deefb..ac420297f60ad 100644 Binary files a/frontend/__snapshots__/layout-feature-previews--empty--light.png and b/frontend/__snapshots__/layout-feature-previews--empty--light.png differ diff --git a/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--dark.png b/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--dark.png index 716a7b2c1b5e5..42e36cc0fb7bf 100644 Binary files a/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--dark.png and b/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--dark.png differ diff --git a/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--light.png b/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--light.png index cd87de477e6cc..73c38bd8e8dd5 100644 Binary files a/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--light.png and b/frontend/__snapshots__/layout-feature-previews--with-constrained-feature--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--closable--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--dark.png index 233a87b8a7ae6..246da09fe2bdc 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--closable--dark.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--closable--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--light.png index 32080d09e3429..eb81be1bb75b8 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--closable--light.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--closable--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--dark.png index fb40f88859a6c..1bf56394b7007 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--dark.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--light.png index c4002775974de..d6363800a423c 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--light.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--dismissable--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--error--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--error--dark.png index 935de89196544..64513a7bf5574 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--error--dark.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--error--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--error--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--error--light.png index f4bbc58b925e0..fe965dd91f749 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--error--light.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--error--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--info--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--info--dark.png index 5f6978ab71e23..2802006b65749 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--info--dark.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--info--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--info--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--info--light.png index 943750de062f2..43c3baeb614e9 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--info--light.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--info--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--narrow--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow--dark.png new file mode 100644 index 0000000000000..33fa835e7b63b Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--narrow--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow--light.png new file mode 100644 index 0000000000000..e15162ce61743 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--narrow-with-buttons--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow-with-buttons--dark.png new file mode 100644 index 0000000000000..77d8942fd56dd Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow-with-buttons--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--narrow-with-buttons--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow-with-buttons--light.png new file mode 100644 index 0000000000000..4607d11318285 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-banner--narrow-with-buttons--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small--dark.png deleted file mode 100644 index aa20d221d2c88..0000000000000 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--small--dark.png and /dev/null differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small--light.png deleted file mode 100644 index 6f51669e12856..0000000000000 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--small--light.png and /dev/null differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--dark.png deleted file mode 100644 index fa175a5d172fc..0000000000000 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--dark.png and /dev/null differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--light.png deleted file mode 100644 index 6990bdea343be..0000000000000 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--small-with-buttons--light.png and /dev/null differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--success--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--success--dark.png index d9e6a164fd372..6312ca77783cc 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--success--dark.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--success--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--success--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--success--light.png index 7c908c66911ba..67a5f31dc07cb 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--success--light.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--success--light.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--warning--dark.png b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--dark.png index ef3e2e4d89218..a76c3e4baaa1b 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--warning--dark.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--warning--light.png b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--light.png index 0995fca1540d5..591327f8965a1 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--warning--light.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--warning--light.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--android-recording--dark.png b/frontend/__snapshots__/replay-components-propertyicons--android-recording--dark.png index 20c82b55a5479..da6e3a8932a98 100644 Binary files a/frontend/__snapshots__/replay-components-propertyicons--android-recording--dark.png and b/frontend/__snapshots__/replay-components-propertyicons--android-recording--dark.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--android-recording--light.png b/frontend/__snapshots__/replay-components-propertyicons--android-recording--light.png index 9b9b47ba29831..5bd336a5b19b4 100644 Binary files a/frontend/__snapshots__/replay-components-propertyicons--android-recording--light.png and b/frontend/__snapshots__/replay-components-propertyicons--android-recording--light.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--loading--dark.png b/frontend/__snapshots__/replay-components-propertyicons--loading--dark.png index c23dd8520c4d6..d245ee9a2da8c 100644 Binary files a/frontend/__snapshots__/replay-components-propertyicons--loading--dark.png and b/frontend/__snapshots__/replay-components-propertyicons--loading--dark.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--loading--light.png b/frontend/__snapshots__/replay-components-propertyicons--loading--light.png index 94015289fd311..705a5a44c2846 100644 Binary files a/frontend/__snapshots__/replay-components-propertyicons--loading--light.png and b/frontend/__snapshots__/replay-components-propertyicons--loading--light.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--web-recording--dark.png b/frontend/__snapshots__/replay-components-propertyicons--web-recording--dark.png index 5f9ccff4a11ea..6fb7947a1bfae 100644 Binary files a/frontend/__snapshots__/replay-components-propertyicons--web-recording--dark.png and b/frontend/__snapshots__/replay-components-propertyicons--web-recording--dark.png differ diff --git a/frontend/__snapshots__/replay-components-propertyicons--web-recording--light.png b/frontend/__snapshots__/replay-components-propertyicons--web-recording--light.png index 3481cd74a1869..1e85fe4f89708 100644 Binary files a/frontend/__snapshots__/replay-components-propertyicons--web-recording--light.png and b/frontend/__snapshots__/replay-components-propertyicons--web-recording--light.png differ diff --git a/frontend/__snapshots__/replay-listings--recordings-play-lists--dark.png b/frontend/__snapshots__/replay-listings--recordings-play-lists--dark.png index 00b04ac33f467..33960aa7f63d8 100644 Binary files a/frontend/__snapshots__/replay-listings--recordings-play-lists--dark.png and b/frontend/__snapshots__/replay-listings--recordings-play-lists--dark.png differ diff --git a/frontend/__snapshots__/replay-listings--recordings-play-lists--light.png b/frontend/__snapshots__/replay-listings--recordings-play-lists--light.png index 3d2f4d80dcaa7..554a7378f9f71 100644 Binary files a/frontend/__snapshots__/replay-listings--recordings-play-lists--light.png and b/frontend/__snapshots__/replay-listings--recordings-play-lists--light.png differ diff --git a/frontend/__snapshots__/replay-player-failure--recent-recordings-404--dark.png b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--dark.png index 94608f4cdbee2..993c120a33cb2 100644 Binary files a/frontend/__snapshots__/replay-player-failure--recent-recordings-404--dark.png and b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--dark.png differ diff --git a/frontend/__snapshots__/replay-player-failure--recent-recordings-404--light.png b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--light.png index 8dd35a0cf6e00..cddfcb3eebc17 100644 Binary files a/frontend/__snapshots__/replay-player-failure--recent-recordings-404--light.png and b/frontend/__snapshots__/replay-player-failure--recent-recordings-404--light.png differ diff --git a/frontend/__snapshots__/scenes-app-annotations--annotations--dark.png b/frontend/__snapshots__/scenes-app-annotations--annotations--dark.png index 20e4b8aaadf19..ef1e30ee3afa6 100644 Binary files a/frontend/__snapshots__/scenes-app-annotations--annotations--dark.png and b/frontend/__snapshots__/scenes-app-annotations--annotations--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-annotations--annotations--light.png b/frontend/__snapshots__/scenes-app-annotations--annotations--light.png index 9f4515aec0787..7204a9b8f316e 100644 Binary files a/frontend/__snapshots__/scenes-app-annotations--annotations--light.png and b/frontend/__snapshots__/scenes-app-annotations--annotations--light.png differ diff --git a/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--dark.png b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--dark.png index d8a6afc001269..4128cb2dc2bc3 100644 Binary files a/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--dark.png and b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--light.png b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--light.png index 43466a6f25dab..87934588e7636 100644 Binary files a/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--light.png and b/frontend/__snapshots__/scenes-app-apps-app-metrics--app-metrics--light.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--create-export--dark.png b/frontend/__snapshots__/scenes-app-batchexports--create-export--dark.png index 6a1075528a3bb..e1ec7f5df5c5d 100644 Binary files a/frontend/__snapshots__/scenes-app-batchexports--create-export--dark.png and b/frontend/__snapshots__/scenes-app-batchexports--create-export--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-batchexports--create-export--light.png b/frontend/__snapshots__/scenes-app-batchexports--create-export--light.png index fd0270d3d4d0e..758e819585a9f 100644 Binary files a/frontend/__snapshots__/scenes-app-batchexports--create-export--light.png and b/frontend/__snapshots__/scenes-app-batchexports--create-export--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png b/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png index 13b11a5f8ed03..82064897d3f69 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png and b/frontend/__snapshots__/scenes-app-dashboards--edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit--light.png b/frontend/__snapshots__/scenes-app-dashboards--edit--light.png index 2bb5c11221060..1dc09999312b1 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--edit--light.png and b/frontend/__snapshots__/scenes-app-dashboards--edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--show--dark.png b/frontend/__snapshots__/scenes-app-dashboards--show--dark.png index 6a85c42c44999..d2a14520e4899 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--show--dark.png and b/frontend/__snapshots__/scenes-app-dashboards--show--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--show--light.png b/frontend/__snapshots__/scenes-app-dashboards--show--light.png index 4d1bec95a5984..a34b434fc65f1 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--show--light.png and b/frontend/__snapshots__/scenes-app-dashboards--show--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--dark.png b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--dark.png index 2f33f81b09090..a3170412155a9 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--dark.png and b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--light.png b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--light.png index 1be619895f4fb..e8a50e37eebb7 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--light.png and b/frontend/__snapshots__/scenes-app-experiments--complete-funnel-experiment--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--dark.png index 8492cc3e6e6b8..0d5d3ebcc36d0 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--light.png index f71bab38378ed..7f58cbcc0104b 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--dark.png b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--dark.png index f0e7c7b4585e5..3ccaf6534617b 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--dark.png and b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--light.png b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--light.png index e1406c8a0feef..2dde9775c8b79 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--light.png and b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--dark.png b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--dark.png index 51a5c2032c1af..324f7458bf668 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--dark.png and b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--light.png b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--light.png index 31509020dea63..2b4b60d1c76a1 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--light.png and b/frontend/__snapshots__/scenes-app-experiments--running-trend-experiment-many-variants--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png index f34d9ff379b37..7e63dcc4450bd 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--light.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--light.png index b6753ebf76e55..ad59b116fccc7 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--light.png and b/frontend/__snapshots__/scenes-app-feature-flags--edit-feature-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png index df154c90cb789..97fb2a7698f4c 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--light.png b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--light.png index 368cc4ccd4cf1..f005ed0bf07c5 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--light.png and b/frontend/__snapshots__/scenes-app-feature-flags--edit-multi-variate-feature-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--dark.png index b4993bddf4163..33decb79efe1c 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--light.png b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--light.png index f48ee685ab294..30baa15f9335e 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--light.png and b/frontend/__snapshots__/scenes-app-feature-flags--feature-flag-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png index e5793ca7b8be8..1e918ce2709b2 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png and b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--light.png b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--light.png index c0e61276049a1..6c1405e40f524 100644 Binary files a/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--light.png and b/frontend/__snapshots__/scenes-app-feature-flags--new-feature-flag--light.png differ diff --git a/frontend/__snapshots__/scenes-app-features--not-found-early-access--dark.png b/frontend/__snapshots__/scenes-app-features--not-found-early-access--dark.png index 398b149c24685..488d04102e4dc 100644 Binary files a/frontend/__snapshots__/scenes-app-features--not-found-early-access--dark.png and b/frontend/__snapshots__/scenes-app-features--not-found-early-access--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-features--not-found-early-access--light.png b/frontend/__snapshots__/scenes-app-features--not-found-early-access--light.png index f69936ed7ad9b..3ccb434b36c32 100644 Binary files a/frontend/__snapshots__/scenes-app-features--not-found-early-access--light.png and b/frontend/__snapshots__/scenes-app-features--not-found-early-access--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png index 5c5a062226ab6..c1e5b77d4d107 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png index 1bc9e22e68349..b07e6cd19481d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png index 06b2d922f9f0f..a6fa732ac07b3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png index aac05cbb6af9b..475c97602ea17 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png index 14c703095f644..bc6d2e800b233 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png index d6044daaaf53e..575234ed7ef07 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png index 164f4ba7e42a0..455a435c50b31 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png index 6527603d6e1d2..daa7e7d3e7dc0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png index bb20e4ceefae0..076bbf95dd5f2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png index d18dfd9aa2804..ac37058ebc358 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png index fd7f23cb7deb6..9f03b27692951 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png index 60a1c52999bb0..6b2954224253c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png index 8c5215655092b..4f5951d4022dc 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png index 5ff4a83a28975..a213a4a4dbe41 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png index 5138f53c9f8cb..e5b86ed13abf0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png index 07f52e4a6519b..ef84a29eea45f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png index e97385475f994..c895df395644b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png index 26edeb06a028e..f286b0fbe282d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png index e58bf370c4f3e..5f06ddcb4e2a9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png index 607cbdd86659a..4bbcbba2ecc43 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png index 46d6c71ef1177..5b8cec66360e4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png index 976fd4db5df1b..0ed6f0abedd6e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png index 753f0b648f43a..f207448633c95 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png index f3fa9ab07d5e7..7cf5ae0c0fa08 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png index f9ed27ad32748..91df9b9fac8c8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png index f061b58a6a94b..30356fcd5833c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png index f7b1044f51d35..81cd081f132ea 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png index 32c18fafbefbb..5d7dcfb5ab37e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png index e12143c7d67ba..2cc3b8ce22b5b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png index 42eff4eda7746..e56c597585fe1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png index 14bf51e15b341..4038bd965b877 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png index 3e0cab1053e0d..854baf356aebf 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png index 9302857ae75cf..1bd2d3cb65439 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png index 926bdcab53ecf..f7b3ed2806926 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png index d890089f24747..841d652c1b668 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png index 8685cca8afbf9..15864cbd8c7c6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png index 2a1d7e2ebd4cd..734e97aa02c7f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png index 7d17625bbbf14..ac6911fadb1af 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png index 0ddb197b63a57..eeb591feab5e9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png index 40fd10c6b56cf..7067293aa1a1e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png index 4cabe00d5af65..5f62b18cf66e2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png index 153851997b2c0..f3b61f2d8518e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png index 6452a98e0ab93..f08d761957ebd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png index de13bd529007e..de2118e4c8386 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png index ee305ff56e274..2bbeb51f8515f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png index 4729f3e11df29..43a8dd18ccad5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png index 6432bc5aba695..3cae496371812 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png index 9316f1ecee31d..ba97a5b9298bc 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png index 3df5f43c5e52a..c2205fd24f21f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png index f69c4cfe0d976..343f290a38007 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png index 43a8a9216efb3..b135cdf4f2584 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png b/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png index ca900522b1529..75dc1b74b89ae 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png index 8aa191d7cdbf3..21553a50b6531 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png index 993864dd730a9..d057c280e852a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png index 540c8d166cad7..ba877420fbab8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png index 7de68a31d5418..e340ca1e2fec8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--lifecycle-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png index 9535a51f9a685..1d3656b3a5bd0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--dark.png b/frontend/__snapshots__/scenes-app-insights--retention--dark.png index cb06f77e23213..4a801af96d9b0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png index 1c16551b4b81a..f1fc459eba99f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention--light.png b/frontend/__snapshots__/scenes-app-insights--retention--light.png index 13aaecaeeb864..a75bd54e0950f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention--light.png and b/frontend/__snapshots__/scenes-app-insights--retention--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png index 6a8b1ffb59c2a..71e3cc7e3c604 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png index 6065d9fe5a864..b460693a7da72 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png index 46b3c8e13ded9..3425daa2f70cd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png index 5d5869aa794f9..98058d17564f1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png index 349d4cefaf063..879dbd09a75ce 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png index df054a4c5f64e..ac0f6986bff7d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png index f8789cb48d32d..0212d628ef242 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png index 98f6856b97089..6af782a80368f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--retention-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png index 1ae1106a9a89e..33375878685ff 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png index 24ba6261d592a..c141849f38c7b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png index bb0fe06d548c5..c560bb36af1df 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png b/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png index 9633d958f4861..2af238075ff92 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--retention-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png index 3d6a887413ea7..61800a5178819 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png b/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png index 77580f3319b8a..df722305efb91 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png index 49418e78d2743..f91c35b86b9ff 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness--light.png b/frontend/__snapshots__/scenes-app-insights--stickiness--light.png index 16ee366b12ce7..1dbf923425ea8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness--light.png and b/frontend/__snapshots__/scenes-app-insights--stickiness--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png index 38e00781ade1a..7f4281a6737e4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png index 44e60b52ca65a..1b7682973150f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png index dac183c55c713..6b5fa648a1d4b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png index eee06d4e06efa..5fedaa853ecac 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--stickiness-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png index 58198ca02de0c..10e93eb96253f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png index 79722f6f6d2e9..bd3c7e1549aa7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png index 63e9630a39599..93f142ec40ae1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area--light.png index 63295daadf10e..c352a3908352f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png index 306fc0c73339e..cf5224a59778e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png index a1af00f8da47a..a04aae289117c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png index f56dd9fa1ca51..ff453db17bf37 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png index 402a3fc890ce8..f3085d20e0068 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png index c834a3eda6e68..ea551ce1871bc 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png index 19a3dec725c6a..e5c15d7544b35 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png index 31021b15dc9ac..040acb83aada0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png index 24b7480de72ec..d02f59b5f8fa3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png index 32c023f5c450e..d8b7f4302ecc5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png index fc48fda49c1da..6bc88b267618e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png index f89a90afec9fa..54841d9d9100c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png index aded4bec4d4fc..6a10ad5f29d45 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-area-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png index 1e0e87e4eacad..58976ace56c88 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png index 770c00445bd92..3b6bffcf39545 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png index 8270006fb6b08..c5f141b1b8006 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png index 9159349c850cc..610558f3a2460 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png index 59f016d015750..94114ce6c61dd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png index 391428b7b7cbe..ba5f22f1beb31 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png index 6a06abf3c49c1..42f19c4a3cb47 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png index 4d0a3cf3a3430..4276a46ee16c5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png index 23fb9011efa2c..9d1ff6c58a2e4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png index 618f5f7ff8f1f..42935a08f7b53 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png index 60036d783c5f0..4d3ced623edbe 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png index a56f4126f5f84..942b7487b4190 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png index e4377b784c124..24e3a2afed4b3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png index 43930c74a9b7d..2cb7a8fb914d0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png index 64ad7e3d2f989..fa9f84a4ba714 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png index 526fe2c1c9e99..dabf1687084f3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-bar-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png index aabaebea8214f..8feb2359430a9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png index 93f76bbc9e714..d7d677174c299 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png index 424075d8036c4..6c114d2dcf7e2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line--light.png index be5e50f573e3d..bc10b68bedf26 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png index a3c931eb44b36..e3c0cc38e3b89 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png index 3b159863da543..baa8e7ea49e2b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png index 5661139f7e1b0..ef7a9ad1c1be8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png index 3003285abc873..c2ab9bccaae43 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png index 651a6daf6e95e..c6f88a5b288f2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png index 04e3e547eb803..78323ed226515 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png index c5e53a8dd156f..63b6264d0ddcb 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png index 8c289e821b4f1..497451f111003 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png index d6a9b1eaedd3b..0eca753e0e5ec 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png index d94731155174b..e66bf8127b45e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png index f73b0630a1654..510a8dc275620 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png index 62a1d740b1f94..75e6fc454d1b5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-breakdown-labels--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png index 6494cf412e8b7..f38bf21ef7b6d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png index 4e1dacafbe61e..b2e536fbcd2cf 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png index e7f80aaa9ec9d..65a7ac5706d71 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png index 99db51c7d6b0d..ae4a95821a685 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png index 8b7a221292c47..6201aaebc5215 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png index c8b16d55490a8..41867cf6a6b80 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png index bcc837275e92a..ceccdc382d5b8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png index afc0275bfa3f0..62dc995e19f1a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png index 0174c5c84109b..e340d81d1f8c2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png index 0a730bb307be0..49f15db151fe5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png index e4e0cc0f4586f..68be94f6d4ef6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png index 130869e4ceb82..37435edcf41e0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-line-multi-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png index 726bf49471375..14efd5f9f86b0 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png index c2796f07c225e..74f50856efffc 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png index c3e15d7cd04e0..99635342d272f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png index 7c5a5f8a2ee26..952078581e68a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-number-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png index 4f4f0d23da428..cd6254877d0b8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png index 8918c1100a051..ddc2d37c7e36d 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png index d666ca57916b4..7dca33a85db97 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png index fdd99fbb6eda1..e740ff6a1484f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png index 9f4cf688c60c7..5e82a4947c36b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png index 1e3a4a9af61e5..9c030431b6af9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png index 99f3df31fefa7..791fc935067f4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png index fd1db391602a2..4bac63a642c38 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png index 1e6766e8b3127..72afaae55a6de 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png index 5021071c2e27f..7696eacfcae73 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png index 8a4868a4a8ab9..057845cb3d383 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png index 97e8a8c48c542..72e4f2a949c45 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png index bc8b74797fdc0..62ffdcc681fda 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png index 3e58baac12e0c..1bac4390b7b2c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png index 2ff8e5787bc26..292cd9aff882f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png index 3e41f52209ced..cfd3e4447a7cd 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-breakdown-labels--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png index a055360858ad8..fbf8ab4b5a97f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png index 7015942e7d1e3..8fb3b78df8373 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png index 510f7827b5bef..e3e4c32f81aa6 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png index 7768b5900273f..f97959a7caec2 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-pie-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png index f659d7e38c238..1ecfd71f121ad 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png index 7d6f9f8b4230e..602535c876235 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png index eb1d001e60590..829a8dbcb2414 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png index 49e1d045b62dc..ec763aa79982a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-table-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png index d98385bc53f02..5de2e423d0629 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png index 051a15ea81a62..12cbf79a1da02 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png index 1508f08daf63e..8e9963ad0d2f1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value--light.png index 6ecbbae6a18f6..6cc7d1415ca9f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png index f800372d0f943..81f3e6d9575c9 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png index 4afc51b0030b5..171fce4079b13 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png index bda2b9a1f8648..326566f647cce 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png index 1fd037382d596..34c18fb26c207 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png index ff6f4e14ebf90..339c1436bea19 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png index 0051a1ac1f953..ba4b8e99f82fe 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png index 6487d6f93e424..3990924ee4605 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png index 60652f89fb73d..87039d7c7e288 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-breakdown-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png index e2c846a357178..51b2f45767cb7 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png index fdc96d2358178..fb80bc1e47f74 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png index 0e1b58b7cb5fe..52668967146b3 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png index 17e9e9c76232b..bd333c9141210 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-value-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png index 975c71c226ebe..e4fe660022c5c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png index 4435909be4685..6d797ca38775f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png index 5c83e2500be0d..6da7cc669599e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png index d4734e05f84db..3d70062a5daa8 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png index 6b7f47a8b93a6..58c196a6b6a65 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png index 153848b860ac7..6bc096cdc5906 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png index c21e958b6cc14..51f2149df17f4 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png index cb2db141917e0..a54c0c7d17c72 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--trends-world-map-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png index f617ae22a2e65..096b9c3d2c470 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png b/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png index 33fd07143b13e..27b6116cdf403 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png index 39ca8a9d25273..190adb8ca1bab 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths--light.png b/frontend/__snapshots__/scenes-app-insights--user-paths--light.png index 1e03a50d695f2..fa7329243ef24 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths--light.png and b/frontend/__snapshots__/scenes-app-insights--user-paths--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png index 9acf08e55b62b..85ce2e0d9b33c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png index 432e1b9530df0..771cc514bfd3a 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png index b7e136c7058b1..a1b1f2e19445e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light--webkit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png index 6c5bb7009721e..8945a55c6ae91 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png and b/frontend/__snapshots__/scenes-app-insights--user-paths-edit--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png index efd26de1fcf11..8021dc17b83cf 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png index f76e2393f7a3c..38f0075dc863c 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--empty--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png index df21f5fe63613..a263e85ed12a1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png index e89baf38d60b1..9ee425570133f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--estimated-query-execution-time-too-long--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png index fb32304cd759f..a06887fdeb143 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png index 649425d4b76f0..82855571e93c1 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--funnel-single-step--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png index 96b91c1b668a9..e0f2ce83d97d5 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png index aea9e0ec95e36..f0eb7967c5b1e 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--long-loading--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png index d85f9d6cf9e39..b18027d829d02 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png index b2d23321792a7..98d9bb1cbc018 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--server-error--light.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png index f75bb9bf7d7a7..6c6fca9793b3f 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png index fb380ca1f5b8d..a587c3dcab707 100644 Binary files a/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png and b/frontend/__snapshots__/scenes-app-insights-error-empty-states--validation-error--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--bullet-list--dark.png b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--dark.png index e765beb21bf65..7118058759476 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--bullet-list--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--bullet-list--light.png b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--light.png index de7212bea2587..e877cb1f28d7c 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--bullet-list--light.png and b/frontend/__snapshots__/scenes-app-notebooks--bullet-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--dark.png b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--dark.png index a831f2dcef15a..c46a8c0cf140d 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--light.png b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--light.png index 5643e4625e6c7..845afef638e90 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--light.png and b/frontend/__snapshots__/scenes-app-notebooks--empty-notebook--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--headings--dark.png b/frontend/__snapshots__/scenes-app-notebooks--headings--dark.png index e0b7e0d271fda..00066e6b545f9 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--headings--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--headings--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--headings--light.png b/frontend/__snapshots__/scenes-app-notebooks--headings--light.png index 36a8f145d662e..b7fdfa0921e57 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--headings--light.png and b/frontend/__snapshots__/scenes-app-notebooks--headings--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--dark.png b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--dark.png index 97ed4ba13cded..643f8721d4667 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--light.png b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--light.png index d25c27a388daa..d7fb24f707483 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--light.png and b/frontend/__snapshots__/scenes-app-notebooks--notebook-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--dark.png b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--dark.png index 49aa0a0f25923..06adf374409a7 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--light.png b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--light.png index c14d73c758641..c6ae09e9748b5 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--light.png and b/frontend/__snapshots__/scenes-app-notebooks--notebooks-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--numbered-list--dark.png b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--dark.png index 2c4d50e5d3fbb..c1659269e0ba9 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--numbered-list--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--numbered-list--light.png b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--light.png index f274fb61a029e..b8c9b2fec6969 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--numbered-list--light.png and b/frontend/__snapshots__/scenes-app-notebooks--numbered-list--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--dark.png b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--dark.png index 7d30f6d987374..198133fababd3 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--light.png b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--light.png index 7eef75d87c6d4..489687d6b6c30 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--light.png and b/frontend/__snapshots__/scenes-app-notebooks--recordings-playlist--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-formats--dark.png b/frontend/__snapshots__/scenes-app-notebooks--text-formats--dark.png index a98a68d6df4cf..befb4f99cee12 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--text-formats--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--text-formats--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-formats--light.png b/frontend/__snapshots__/scenes-app-notebooks--text-formats--light.png index 98705f40fadb9..d5ff1a6c12295 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--text-formats--light.png and b/frontend/__snapshots__/scenes-app-notebooks--text-formats--light.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--dark.png b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--dark.png index aa65bb53fe3b7..65c1ebe9a4b96 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--dark.png and b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--light.png b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--light.png index 3c10ecccf860f..551702d290447 100644 Binary files a/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--light.png and b/frontend/__snapshots__/scenes-app-notebooks--text-only-notebook--light.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--cohorts--dark.png b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--dark.png index f564c0a019b6f..7f2ec12eef1d9 100644 Binary files a/frontend/__snapshots__/scenes-app-persons-groups--cohorts--dark.png and b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--cohorts--light.png b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--light.png index ab7dfd7bcf54a..4293f96088abb 100644 Binary files a/frontend/__snapshots__/scenes-app-persons-groups--cohorts--light.png and b/frontend/__snapshots__/scenes-app-persons-groups--cohorts--light.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--groups--dark.png b/frontend/__snapshots__/scenes-app-persons-groups--groups--dark.png index ad56a308f84c5..a8842d8766ee4 100644 Binary files a/frontend/__snapshots__/scenes-app-persons-groups--groups--dark.png and b/frontend/__snapshots__/scenes-app-persons-groups--groups--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--groups--light.png b/frontend/__snapshots__/scenes-app-persons-groups--groups--light.png index b8faea898b8cb..a01a323992037 100644 Binary files a/frontend/__snapshots__/scenes-app-persons-groups--groups--light.png and b/frontend/__snapshots__/scenes-app-persons-groups--groups--light.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--persons--dark.png b/frontend/__snapshots__/scenes-app-persons-groups--persons--dark.png index 3594c8da088f9..1f60d6b97e36c 100644 Binary files a/frontend/__snapshots__/scenes-app-persons-groups--persons--dark.png and b/frontend/__snapshots__/scenes-app-persons-groups--persons--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-groups--persons--light.png b/frontend/__snapshots__/scenes-app-persons-groups--persons--light.png index 647680615d173..c9f146ea1f7c8 100644 Binary files a/frontend/__snapshots__/scenes-app-persons-groups--persons--light.png and b/frontend/__snapshots__/scenes-app-persons-groups--persons--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--dark.png index 463b8fcfb473b..fb92c35d64462 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--light.png index 256c5d49fd713..5bb1d0fdf30b6 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-destinations-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--dark.png index 2b1c6dc624054..a255eebe5dc2b 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--light.png index c8b3abc58a592..5a4145934c0a9 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-landing-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--dark.png index 65b4e39f60305..08dcde4f1ce10 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--light.png index f38a0670d7a7c..22f82c6a410b7 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--dark.png index b8ea18548b8a5..5c2b20f1ffa30 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--light.png index 33892e82d03b8..3a7f97f9e3c6d 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-404--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--dark.png index 9f82d14a20036..47db1464b143f 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--light.png index 331f26607ef03..1ab35d99bb0aa 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-configuration-empty--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--dark.png index bcc62b4760a23..b2d6e69cfc834 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--light.png index aacd2790a1fd1..9162df1438f97 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--dark.png index b8ea18548b8a5..5c2b20f1ffa30 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--light.png index 33892e82d03b8..3a7f97f9e3c6d 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-logs-batch-export--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--dark.png index a7ce766f79155..464d167ebc9ff 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--light.png index 851204e36f626..035deadc308a2 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--dark.png index f46c6109cf982..e98353513c5ad 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--light.png index 530ea53e9b075..fe226a2551056 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-node-metrics-error-modal--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--dark.png index f1c5381071623..0825b799b8efe 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--light.png index 2f2b9ba1d56e7..4cddc563fb5a6 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-nodes-management-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--dark.png index 2b1c6dc624054..a255eebe5dc2b 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--light.png index 3e85e267ad68b..5a4145934c0a9 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-overview-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--dark.png index 073a2e3169588..5ab90a912cfdf 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--light.png index 34e7ba7efdb34..e596794d40a48 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page--light.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--dark.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--dark.png index 073a2e3169588..5ab90a912cfdf 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--dark.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--light.png b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--light.png index a42db91f01e85..e596794d40a48 100644 Binary files a/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--light.png and b/frontend/__snapshots__/scenes-app-pipeline--pipeline-transformations-page-empty--light.png differ diff --git a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--dark.png b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--dark.png index 20d3d24f40540..4653016c30cb8 100644 Binary files a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--dark.png and b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--light.png b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--light.png index f34a763be6c2d..5941995842f24 100644 Binary files a/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--light.png and b/frontend/__snapshots__/scenes-app-project-homepage--project-homepage--light.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--card-view--dark.png b/frontend/__snapshots__/scenes-app-saved-insights--card-view--dark.png index 64713d6edc184..a48775deca896 100644 Binary files a/frontend/__snapshots__/scenes-app-saved-insights--card-view--dark.png and b/frontend/__snapshots__/scenes-app-saved-insights--card-view--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-saved-insights--card-view--light.png b/frontend/__snapshots__/scenes-app-saved-insights--card-view--light.png index 5a615a4ede0fb..5cb6f562ac033 100644 Binary files a/frontend/__snapshots__/scenes-app-saved-insights--card-view--light.png and b/frontend/__snapshots__/scenes-app-saved-insights--card-view--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--dark.png index 7ad24af3fcca7..7e93b93e339b0 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--dark.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--light.png index 779324cd17bc5..71aa6760e99ec 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--light.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png index 8c9369352f9a9..43adc29eb00ce 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--light.png index 7e1de913eccbb..a14bb2b569f0e 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--light.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--dark.png index 7379c9efe2ed3..e0a764b36bc88 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--dark.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--light.png index ec71e8d004865..52708f2b8c51e 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--light.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks--light.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png index bf0e3260e7d42..ef042d71c7de9 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--light.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--light.png index afa37eebc4e8b..aeda8ad1a1769 100644 Binary files a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--light.png and b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey--dark.png index d5e717d3ee020..92e985fd14840 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey--dark.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey--light.png index cdfba42c0632d..e08a8d54ebfa3 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey--light.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--dark.png index 818c5c68a8892..6933b1ab628b3 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--dark.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--light.png index d5aaed23853b7..f5102f58516f8 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--light.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey-customisation-section--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--dark.png index 9054ed7fcfde8..85e8e5939649e 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--dark.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--light.png index 5c6276361467d..b4f3e8c8f057b 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--light.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey-presentation-section--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--dark.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--dark.png index ee72dabe1c92c..cfb811a0a8e4d 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--dark.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--light.png b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--light.png index 7ff43a8cff17a..9973abab32ae8 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--light.png and b/frontend/__snapshots__/scenes-app-surveys--new-survey-targeting-section--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-not-found--dark.png b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--dark.png index 36361aaa2ed0c..44abe51ec9431 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--survey-not-found--dark.png and b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-not-found--light.png b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--light.png index c11e131e006e3..94b71b535df31 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--survey-not-found--light.png and b/frontend/__snapshots__/scenes-app-surveys--survey-not-found--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-templates--dark.png b/frontend/__snapshots__/scenes-app-surveys--survey-templates--dark.png index be96a3a45ff60..730cf1d480898 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--survey-templates--dark.png and b/frontend/__snapshots__/scenes-app-surveys--survey-templates--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--survey-templates--light.png b/frontend/__snapshots__/scenes-app-surveys--survey-templates--light.png index 7a5b00fcf0c47..9487421c71b71 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--survey-templates--light.png and b/frontend/__snapshots__/scenes-app-surveys--survey-templates--light.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--surveys-list--dark.png b/frontend/__snapshots__/scenes-app-surveys--surveys-list--dark.png index 91c2c50b7b577..aedfb4ba080d9 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--surveys-list--dark.png and b/frontend/__snapshots__/scenes-app-surveys--surveys-list--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-surveys--surveys-list--light.png b/frontend/__snapshots__/scenes-app-surveys--surveys-list--light.png index d7cf37721cd66..e3c2c0b682d9d 100644 Binary files a/frontend/__snapshots__/scenes-app-surveys--surveys-list--light.png and b/frontend/__snapshots__/scenes-app-surveys--surveys-list--light.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--dark.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--dark.png index 3dc108d920b68..ff9dc23b4c6b3 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--dark.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--light.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--light.png index b4321e1ab6bd8..d4d086a7d0bf2 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--light.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal--light.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--dark.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--dark.png index 3b3f4fd4e023b..3885fab3b6473 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--dark.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--light.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--light.png index 5cab6ec99bf69..3de316cec9471 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--light.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-unsubscribe-modal-data-pipelines--light.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--dark.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--dark.png index f7ad86b89b22f..f3521aa3d9ba9 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--dark.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--light.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--light.png index b558ba017ea2a..a0bf0be976004 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--light.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2--light.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--dark.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--dark.png index 0c6ff90962bfe..c1406cff3d53b 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--dark.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--light.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--light.png index 54461bdf672d3..f28d03b0a8ab2 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--light.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-discount--light.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--dark.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--dark.png index d02a43a5a4ce5..1b52e4b340f5c 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--dark.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--light.png b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--light.png index a20b4114f46ee..73cf1cd3d4f21 100644 Binary files a/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--light.png and b/frontend/__snapshots__/scenes-other-billing-v2--billing-v-2-with-limit-and-100-percent-discount--light.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png index f27dda807a69b..06d405fe4af12 100644 Binary files a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--light.png b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--light.png index 0c75112596216..369ed46222b1c 100644 Binary files a/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--light.png and b/frontend/__snapshots__/scenes-other-invitesignup--logged-in-wrong-user--light.png differ diff --git a/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--dark.png b/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--dark.png index 5ec5ac0082931..243cee06e1f0d 100644 Binary files a/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--dark.png and b/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--light.png b/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--light.png index 8f438eb8ca140..dfc8dab84102a 100644 Binary files a/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--light.png and b/frontend/__snapshots__/scenes-other-onboarding--onboarding-billing--light.png differ diff --git a/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png b/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png index 70367b47dfb12..3b025adbf1e77 100644 Binary files a/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png and b/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--light.png b/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--light.png index 335feafe88fcf..d3934050a8452 100644 Binary files a/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--light.png and b/frontend/__snapshots__/scenes-other-onboarding--onboarding-sd-ks--light.png differ diff --git a/frontend/__snapshots__/scenes-other-products--products--dark.png b/frontend/__snapshots__/scenes-other-products--products--dark.png index 9d738f7eca615..0945526ed477d 100644 Binary files a/frontend/__snapshots__/scenes-other-products--products--dark.png and b/frontend/__snapshots__/scenes-other-products--products--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-products--products--light.png b/frontend/__snapshots__/scenes-other-products--products--light.png index 71379d9d8bae7..b00e6e0840322 100644 Binary files a/frontend/__snapshots__/scenes-other-products--products--light.png and b/frontend/__snapshots__/scenes-other-products--products--light.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-organization--dark.png b/frontend/__snapshots__/scenes-other-settings--settings-organization--dark.png index 47b9cd971ab36..ae4c62ad0824c 100644 Binary files a/frontend/__snapshots__/scenes-other-settings--settings-organization--dark.png and b/frontend/__snapshots__/scenes-other-settings--settings-organization--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-organization--light.png b/frontend/__snapshots__/scenes-other-settings--settings-organization--light.png index 8a639fc3d765a..b0aae8a4b0b27 100644 Binary files a/frontend/__snapshots__/scenes-other-settings--settings-organization--light.png and b/frontend/__snapshots__/scenes-other-settings--settings-organization--light.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-project--dark.png b/frontend/__snapshots__/scenes-other-settings--settings-project--dark.png index 4d44ff0b392de..aafe7723ef5bc 100644 Binary files a/frontend/__snapshots__/scenes-other-settings--settings-project--dark.png and b/frontend/__snapshots__/scenes-other-settings--settings-project--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-project--light.png b/frontend/__snapshots__/scenes-other-settings--settings-project--light.png index d0e6ecf656340..0b458d548f41e 100644 Binary files a/frontend/__snapshots__/scenes-other-settings--settings-project--light.png and b/frontend/__snapshots__/scenes-other-settings--settings-project--light.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png b/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png index 4a85e30cf9181..fe51119bcbbf4 100644 Binary files a/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png and b/frontend/__snapshots__/scenes-other-settings--settings-user--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-settings--settings-user--light.png b/frontend/__snapshots__/scenes-other-settings--settings-user--light.png index e80ed34d11033..25bda7486cff0 100644 Binary files a/frontend/__snapshots__/scenes-other-settings--settings-user--light.png and b/frontend/__snapshots__/scenes-other-settings--settings-user--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions--dark.png b/frontend/__snapshots__/scenes-other-toolbar--actions--dark.png index 554199d2d6a5b..41e4ae00b6f61 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--actions--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--actions--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions--light.png b/frontend/__snapshots__/scenes-other-toolbar--actions--light.png index 936bb15b075c2..1fb68e53203d4 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--actions--light.png and b/frontend/__snapshots__/scenes-other-toolbar--actions--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--dark.png index 829ddc3a6ab4a..2f90e951dc806 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--actions-dark--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--actions-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--light.png index b972be6a189a2..88e47849ba942 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--actions-dark--light.png and b/frontend/__snapshots__/scenes-other-toolbar--actions-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default--dark.png b/frontend/__snapshots__/scenes-other-toolbar--default--dark.png index 9965c601487d7..cb0b19df4b817 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--default--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--default--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default--light.png b/frontend/__snapshots__/scenes-other-toolbar--default--light.png index 0bfe0c711cf0b..f06bdae7892eb 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--default--light.png and b/frontend/__snapshots__/scenes-other-toolbar--default--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--default-dark--dark.png index eb8d3660f1a22..1dec86e1971c6 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--default-dark--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--default-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--default-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--default-dark--light.png index 9004d1b6c11d9..6c9a1bcd739a3 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--default-dark--light.png and b/frontend/__snapshots__/scenes-other-toolbar--default-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags--dark.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--dark.png index d52a7acdd2d8d..0f7ca8acfa5fb 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--feature-flags--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags--light.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--light.png index d1698b1a80497..0d6d153d2ecb9 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--feature-flags--light.png and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--dark.png index b3c51d9fb06c8..54d4b5df28c69 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--light.png index 80c18c6b7bb2e..c5a9b5a84d56a 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--light.png and b/frontend/__snapshots__/scenes-other-toolbar--feature-flags-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap--dark.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap--dark.png index 5612239c4d830..cc32a507690ea 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--heatmap--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--heatmap--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap--light.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap--light.png index 014dd90c5d571..9d5b574363ee9 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--heatmap--light.png and b/frontend/__snapshots__/scenes-other-toolbar--heatmap--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--dark.png index d6cc15415a8e3..d9a8ef34ae661 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--light.png index b10188f18e08d..9cf7721957e98 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--light.png and b/frontend/__snapshots__/scenes-other-toolbar--heatmap-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect--dark.png b/frontend/__snapshots__/scenes-other-toolbar--inspect--dark.png index 78d6df4cdb2c5..13bc32974827e 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--inspect--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--inspect--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect--light.png b/frontend/__snapshots__/scenes-other-toolbar--inspect--light.png index 815a8c5f41615..7b99c1b5e3b4d 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--inspect--light.png and b/frontend/__snapshots__/scenes-other-toolbar--inspect--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--dark.png index 56f0ed20081af..4ae22abd74895 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--light.png index 50971249d12f0..34d247319f1c9 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--light.png and b/frontend/__snapshots__/scenes-other-toolbar--inspect-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized--dark.png b/frontend/__snapshots__/scenes-other-toolbar--minimized--dark.png index 1a4a8d9e1d849..42cc784f8b52c 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--minimized--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--minimized--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized--light.png b/frontend/__snapshots__/scenes-other-toolbar--minimized--light.png index 2adc32491694a..cb959fef9d69c 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--minimized--light.png and b/frontend/__snapshots__/scenes-other-toolbar--minimized--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--dark.png b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--dark.png index c19849988dea0..6a9c3594d4c27 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--light.png b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--light.png index a9f10e77b9be6..215329fd884b0 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--light.png and b/frontend/__snapshots__/scenes-other-toolbar--minimized-dark--light.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--dark.png b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--dark.png index b3b3205f26d5e..f5283e47bdf43 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--dark.png and b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--dark.png differ diff --git a/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--light.png b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--light.png index 95e2e70d6bed5..15b96030b8a25 100644 Binary files a/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--light.png and b/frontend/__snapshots__/scenes-other-toolbar--unauthenticated--light.png differ diff --git a/frontend/src/layout/ErrorProjectUnavailable.stories.tsx b/frontend/src/layout/ErrorProjectUnavailable.stories.tsx index 30f5028e704c5..15b26f2210879 100644 --- a/frontend/src/layout/ErrorProjectUnavailable.stories.tsx +++ b/frontend/src/layout/ErrorProjectUnavailable.stories.tsx @@ -36,9 +36,6 @@ const meta: Meta = { ], parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-02-01', }, diff --git a/frontend/src/layout/navigation-3000/Navigation.scss b/frontend/src/layout/navigation-3000/Navigation.scss index dafcd3734ee6d..2128979356ea9 100644 --- a/frontend/src/layout/navigation-3000/Navigation.scss +++ b/frontend/src/layout/navigation-3000/Navigation.scss @@ -12,6 +12,10 @@ overflow: hidden; background: var(--bg-3000); + .storybook-test-runner & { + height: auto; + } + > main { flex: 1; min-width: 0; @@ -56,6 +60,7 @@ position: relative; display: flex; flex-direction: column; + max-height: 100vh; border-right-width: 1px; // This terrible hack makes it so that the .Navbar3000__overlay background is rendered also _underneath_ .Navbar3000 @@ -158,6 +163,7 @@ position: relative; box-sizing: content-box; flex: 0 0 var(--sidebar-width); + height: 100vh; // This border is just for sizing, the visible border is on the content and slider // Hidden when the sidebar is closed diff --git a/frontend/src/layout/navigation-3000/Navigation.stories.tsx b/frontend/src/layout/navigation-3000/Navigation.stories.tsx index 0dd0c6a8b1e7c..3b9671e50deec 100644 --- a/frontend/src/layout/navigation-3000/Navigation.stories.tsx +++ b/frontend/src/layout/navigation-3000/Navigation.stories.tsx @@ -23,6 +23,9 @@ const meta: Meta = { ], parameters: { layout: 'fullscreen', + testOptions: { + includeNavigationInSnapshot: true, + }, viewMode: 'story', mockDate: '2023-02-01', }, diff --git a/frontend/src/layout/navigation-3000/sidepanel/SidePanel.stories.tsx b/frontend/src/layout/navigation-3000/sidepanel/SidePanel.stories.tsx index 207e05bbf5cd2..abad5ff308743 100644 --- a/frontend/src/layout/navigation-3000/sidepanel/SidePanel.stories.tsx +++ b/frontend/src/layout/navigation-3000/sidepanel/SidePanel.stories.tsx @@ -16,6 +16,9 @@ const meta: Meta = { layout: 'fullscreen', viewMode: 'story', mockDate: '2023-07-04', // To stabilize relative dates + testOptions: { + includeNavigationInSnapshot: true, + }, }, decorators: [ mswDecorator({ diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSettings.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSettings.tsx index 78dda21bc13a5..2ec3a84507b03 100644 --- a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSettings.tsx +++ b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSettings.tsx @@ -40,7 +40,7 @@ export const SidePanelSettings = (): JSX.Element => {
- +
) diff --git a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.scss b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.scss index c93e75a38e24c..09fb088957219 100644 --- a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.scss +++ b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.scss @@ -1,20 +1,15 @@ .LemonBanner { display: flex; + flex-direction: column; gap: 0.5rem; - align-items: center; min-height: 3rem; - padding: 0.5rem 0.75rem; + padding: 0.5rem; font-weight: 500; color: var(--primary-alt); text-align: left; border: solid 1px var(--border-3000); border-radius: var(--radius); - &.LemonBanner--compact { - flex-direction: column; - padding: 0.5rem; - } - &.LemonBanner--info { background-color: var(--primary-alt-highlight); } diff --git a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.stories.tsx b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.stories.tsx index 96c88f50e9736..f3d387e520770 100644 --- a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.stories.tsx @@ -15,30 +15,42 @@ const meta: Meta = { }, } export default meta -const Template: StoryFn = (props: LemonBannerProps) => { - return + +const WideTemplate: StoryFn = (props: LemonBannerProps) => { + // We need to explicitly set size on the banner's parent, because LemonBanner is a CSS container + // See: https://stackoverflow.com/a/73980194/3515268 + return ( +
+ +
+ ) +} +WideTemplate.parameters = { + testOptions: { + snapshotTargetSelector: '#target', + }, } -export const Info: Story = Template.bind({}) +export const Info: Story = WideTemplate.bind({}) Info.args = { type: 'info', children: 'PSA: Every dish can be improved by adding more garlic.' } -export const Warning: Story = Template.bind({}) +export const Warning: Story = WideTemplate.bind({}) Warning.args = { type: 'warning', children: 'This spacecraft is about to explode. Please evacuate immediately.' } -export const Error: Story = Template.bind({}) +export const Error: Story = WideTemplate.bind({}) Error.args = { type: 'error', children: 'This spacecraft has exploded. Too late...' } -export const Success: Story = Template.bind({}) +export const Success: Story = WideTemplate.bind({}) Success.args = { type: 'success', children: 'This spacecraft has recovered. Phew!' } -export const Closable: Story = Template.bind({}) +export const Closable: Story = WideTemplate.bind({}) Closable.args = { type: 'info', children: 'This is a one-time message. Acknowledge it and move on with your life.', onClose: () => alert('👋'), } -export const Dismissable: Story = Template.bind({}) +export const Dismissable: Story = WideTemplate.bind({}) Dismissable.args = { type: 'info', children: 'If you dismiss this message, it will be gone forever. (Clear the localstorage key to get it back)', @@ -46,15 +58,29 @@ Dismissable.args = { onClose: () => alert('👋'), } -export const Small: Story = Template.bind({}) -Small.args = { +const NarrowTemplate: StoryFn = (props: LemonBannerProps) => { + // We need to explicitly set size on the banner's parent, because LemonBanner is a CSS container + // See: https://stackoverflow.com/a/73980194/3515268 + return ( +
+ +
+ ) +} +NarrowTemplate.parameters = { + testOptions: { + snapshotTargetSelector: '#target', + }, +} + +export const Narrow: Story = NarrowTemplate.bind({}) +Narrow.args = { type: 'info', children: 'This is a one-time message. Acknowledge it and move on with your life.', - className: 'w-50 resize-x overflow-hidden', } -export const SmallWithButtons: Story = Template.bind({}) -SmallWithButtons.args = { +export const NarrowWithButtons: Story = NarrowTemplate.bind({}) +NarrowWithButtons.args = { type: 'info', children: 'This is a one-time message. Acknowledge it and move on with your life.', onClose: () => alert('👋'), @@ -62,5 +88,4 @@ SmallWithButtons.args = { children: 'Acknowledge', onClick: () => alert('👋'), }, - className: 'w-50 resize-x overflow-hidden', } diff --git a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx index 5b3648d7403b7..9ce2a5eb28fa2 100644 --- a/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx +++ b/frontend/src/lib/lemon-ui/LemonBanner/LemonBanner.tsx @@ -3,7 +3,6 @@ import './LemonBanner.scss' import { IconInfo, IconWarning, IconX } from '@posthog/icons' import clsx from 'clsx' import { useActions, useValues } from 'kea' -import { useResizeBreakpoints } from 'lib/hooks/useResizeObserver' import { LemonButton, SideAction } from 'lib/lemon-ui/LemonButton' import { LemonButtonPropsBase } from 'lib/lemon-ui/LemonButton' @@ -30,17 +29,12 @@ export function LemonBanner({ action, className, dismissKey = '', -}: LemonBannerProps): JSX.Element { +}: LemonBannerProps): JSX.Element | null { const logic = lemonBannerLogic({ dismissKey }) const { isDismissed } = useValues(logic) const { dismiss } = useActions(logic) const showCloseButton = dismissKey || onClose - const { ref: wrapperRef, size } = useResizeBreakpoints({ - 0: 'compact', - 400: 'normal', - }) - const _onClose = (): void => { if (dismissKey) { dismiss() @@ -49,29 +43,22 @@ export function LemonBanner({ } if (isDismissed) { - return <> + return null } - const isCompact = size === 'compact' - return ( -
-
- {!isCompact ? ( - type === 'warning' || type === 'error' ? ( - - ) : ( - - ) - ) : null} +
+
+ {type === 'warning' || type === 'error' ? ( + + ) : ( + + )}
{children}
- {!isCompact && action && } + {action && } {showCloseButton && } onClick={_onClose} aria-label="close" />}
- {isCompact && action && } + {action && }
) } diff --git a/frontend/src/lib/lemon-ui/LemonCollapse/LemonCollapse.scss b/frontend/src/lib/lemon-ui/LemonCollapse/LemonCollapse.scss index c02606bf6c187..01aa63775fcf9 100644 --- a/frontend/src/lib/lemon-ui/LemonCollapse/LemonCollapse.scss +++ b/frontend/src/lib/lemon-ui/LemonCollapse/LemonCollapse.scss @@ -35,6 +35,10 @@ overflow: hidden; border-top-width: 1px; transition: height 200ms ease; + + .storybook-test-runner & { + height: fit-content !important; // Transition disables, but less flakiness + } } .LemonCollapsePanel__content { diff --git a/frontend/src/scenes/annotations/Annotations.stories.tsx b/frontend/src/scenes/annotations/Annotations.stories.tsx index 79550faaba47b..665b0f98078e4 100644 --- a/frontend/src/scenes/annotations/Annotations.stories.tsx +++ b/frontend/src/scenes/annotations/Annotations.stories.tsx @@ -12,9 +12,6 @@ const meta: Meta = { title: 'Scenes-App/Annotations', parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-01-28', // To stabilize relative dates }, diff --git a/frontend/src/scenes/apps/AppMetricsScene.stories.tsx b/frontend/src/scenes/apps/AppMetricsScene.stories.tsx index 645f275c49214..39bdecbc0f559 100644 --- a/frontend/src/scenes/apps/AppMetricsScene.stories.tsx +++ b/frontend/src/scenes/apps/AppMetricsScene.stories.tsx @@ -14,9 +14,6 @@ const meta: Meta = { title: 'Scenes-App/Apps/App Metrics', parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', }, decorators: [ diff --git a/frontend/src/scenes/batch_exports/BatchExports.stories.tsx b/frontend/src/scenes/batch_exports/BatchExports.stories.tsx index 7545d46ba34ae..fd3811664392a 100644 --- a/frontend/src/scenes/batch_exports/BatchExports.stories.tsx +++ b/frontend/src/scenes/batch_exports/BatchExports.stories.tsx @@ -16,7 +16,6 @@ export default { layout: 'fullscreen', options: { showPanel: false }, testOptions: { - excludeNavigationFromSnapshot: true, waitForLoadersToDisappear: true, }, mockDate: '2023-02-01', diff --git a/frontend/src/scenes/dashboard/DashboardItems.tsx b/frontend/src/scenes/dashboard/DashboardItems.tsx index a0f21dc44d1c5..bee0d65f16c32 100644 --- a/frontend/src/scenes/dashboard/DashboardItems.tsx +++ b/frontend/src/scenes/dashboard/DashboardItems.tsx @@ -54,114 +54,118 @@ export function DashboardItems(): JSX.Element { return (
- { - if (dashboardMode === DashboardMode.Edit) { - updateLayouts(newLayouts) - } - }} - onWidthChange={(containerWidth, _, newCols) => { - updateContainerWidth(containerWidth, newCols) - }} - breakpoints={BREAKPOINTS} - resizeHandles={canResizeWidth ? ['s', 'e', 'se'] : ['s']} - cols={BREAKPOINT_COLUMN_COUNTS} - onResize={(_layout: any, _oldItem: any, newItem: any) => { - if (!resizingItem || resizingItem.w !== newItem.w || resizingItem.h !== newItem.h) { - setResizingItem(newItem) - } - }} - onResizeStop={() => { - setResizingItem(null) - }} - onDrag={() => { - isDragging.current = true - if (dragEndTimeout.current) { - window.clearTimeout(dragEndTimeout.current) - } - }} - onDragStop={() => { - if (dragEndTimeout.current) { - window.clearTimeout(dragEndTimeout.current) - } - dragEndTimeout.current = window.setTimeout(() => { - isDragging.current = false - }, 250) - }} - draggableCancel=".anticon,.ant-dropdown,table,button,.Popover" - > - {tiles?.map((tile: DashboardTile) => { - const { insight, text } = tile - const smLayout = layouts['sm']?.find((l) => { - return l.i == tile.id.toString() - }) + {gridWrapperWidth && ( + { + if (dashboardMode === DashboardMode.Edit) { + updateLayouts(newLayouts) + } + }} + onWidthChange={(containerWidth, _, newCols) => { + updateContainerWidth(containerWidth, newCols) + }} + breakpoints={BREAKPOINTS} + resizeHandles={canResizeWidth ? ['s', 'e', 'se'] : ['s']} + cols={BREAKPOINT_COLUMN_COUNTS} + onResize={(_layout: any, _oldItem: any, newItem: any) => { + if (!resizingItem || resizingItem.w !== newItem.w || resizingItem.h !== newItem.h) { + setResizingItem(newItem) + } + }} + onResizeStop={() => { + setResizingItem(null) + }} + onDrag={() => { + isDragging.current = true + if (dragEndTimeout.current) { + window.clearTimeout(dragEndTimeout.current) + } + }} + onDragStop={() => { + if (dragEndTimeout.current) { + window.clearTimeout(dragEndTimeout.current) + } + dragEndTimeout.current = window.setTimeout(() => { + isDragging.current = false + }, 250) + }} + draggableCancel=".anticon,.ant-dropdown,table,button,.Popover" + > + {tiles?.map((tile: DashboardTile) => { + const { insight, text } = tile + const smLayout = layouts['sm']?.find((l) => { + return l.i == tile.id.toString() + }) - const commonTileProps = { - dashboardId: dashboard?.id, - showResizeHandles: dashboardMode === DashboardMode.Edit, - canResizeWidth: canResizeWidth, - showEditingControls: [ - DashboardPlacement.Dashboard, - DashboardPlacement.ProjectHomepage, - ].includes(placement), - moreButtons: canEditDashboard ? ( - setDashboardMode(DashboardMode.Edit, DashboardEventSource.MoreDropdown)} - fullWidth - > - Edit layout (E) - - ) : null, - moveToDashboard: ({ id, name }: Pick) => { - if (!dashboard) { - throw new Error('must be on a dashboard to move this tile') - } - moveToDashboard(tile, dashboard.id, id, name) - }, - removeFromDashboard: () => removeTile(tile), - } + const commonTileProps = { + dashboardId: dashboard?.id, + showResizeHandles: dashboardMode === DashboardMode.Edit, + canResizeWidth: canResizeWidth, + showEditingControls: [ + DashboardPlacement.Dashboard, + DashboardPlacement.ProjectHomepage, + ].includes(placement), + moreButtons: canEditDashboard ? ( + + setDashboardMode(DashboardMode.Edit, DashboardEventSource.MoreDropdown) + } + fullWidth + > + Edit layout (E) + + ) : null, + moveToDashboard: ({ id, name }: Pick) => { + if (!dashboard) { + throw new Error('must be on a dashboard to move this tile') + } + moveToDashboard(tile, dashboard.id, id, name) + }, + removeFromDashboard: () => removeTile(tile), + } - if (insight) { - return ( - updateTileColor(tile.id, color)} - ribbonColor={tile.color} - refresh={() => refreshAllDashboardItems({ tiles: [tile], action: 'refresh' })} - rename={() => renameInsight(insight)} - duplicate={() => duplicateInsight(insight)} - showDetailsControls={placement != DashboardPlacement.Export} - placement={placement} - loadPriority={smLayout ? smLayout.y * 1000 + smLayout.x : undefined} - {...commonTileProps} - /> - ) - } - if (text) { - return ( - duplicateTile(tile)} - {...commonTileProps} - /> - ) - } - })} - + if (insight) { + return ( + updateTileColor(tile.id, color)} + ribbonColor={tile.color} + refresh={() => refreshAllDashboardItems({ tiles: [tile], action: 'refresh' })} + rename={() => renameInsight(insight)} + duplicate={() => duplicateInsight(insight)} + showDetailsControls={placement != DashboardPlacement.Export} + placement={placement} + loadPriority={smLayout ? smLayout.y * 1000 + smLayout.x : undefined} + {...commonTileProps} + /> + ) + } + if (text) { + return ( + duplicateTile(tile)} + {...commonTileProps} + /> + ) + } + })} + + )}
) } diff --git a/frontend/src/scenes/dashboard/Dashboards.stories.tsx b/frontend/src/scenes/dashboard/Dashboards.stories.tsx index 93286b38d2bb7..e77eca82b315c 100644 --- a/frontend/src/scenes/dashboard/Dashboards.stories.tsx +++ b/frontend/src/scenes/dashboard/Dashboards.stories.tsx @@ -33,9 +33,6 @@ const meta: Meta = { ], parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-02-01', }, diff --git a/frontend/src/scenes/data-management/DataManagementScene.stories.tsx b/frontend/src/scenes/data-management/DataManagementScene.stories.tsx index 8aef0df9165e7..127254981b8a3 100644 --- a/frontend/src/scenes/data-management/DataManagementScene.stories.tsx +++ b/frontend/src/scenes/data-management/DataManagementScene.stories.tsx @@ -84,9 +84,6 @@ const meta: Meta = { title: 'Scenes-App/Data Management', parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-02-15', // To stabilize relative dates }, diff --git a/frontend/src/scenes/early-access-features/EarlyAccessFeatures.stories.tsx b/frontend/src/scenes/early-access-features/EarlyAccessFeatures.stories.tsx index 81fb329a5f72d..7d8fb009d28a6 100644 --- a/frontend/src/scenes/early-access-features/EarlyAccessFeatures.stories.tsx +++ b/frontend/src/scenes/early-access-features/EarlyAccessFeatures.stories.tsx @@ -110,9 +110,6 @@ const meta: Meta = { title: 'Scenes-App/Features', parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-01-28', // To stabilize relative dates }, diff --git a/frontend/src/scenes/events/Events.stories.tsx b/frontend/src/scenes/events/Events.stories.tsx index f650449e755ab..52d1f8f17a5e0 100644 --- a/frontend/src/scenes/events/Events.stories.tsx +++ b/frontend/src/scenes/events/Events.stories.tsx @@ -19,9 +19,6 @@ const meta: Meta = { ], parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-01-28', // To stabilize relative dates }, diff --git a/frontend/src/scenes/experiments/Experiment.stories.tsx b/frontend/src/scenes/experiments/Experiment.stories.tsx index a6fd748e64039..2f597002ef13a 100644 --- a/frontend/src/scenes/experiments/Experiment.stories.tsx +++ b/frontend/src/scenes/experiments/Experiment.stories.tsx @@ -1210,9 +1210,6 @@ const meta: Meta = { title: 'Scenes-App/Experiments', parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-02-15', // To stabilize relative dates }, @@ -1263,7 +1260,7 @@ export const RunningTrendExperiment: StoryFn = () => { } RunningTrendExperiment.parameters = { testOptions: { - waitForSelector: '.card-secondary', + waitForSelector: '.LemonBanner .LemonIcon', }, } @@ -1276,7 +1273,7 @@ export const RunningTrendExperimentManyVariants: StoryFn = () => { } RunningTrendExperimentManyVariants.parameters = { testOptions: { - waitForSelector: '.card-secondary', + waitForSelector: '.LemonBanner .LemonIcon', }, } diff --git a/frontend/src/scenes/feature-flags/FeatureFlags.stories.tsx b/frontend/src/scenes/feature-flags/FeatureFlags.stories.tsx index afbb006434624..debe6ee739398 100644 --- a/frontend/src/scenes/feature-flags/FeatureFlags.stories.tsx +++ b/frontend/src/scenes/feature-flags/FeatureFlags.stories.tsx @@ -12,9 +12,6 @@ const meta: Meta = { title: 'Scenes-App/Feature Flags', parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-01-28', // To stabilize relative dates }, diff --git a/frontend/src/scenes/funnels/FunnelBarHorizontal/Bar.tsx b/frontend/src/scenes/funnels/FunnelBarHorizontal/Bar.tsx index 935f3bbfce391..2a723efa32d81 100644 --- a/frontend/src/scenes/funnels/FunnelBarHorizontal/Bar.tsx +++ b/frontend/src/scenes/funnels/FunnelBarHorizontal/Bar.tsx @@ -42,7 +42,7 @@ export function Bar({ breakdownFilter, aggregationTargetLabel, wrapperWidth, -}: BarProps): JSX.Element { +}: BarProps): JSX.Element | null { const barRef = useRef(null) const labelRef = useRef(null) const [labelPosition, setLabelPosition] = useState('inside') @@ -84,6 +84,10 @@ export function Bar({ decideLabelPosition() }, [wrapperWidth]) + if (!conversionPercentage) { + return null + } + return ( { + const data = await req.json() + if (data.query.kind === 'DatabaseSchemaQuery') { + return res(ctx.json({})) + } + return res(ctx.status(500)) + }, }, }), ], @@ -50,14 +56,14 @@ TrendsLineEdit.parameters = { export const TrendsLineMulti: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/trendsLineMulti.json') ) -TrendsLine.parameters = { +TrendsLineMulti.parameters = { testOptions: { waitForSelector: '[data-attr=trend-line-graph] > canvas' }, } export const TrendsLineMultiEdit: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/trendsLineMulti.json'), 'edit' ) -TrendsLineEdit.parameters = { +TrendsLineMultiEdit.parameters = { testOptions: { waitForSelector: '[data-attr=trend-line-graph] > canvas' }, } @@ -244,55 +250,57 @@ TrendsWorldMapEdit.parameters = { testOptions: { waitForSelector: '.WorldMap' } export const FunnelLeftToRight: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelLeftToRight.json') ) -FunnelLeftToRight.parameters = { testOptions: { waitForSelector: '[data-attr=funnel-bar-vertical] .StepBar' } } +FunnelLeftToRight.parameters = { + testOptions: { waitForSelector: ['[data-attr=funnel-bar-vertical] .StepBar', '.PayGateMini'] }, +} export const FunnelLeftToRightEdit: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelLeftToRight.json'), 'edit' ) FunnelLeftToRightEdit.parameters = { - testOptions: { waitForSelector: '[data-attr=funnel-bar-vertical] .StepBar' }, + testOptions: { waitForSelector: ['[data-attr=funnel-bar-vertical] .StepBar', '.PayGateMini'] }, } export const FunnelLeftToRightBreakdown: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelLeftToRightBreakdown.json') ) FunnelLeftToRightBreakdown.parameters = { - testOptions: { waitForSelector: '[data-attr=funnel-bar-vertical] .StepBar' }, + testOptions: { waitForSelector: ['[data-attr=funnel-bar-vertical] .StepBar', '.PayGateMini'] }, } export const FunnelLeftToRightBreakdownEdit: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelLeftToRightBreakdown.json'), 'edit' ) FunnelLeftToRightBreakdownEdit.parameters = { - testOptions: { waitForSelector: '[data-attr=funnel-bar-vertical] .StepBar' }, + testOptions: { waitForSelector: ['[data-attr=funnel-bar-vertical] .StepBar', '.PayGateMini'] }, } export const FunnelTopToBottom: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelTopToBottom.json') ) FunnelTopToBottom.parameters = { - testOptions: { waitForSelector: '[data-attr=funnel-bar-horizontal] .funnel-bar' }, + testOptions: { waitForSelector: ['[data-attr=funnel-bar-horizontal] .funnel-bar', '.PayGateMini'] }, } export const FunnelTopToBottomEdit: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelTopToBottom.json'), 'edit' ) FunnelTopToBottomEdit.parameters = { - testOptions: { waitForSelector: '[data-attr=funnel-bar-horizontal] .funnel-bar' }, + testOptions: { waitForSelector: ['[data-attr=funnel-bar-horizontal] .funnel-bar', '.PayGateMini'] }, } export const FunnelTopToBottomBreakdown: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelTopToBottomBreakdown.json') ) FunnelTopToBottomBreakdown.parameters = { - testOptions: { waitForSelector: '[data-attr=funnel-bar-horizontal] .funnel-bar' }, + testOptions: { waitForSelector: ['[data-attr=funnel-bar-horizontal] .funnel-bar', '.PayGateMini'] }, } export const FunnelTopToBottomBreakdownEdit: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/funnelTopToBottomBreakdown.json'), 'edit' ) FunnelTopToBottomBreakdownEdit.parameters = { - testOptions: { waitForSelector: '[data-attr=funnel-bar-horizontal] .funnel-bar' }, + testOptions: { waitForSelector: ['[data-attr=funnel-bar-horizontal] .funnel-bar', '.PayGateMini'] }, } export const FunnelHistoricalTrends: Story = createInsightStory( @@ -386,10 +394,10 @@ StickinessEdit.parameters = { export const UserPaths: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/userPaths.json') ) -UserPaths.parameters = { testOptions: { waitForSelector: '[data-attr=paths-viz] > svg' } } +UserPaths.parameters = { testOptions: { waitForSelector: '[data-attr=path-node-card-button]:nth-child(7)' } } export const UserPathsEdit: Story = createInsightStory( require('../../mocks/fixtures/api/projects/team_id/insights/userPaths.json'), 'edit' ) -UserPathsEdit.parameters = { testOptions: { waitForSelector: '[data-attr=paths-viz] > svg' } } +UserPathsEdit.parameters = { testOptions: { waitForSelector: '[data-attr=path-node-card-button]:nth-child(7)' } } /* eslint-enable @typescript-eslint/no-var-requires */ diff --git a/frontend/src/scenes/paths/PathNodeCard.tsx b/frontend/src/scenes/paths/PathNodeCard.tsx index 0e1f2e27055ce..de3becb0f4293 100644 --- a/frontend/src/scenes/paths/PathNodeCard.tsx +++ b/frontend/src/scenes/paths/PathNodeCard.tsx @@ -66,6 +66,7 @@ export function PathNodeCard({ insightProps, node }: PathNodeCardProps): JSX.Ele node.y0 + (node.y1 - node.y0) / 2, border: `1px solid ${isSelectedPathStartOrEnd(filter, node) ? 'purple' : 'var(--border)'}`, }} + data-attr="path-node-card-button" > { useEffect(() => { router.actions.push(urls.settings('project')) }, []) return } +SettingsProject.parameters = { + testOptions: { waitForSelector: '.Settings__sections button' }, +} -export function SettingsUser(): JSX.Element { +export const SettingsUser: StoryFn = () => { useEffect(() => { router.actions.push(urls.settings('user')) }, []) return } +SettingsUser.parameters = { + testOptions: { waitForSelector: '.Settings__sections button' }, +} -export function SettingsOrganization(): JSX.Element { +export const SettingsOrganization: StoryFn = () => { useEffect(() => { router.actions.push(urls.settings('organization')) }, []) return } +SettingsOrganization.parameters = { + testOptions: { waitForSelector: '.Settings__sections button' }, +} diff --git a/frontend/src/scenes/surveys/Surveys.stories.tsx b/frontend/src/scenes/surveys/Surveys.stories.tsx index 392e9b8f47db9..1b9d93e3eaf97 100644 --- a/frontend/src/scenes/surveys/Surveys.stories.tsx +++ b/frontend/src/scenes/surveys/Surveys.stories.tsx @@ -143,9 +143,6 @@ const meta: Meta = { title: 'Scenes-App/Surveys', parameters: { layout: 'fullscreen', - testOptions: { - excludeNavigationFromSnapshot: true, - }, viewMode: 'story', mockDate: '2023-06-28', // To stabilize relative dates }, @@ -234,6 +231,11 @@ export const NewSurveyTargetingSection: StoryFn = () => { }, []) return } +NewSurveyTargetingSection.parameters = { + testOptions: { + waitForSelector: ['.LemonBanner .LemonIcon', '.TaxonomicPropertyFilter__row.width-small'], + }, +} export const NewSurveyAppearanceSection: StoryFn = () => { useEffect(() => { diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss index 37ea604986d6a..1eece277c80c7 100644 --- a/frontend/src/styles/global.scss +++ b/frontend/src/styles/global.scss @@ -684,6 +684,17 @@ body { } .storybook-test-runner { + &.storybook-test-runner--fullscreen { + height: fit-content; + } + + &.storybook-test-runner--padded { + #storybook-root { + // Make the root element (which is the default screenshot reference) hug the component + display: inline-block; + } + } + // Only use this class in visual regression tests *, *::before, @@ -701,6 +712,16 @@ body { .scrollable::before { display: none; } + + #storybook-root > .fixed:only-child { + // Fix for stories of fixed overlays like CommandBar - otherwise body would be zero-sized + position: static !important; + } + + #storybook-root:empty ~ .ReactModalPortal > .ReactModal__Overlay { + // Fix for stories of fixed modals - otherwise body would be zero-sized + position: static !important; + } } .ant-radio-button-wrapper { diff --git a/frontend/src/toolbar/Toolbar.stories.tsx b/frontend/src/toolbar/Toolbar.stories.tsx index dd60ccec1e7c8..9b5e82d1db4f4 100644 --- a/frontend/src/toolbar/Toolbar.stories.tsx +++ b/frontend/src/toolbar/Toolbar.stories.tsx @@ -1,7 +1,7 @@ import '~/styles' import '~/toolbar/styles.scss' -import { Meta } from '@storybook/react' +import { Meta, StoryFn } from '@storybook/react' import { useActions, useMountedLogic } from 'kea' import { useEffect } from 'react' @@ -47,7 +47,7 @@ type ToolbarStoryProps = { theme?: 'light' | 'dark' } -const BasicTemplate = (props: ToolbarStoryProps): JSX.Element => { +const BasicTemplate: StoryFn = (props) => { const toolbarParams: ToolbarParams = { temporaryToken: props.unauthenticated ? undefined : 'UExb1dCsoqBtrhrZYxzmxXQ7XdjVH5Ea_zbQjTFuJqk', actionId: undefined, @@ -95,7 +95,7 @@ const BasicTemplate = (props: ToolbarStoryProps): JSX.Element => { }, [Object.values(props)]) return ( -
+
The toolbar should show up now! Click it to open.
diff --git a/package.json b/package.json index 7c39d65568a7b..90694ca67d6d6 100644 --- a/package.json +++ b/package.json @@ -18,14 +18,14 @@ "packageManager": "pnpm@8.10.5", "scripts": { "copy-scripts": "mkdir -p frontend/dist/ && ./bin/copy-posthog-js", - "test": "pnpm test:unit && pnpm test:visual-regression", + "test": "pnpm test:unit && pnpm test:visual", "test:unit": "jest --testPathPattern=frontend/", "jest": "jest", - "test:visual-regression": "rm -rf frontend/__snapshots__/__failures__/ && docker compose -f docker-compose.playwright.yml run --rm -it --build playwright pnpm test:visual-regression:docker", - "test:visual-regression:docker": "NODE_OPTIONS=--max-old-space-size=6144 test-storybook -u --no-index-json --browsers chromium webkit --url http://host.docker.internal:6006", - "test:visual-regression:local": "NODE_OPTIONS=--max-old-space-size=6144 test-storybook -u --no-index-json --browsers chromium webkit --url http://localhost:6006", - "test:visual-regression:ci:update": "test-storybook -u --no-index-json --maxWorkers=2", - "test:visual-regression:ci:verify": "test-storybook --ci --no-index-json --maxWorkers=2", + "test:visual": "rm -rf frontend/__snapshots__/__failures__/ && docker compose -f docker-compose.playwright.yml run --rm -it --build playwright pnpm test:visual:update --url http://host.docker.internal:6006", + "test:visual:update": "NODE_OPTIONS=--max-old-space-size=6144 test-storybook -u --browsers chromium webkit --no-index-json", + "test:visual:debug": "PWDEBUG=1 NODE_OPTIONS=--max-old-space-size=6144 test-storybook --browsers chromium webkit --no-index-json", + "test:visual:ci:update": "test-storybook -u --no-index-json --maxWorkers=2", + "test:visual:ci:verify": "test-storybook --ci --no-index-json --maxWorkers=2", "start": "concurrently -n ESBUILD,TYPEGEN -c yellow,green \"pnpm start-http\" \"pnpm run typegen:watch\"", "start-http": "pnpm clean && pnpm copy-scripts && node frontend/build.mjs --dev", "start-docker": "pnpm start-http --host 0.0.0.0", diff --git a/test-runner-jest-environment.js b/test-runner-jest-environment.js index 19351c30f9013..e7e8a419a1240 100644 --- a/test-runner-jest-environment.js +++ b/test-runner-jest-environment.js @@ -16,7 +16,7 @@ class CustomEnvironment extends PlaywrightEnvironment { // Take screenshots on test failures - these become Actions artifacts const parentName = event.test.parent.parent.name.replace(/\W/g, '-').toLowerCase() const specName = event.test.parent.name.replace(/\W/g, '-').toLowerCase() - await this.global.page.screenshot({ + await this.global.page.locator('body, main').last().screenshot({ path: `frontend/__snapshots__/__failures__/${parentName}--${specName}.png`, }) }