From 954b4bd5bd7a0d499efd9b28de70989db9470cba Mon Sep 17 00:00:00 2001 From: Hussam Ghazzi Date: Thu, 31 Oct 2024 17:48:47 +0000 Subject: [PATCH 1/6] feat(SubNav): Convert SubNav to CSS modules behind team feature flag --- .changeset/shiny-chefs-matter.md | 5 + .../react/src/SubNav/SubNav.dev.module.css | 17 ++ .../react/src/SubNav/SubNav.dev.stories.tsx | 92 ++++++++ packages/react/src/SubNav/SubNav.module.css | 68 ++++++ packages/react/src/SubNav/SubNav.tsx | 222 +++++++++++------- .../__snapshots__/SubNavLink.test.tsx.snap | 10 +- 6 files changed, 318 insertions(+), 96 deletions(-) create mode 100644 .changeset/shiny-chefs-matter.md create mode 100644 packages/react/src/SubNav/SubNav.dev.module.css create mode 100644 packages/react/src/SubNav/SubNav.dev.stories.tsx create mode 100644 packages/react/src/SubNav/SubNav.module.css diff --git a/.changeset/shiny-chefs-matter.md b/.changeset/shiny-chefs-matter.md new file mode 100644 index 00000000000..dc0ccd0325b --- /dev/null +++ b/.changeset/shiny-chefs-matter.md @@ -0,0 +1,5 @@ +--- +"@primer/react": minor +--- + +Update `SubNav` component to use CSS modules behind the feature flag primer_react_css_modules_team diff --git a/packages/react/src/SubNav/SubNav.dev.module.css b/packages/react/src/SubNav/SubNav.dev.module.css new file mode 100644 index 00000000000..61807842f42 --- /dev/null +++ b/packages/react/src/SubNav/SubNav.dev.module.css @@ -0,0 +1,17 @@ +.SubNavDev { + padding: var(--base-size-4); + border: var(--borderWidth-thick) solid var(--borderColor-default); +} + +.SubNavLinksDev { + margin: var(--base-size-8); +} + +.SubNavLinkDev { + font-weight: var(--text-title-weight-large); + color: var(--fgColor-accent); + + &:is([data-selected]) { + background-color: var(--bgColor-open-emphasis); + } +} diff --git a/packages/react/src/SubNav/SubNav.dev.stories.tsx b/packages/react/src/SubNav/SubNav.dev.stories.tsx new file mode 100644 index 00000000000..69889e38ac0 --- /dev/null +++ b/packages/react/src/SubNav/SubNav.dev.stories.tsx @@ -0,0 +1,92 @@ +import React from 'react' +import type {Meta} from '@storybook/react' +import SubNav from './SubNav' +import type {ComponentProps} from '../utils/types' +import {FeatureFlags} from '../FeatureFlags' + +import styles from './SubNav.dev.module.css' + +export default { + title: 'Components/SubNav/Dev', + component: SubNav, + subcomponents: { + 'SubNav.Link': SubNav.Link, + }, +} as Meta> + +export const WithCss = () => ( + + + + + Home + + + Documentation + + + Support + + + + +) + +export const WithSx = () => ( + + + + Home + + + Documentation + + + Support + + + +) + +export const WithSxAndCSS = () => ( + + + + + Home + + + Documentation + + + Support + + + + +) diff --git a/packages/react/src/SubNav/SubNav.module.css b/packages/react/src/SubNav/SubNav.module.css new file mode 100644 index 00000000000..0b55eb334e6 --- /dev/null +++ b/packages/react/src/SubNav/SubNav.module.css @@ -0,0 +1,68 @@ +.SubNav { + display: flex; + justify-content: space-between; +} + +.Body { + display: flex; + /* stylelint-disable-next-line primer/spacing */ + margin-bottom: -1px; + + & > * { + margin-left: var(--base-size-8); + } + + & > *:first-child { + margin-left: 0; + } +} + +.Actions { + align-self: center; +} + +.Links { + display: flex; +} + +.Link { + display: flex; + min-height: 34px; /* custom values for SubNav */ + padding-right: var(--base-size-16); + padding-left: var(--base-size-16); + font-size: var(--text-body-size-medium); + font-weight: var(--base-text-weight-medium); + line-height: var(--text-body-lineHeight-small); + color: var(--fgColor-default); + text-align: center; + text-decoration: none; + border-top: var(--borderWidth-thin) solid var(--borderColor-default); + border-right: var(--borderWidth-thin) solid var(--borderColor-default); + border-bottom: var(--borderWidth-thin) solid var(--borderColor-default); + align-items: center; + + &:first-of-type { + border-left: var(--borderWidth-thin) solid var(--borderColor-default); + border-top-left-radius: var(--borderRadius-medium); + border-bottom-left-radius: var(--borderRadius-medium); + } + + &:last-of-type { + border-top-right-radius: var(--borderRadius-medium); + border-bottom-right-radius: var(--borderRadius-medium); + } + + &:hover, + &:focus { + text-decoration: none; + background-color: var(--bgColor-muted); + transition: background-color 0.2s ease; + } + + &:is([data-selected]) { + color: var(--fgColor-onEmphasis); + background-color: var(--bgColor-accent-emphasis); + /* stylelint-disable-next-line primer/colors */ + border-color: var(--bgColor-accent-emphasis); + } +} diff --git a/packages/react/src/SubNav/SubNav.tsx b/packages/react/src/SubNav/SubNav.tsx index 48ccc8e5640..7ab40ad702d 100644 --- a/packages/react/src/SubNav/SubNav.tsx +++ b/packages/react/src/SubNav/SubNav.tsx @@ -6,118 +6,166 @@ import {get} from '../constants' import type {SxProp} from '../sx' import sx from '../sx' import type {ComponentProps} from '../utils/types' +import {toggleStyledComponent} from '../internal/utils/toggleStyledComponent' +import {useFeatureFlag} from '../FeatureFlags' -const ITEM_CLASS = 'SubNav-item' -const SELECTED_CLASS = 'selected' +import styles from './SubNav.module.css' -const SubNavBase = styled.nav` - display: flex; - justify-content: space-between; +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' - .SubNav-body { +type StyledSubNavProps = React.ComponentProps<'nav'> & { + actions?: React.ReactNode + align?: 'right' + full?: boolean + label?: string +} & SxProp +type StyledSubNavLinksProps = React.ComponentProps<'div'> & SxProp +type StyledSubNavLinkProps = React.ComponentProps<'a'> & SxProp & {to?: To; selected?: boolean} + +// SubNav + +const StyledSubNav = toggleStyledComponent( + CSS_MODULES_FEATURE_FLAG, + 'nav', + styled.nav` display: flex; - margin-bottom: -1px; + justify-content: space-between; + + .SubNav-body { + display: flex; + margin-bottom: -1px; - > * { - margin-left: ${get('space.2')}; + > * { + margin-left: ${get('space.2')}; + } + + > *:first-child { + margin-left: 0; + } } - > *:first-child { - margin-left: 0; + .SubNav-actions { + align-self: center; } - } - .SubNav-actions { - align-self: center; - } + ${sx}; + `, +) - ${sx}; -` +const SubNav = React.forwardRef(function SubNav( + {actions, className, children, label, ...rest}, + forwardRef, +) { + const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG) + return ( + +
{children}
+ {actions &&
{actions}
} + + ) +}) +SubNav.displayName = 'SubNav' -export type SubNavProps = { - actions?: React.ReactNode - align?: 'right' - full?: boolean - label?: string -} & ComponentProps +// SubNav.Links -function SubNav({actions, className, children, label, ...rest}: SubNavProps) { - const classes = clsx(className, 'SubNav') +const StyledSubNavLinks = toggleStyledComponent( + CSS_MODULES_FEATURE_FLAG, + 'div', + styled.div` + display: flex; + ${sx}; + `, +) + +const SubNavLinks = React.forwardRef(function SubNavLink( + {children, className, ...rest}, + forwardRef, +) { + const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG) return ( - -
{children}
- {actions &&
{actions}
} - + + {children} + ) -} - -export type SubNavLinksProps = SxProp +}) +SubNavLinks.displayName = 'SubNav.Links' -const SubNavLinks = styled.div` - display: flex; - ${sx}; -` +// SubNav.Link + +const StyledSubNavLink = toggleStyledComponent( + CSS_MODULES_FEATURE_FLAG, + 'a', + styled.a.attrs(props => ({ + className: clsx('SubNav-item', props.selected && 'selected', props.className), + }))` + padding-left: ${get('space.3')}; + padding-right: ${get('space.3')}; + font-weight: ${get('fontWeights.semibold')}; + font-size: ${get('fontSizes.1')}; + line-height: 20px; //custom value for SubNav + min-height: 34px; //custom value for SubNav + color: ${get('colors.fg.default')}; + text-align: center; + text-decoration: none; + border-top: 1px solid ${get('colors.border.default')}; + border-bottom: 1px solid ${get('colors.border.default')}; + border-right: 1px solid ${get('colors.border.default')}; + display: flex; + align-items: center; -type StyledSubNavLinkProps = { - to?: To - selected?: boolean -} & SxProp + &:first-of-type { + border-top-left-radius: ${get('radii.2')}; + border-bottom-left-radius: ${get('radii.2')}; + border-left: 1px solid ${get('colors.border.default')}; + } -const SubNavLink = styled.a.attrs(props => ({ - className: clsx(ITEM_CLASS, props.selected && SELECTED_CLASS, props.className), -}))` - padding-left: ${get('space.3')}; - padding-right: ${get('space.3')}; - font-weight: ${get('fontWeights.semibold')}; - font-size: ${get('fontSizes.1')}; - line-height: 20px; //custom value for SubNav - min-height: 34px; //custom value for SubNav - color: ${get('colors.fg.default')}; - text-align: center; - text-decoration: none; - border-top: 1px solid ${get('colors.border.default')}; - border-bottom: 1px solid ${get('colors.border.default')}; - border-right: 1px solid ${get('colors.border.default')}; - display: flex; - align-items: center; - - &:first-of-type { - border-top-left-radius: ${get('radii.2')}; - border-bottom-left-radius: ${get('radii.2')}; - border-left: 1px solid ${get('colors.border.default')}; - } - - &:last-of-type { - border-top-right-radius: ${get('radii.2')}; - border-bottom-right-radius: ${get('radii.2')}; - } - - &:hover, - &:focus { - text-decoration: none; - background-color: ${get('colors.canvas.subtle')}; - transition: background-color 0.2s ease; + &:last-of-type { + border-top-right-radius: ${get('radii.2')}; + border-bottom-right-radius: ${get('radii.2')}; + } - .SubNav-octicon { - color: ${get('colors.fg.muted')}; + &:hover, + &:focus { + text-decoration: none; + background-color: ${get('colors.canvas.subtle')}; + transition: background-color 0.2s ease; } - } - &.selected { - color: ${get('colors.fg.onEmphasis')}; - background-color: ${get('colors.accent.emphasis')}; - border-color: ${get('colors.accent.emphasis')}; - .SubNav-octicon { + &.selected { color: ${get('colors.fg.onEmphasis')}; + background-color: ${get('colors.accent.emphasis')}; + border-color: ${get('colors.accent.emphasis')}; } - } - ${sx}; -` + ${sx}; + `, +) -SubNavLink.displayName = 'SubNav.Link' +const SubNavLink = React.forwardRef(function SubNavLink( + {children, className, ...rest}, + forwardRef, +) { + const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG) + return ( + + {children} + + ) +}) -SubNavLinks.displayName = 'SubNav.Links' +SubNavLink.displayName = 'SubNav.Link' +export type SubNavProps = ComponentProps +export type SubNavLinksProps = ComponentProps export type SubNavLinkProps = ComponentProps export default Object.assign(SubNav, {Link: SubNavLink, Links: SubNavLinks}) diff --git a/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap index 53f3a831a46..b9018c8172a 100644 --- a/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap +++ b/packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap @@ -45,23 +45,15 @@ exports[`SubNav.Link respects the "selected" prop 1`] = ` transition: background-color 0.2s ease; } -.c0:hover .SubNav-octicon, -.c0:focus .SubNav-octicon { - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); -} - .c0.selected { color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); background-color: var(--bgColor-accent-emphasis,var(--color-accent-emphasis,#0969da)); border-color: var(--bgColor-accent-emphasis,var(--color-accent-emphasis,#0969da)); } -.c0.selected .SubNav-octicon { - color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); -} - `; From fa7ef83349caaf6d0fd6cf8072c21b392081c921 Mon Sep 17 00:00:00 2001 From: Hussam Ghazzi Date: Thu, 31 Oct 2024 19:23:28 +0000 Subject: [PATCH 2/6] update border color var --- packages/react/src/SubNav/SubNav.module.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/react/src/SubNav/SubNav.module.css b/packages/react/src/SubNav/SubNav.module.css index 0b55eb334e6..8efdabdbaf2 100644 --- a/packages/react/src/SubNav/SubNav.module.css +++ b/packages/react/src/SubNav/SubNav.module.css @@ -62,7 +62,6 @@ &:is([data-selected]) { color: var(--fgColor-onEmphasis); background-color: var(--bgColor-accent-emphasis); - /* stylelint-disable-next-line primer/colors */ - border-color: var(--bgColor-accent-emphasis); + border-color: var(--borderColor-accent-emphasis); } } From 5021911f0309bf68a94276e343223bbc9a142def Mon Sep 17 00:00:00 2001 From: Hussam Ghazzi Date: Mon, 4 Nov 2024 03:51:45 +0000 Subject: [PATCH 3/6] update line height --- packages/react/src/SubNav/SubNav.module.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/react/src/SubNav/SubNav.module.css b/packages/react/src/SubNav/SubNav.module.css index 8efdabdbaf2..05c14f68d96 100644 --- a/packages/react/src/SubNav/SubNav.module.css +++ b/packages/react/src/SubNav/SubNav.module.css @@ -32,7 +32,8 @@ padding-left: var(--base-size-16); font-size: var(--text-body-size-medium); font-weight: var(--base-text-weight-medium); - line-height: var(--text-body-lineHeight-small); + /* stylelint-disable-next-line primer/typography */ + line-height: 20px; /* custom values for SubNav */ color: var(--fgColor-default); text-align: center; text-decoration: none; From b900a89cc15f5333ee27112f7fe23d4d75e3d44f Mon Sep 17 00:00:00 2001 From: Hussam Ghazzi Date: Mon, 4 Nov 2024 04:11:38 +0000 Subject: [PATCH 4/6] revert border var change --- packages/react/src/SubNav/SubNav.module.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/react/src/SubNav/SubNav.module.css b/packages/react/src/SubNav/SubNav.module.css index 05c14f68d96..bb6a4c52c81 100644 --- a/packages/react/src/SubNav/SubNav.module.css +++ b/packages/react/src/SubNav/SubNav.module.css @@ -63,6 +63,7 @@ &:is([data-selected]) { color: var(--fgColor-onEmphasis); background-color: var(--bgColor-accent-emphasis); - border-color: var(--borderColor-accent-emphasis); + /* stylelint-disable-next-line primer/colors */ + border-color: var(--bgColor-accent-emphasis); } } From ba2344c45166311724eeb780f009d385867f29ce Mon Sep 17 00:00:00 2001 From: Hussam Ghazzi Date: Mon, 4 Nov 2024 04:27:59 +0000 Subject: [PATCH 5/6] add vrt tests --- e2e/components/SubNav.test.ts | 54 +++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) diff --git a/e2e/components/SubNav.test.ts b/e2e/components/SubNav.test.ts index 3cd1fc9ea7b..71336dcad7e 100644 --- a/e2e/components/SubNav.test.ts +++ b/e2e/components/SubNav.test.ts @@ -36,4 +36,58 @@ test.describe('SubNav', () => { }) } }) + + test.describe('Dev: With Sx', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-subnav-dev--with-sx', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`SubNav.Dev.WithSx.${theme}.png`) + }) + }) + } + }) + + test.describe('Dev: With CSS', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-subnav-dev--with-css', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`SubNav.Dev.WithCSS.${theme}.png`) + }) + }) + } + }) + + test.describe('Dev: With Sx and CSS', () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: 'components-subnav-dev--with-sx-and-css', + globals: { + colorScheme: theme, + }, + }) + + // Default state + expect(await page.screenshot()).toMatchSnapshot(`SubNav.Dev.WithSxAndCSS.${theme}.png`) + }) + }) + } + }) }) From ad185bd2a245bdf2ccf8895399a5e5a57cc8fe8e Mon Sep 17 00:00:00 2001 From: hussam-i-am Date: Mon, 4 Nov 2024 04:48:23 +0000 Subject: [PATCH 6/6] test(vrt): update snapshots --- .../SubNav-Dev-WithCSS-dark-colorblind-linux.png | Bin 0 -> 8166 bytes .../SubNav-Dev-WithCSS-dark-dimmed-linux.png | Bin 0 -> 8098 bytes ...bNav-Dev-WithCSS-dark-high-contrast-linux.png | Bin 0 -> 8251 bytes .../SubNav-Dev-WithCSS-dark-linux.png | Bin 0 -> 8169 bytes .../SubNav-Dev-WithCSS-dark-tritanopia-linux.png | Bin 0 -> 8160 bytes ...SubNav-Dev-WithCSS-light-colorblind-linux.png | Bin 0 -> 8104 bytes ...Nav-Dev-WithCSS-light-high-contrast-linux.png | Bin 0 -> 8223 bytes .../SubNav-Dev-WithCSS-light-linux.png | Bin 0 -> 8132 bytes ...SubNav-Dev-WithCSS-light-tritanopia-linux.png | Bin 0 -> 8118 bytes .../SubNav-Dev-WithSx-dark-colorblind-linux.png | Bin 0 -> 8148 bytes .../SubNav-Dev-WithSx-dark-dimmed-linux.png | Bin 0 -> 8062 bytes ...ubNav-Dev-WithSx-dark-high-contrast-linux.png | Bin 0 -> 8127 bytes .../SubNav-Dev-WithSx-dark-linux.png | Bin 0 -> 8126 bytes .../SubNav-Dev-WithSx-dark-tritanopia-linux.png | Bin 0 -> 8126 bytes .../SubNav-Dev-WithSx-light-colorblind-linux.png | Bin 0 -> 8125 bytes ...bNav-Dev-WithSx-light-high-contrast-linux.png | Bin 0 -> 8218 bytes .../SubNav-Dev-WithSx-light-linux.png | Bin 0 -> 8123 bytes .../SubNav-Dev-WithSx-light-tritanopia-linux.png | Bin 0 -> 8123 bytes ...av-Dev-WithSxAndCSS-dark-colorblind-linux.png | Bin 0 -> 8148 bytes ...SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png | Bin 0 -> 8425 bytes ...Dev-WithSxAndCSS-dark-high-contrast-linux.png | Bin 0 -> 8127 bytes .../SubNav-Dev-WithSxAndCSS-dark-linux.png | Bin 0 -> 8126 bytes ...av-Dev-WithSxAndCSS-dark-tritanopia-linux.png | Bin 0 -> 8126 bytes ...v-Dev-WithSxAndCSS-light-colorblind-linux.png | Bin 0 -> 8125 bytes ...ev-WithSxAndCSS-light-high-contrast-linux.png | Bin 0 -> 8218 bytes .../SubNav-Dev-WithSxAndCSS-light-linux.png | Bin 0 -> 8123 bytes ...v-Dev-WithSxAndCSS-light-tritanopia-linux.png | Bin 0 -> 8123 bytes 27 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png create mode 100644 .playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..65e722a5bcc64c81798768fc4e26c7cd6248ddf9 GIT binary patch literal 8166 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 GKm7-5!b~gx literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-dimmed-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-dimmed-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..70f0e626d182538fd4ff1a1a8b0f2578f09b63d6 GIT binary patch literal 8098 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 W;sxKifpQf1^7C`2YfpWB`@aEKRL-UV literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..84195a877b2c20bfa5486109dc1ad55685a92eb7 GIT binary patch literal 8251 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 X+czH@dEje2@a@_2U)Ozg<@WyoOVKnX literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..27f0e0be0da4e6b30a0c0d34afb70c422f3c3f6a GIT binary patch literal 8169 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 a1RB<0F1fl^o;IsS;P|nCujxn5UH?DK8Plu) literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a99147e00598b8fa5bb39458b70de267177e6c43 GIT binary patch literal 8104 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c3d90cc3a68bbbd91a2c7c49e8c81bd4b0ce2f24 GIT binary patch literal 8223 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 Q(xSkTL%|2hKc2n%f6VS+VE_OC literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..74132d4582607653621cb2bbe5a3bdd7b0cba31d GIT binary patch literal 8062 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..370ff8df54deeae0e85410eb99067f8f9709ad31 GIT binary patch literal 8126 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cf9f751fd8853d6c7ad04f243d97d3d09fda3fc0 GIT binary patch literal 8125 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..58945d4f5af6b2e0587b6332a84cc10263ba640b GIT binary patch literal 8123 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 Q(xSkTL%|2hKc2n%f6VS+VE_OC literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..3011c2dcb6c280e249fa5d3b5194e8835c1f1e10 GIT binary patch literal 8425 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0e560eaf0ea4fe587bcc262f4719d9e8dd660eb5 GIT binary patch literal 8127 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..370ff8df54deeae0e85410eb99067f8f9709ad31 GIT binary patch literal 8126 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..cf9f751fd8853d6c7ad04f243d97d3d09fda3fc0 GIT binary patch literal 8125 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png b/.playwright/snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..58945d4f5af6b2e0587b6332a84cc10263ba640b GIT binary patch literal 8123 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