From 80dabd1dc8c44d5d1670f8e0a49712068e117459 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Wed, 12 Nov 2025 14:18:51 +0100 Subject: [PATCH 01/27] remove muted variant --- .changeset/seven-comics-cross.md | 6 ++ MIGRATION_GUIDE.md | 3 + .../navigation/navigation.a11y.test.ts | 4 +- .../lib/components/navigation/navigation.less | 13 --- .../navigation/navigation.visual.test.ts | 1 - packages/stacks-docs/_data/navigation.json | 7 +- .../stacks-docs/_data/site-navigation.json | 5 +- .../product/components/navigation.html | 102 +----------------- 8 files changed, 16 insertions(+), 125 deletions(-) create mode 100644 .changeset/seven-comics-cross.md diff --git a/.changeset/seven-comics-cross.md b/.changeset/seven-comics-cross.md new file mode 100644 index 0000000000..952504b905 --- /dev/null +++ b/.changeset/seven-comics-cross.md @@ -0,0 +1,6 @@ +--- +"@stackoverflow/stacks": minor +--- + +Navigation updates: +- Deprecated muted variant (`.s-navigation__muted`) diff --git a/MIGRATION_GUIDE.md b/MIGRATION_GUIDE.md index a7ffa810a7..a03441cfd1 100755 --- a/MIGRATION_GUIDE.md +++ b/MIGRATION_GUIDE.md @@ -27,6 +27,9 @@ #### Popover - The new popovers no longer include an arrow element. The `s-popover--arrow` css class has been removed, and any markup using it (e.g. `
`) should be deleted from the codebases as part of the migration. +#### Navigation +- Removed muted variant (`.s-navigation__muted`) + # Migrating from Stacks Svelte v0 to v1 Coming soon… diff --git a/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts b/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts index 7793cad061..8e9cdbdf2f 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts +++ b/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts @@ -57,7 +57,7 @@ const getChildren = (includeTitles = false): string => describe("navigation", () => { runA11yTests({ baseClass: "s-navigation", - variants: ["vertical", "muted"], + variants: ["vertical"], modifiers: { primary: ["scroll", "sm"], }, @@ -75,7 +75,5 @@ describe("navigation", () => { `, additionalAssertions: [WCAGNonTextContrast], - // TODO: fix non-text-contrast SC for s-navigation__muted - skippedTestids: [/s-navigation-(light|dark)-muted/], }); }); diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index 3cd4567342..a62dd9b37a 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -44,19 +44,6 @@ --_na-item-ws: normal; } - // VARIANTS - &&__muted { - --_na-item-selected-bg: var(--black-150); - --_na-item-selected-fc: var(--black-600); - --_na-item-selected-bg-hover: var(--_na-item-bg); - - .highcontrast-mode({ - --_na-item-selected-bg: var(--black-600); - --_na-item-selected-fc: var(--black-150); - --_na-item-selected-bg-hover: var(--black-600); - }); - } - // CHILD ELEMENTS & &--item { &.is-selected { diff --git a/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts b/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts index bbae3e4bf3..f993d2853e 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts +++ b/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts @@ -56,7 +56,6 @@ const getChildren = (includeTitles = false): string => describe("navigation", () => { runVisualTests({ baseClass: "s-navigation", - variants: ["muted"], modifiers: { primary: ["scroll", "sm"], }, diff --git a/packages/stacks-docs/_data/navigation.json b/packages/stacks-docs/_data/navigation.json index 2f9380df7a..d8b0266382 100644 --- a/packages/stacks-docs/_data/navigation.json +++ b/packages/stacks-docs/_data/navigation.json @@ -10,11 +10,6 @@ "applies": ".s-navigation", "description": "Renders the navigation vertically" }, - { - "class": ".s-navigation__muted", - "applies": ".s-navigation", - "description": "Secondary navigation style. To be used on pages that already have a primary navigation" - }, { "class": ".s-navigation__scroll", "applies": ".s-navigation", @@ -28,7 +23,7 @@ { "class": ".s-navigation--item", "applies": "Child of .s-navigation", - "description": "The individual pill-shaped link in a navigation" + "description": "The individual item in a navigation" }, { "class": ".s-navigation--item-text", diff --git a/packages/stacks-docs/_data/site-navigation.json b/packages/stacks-docs/_data/site-navigation.json index 898c17481f..69455b9e47 100644 --- a/packages/stacks-docs/_data/site-navigation.json +++ b/packages/stacks-docs/_data/site-navigation.json @@ -271,8 +271,9 @@ "url": "/product/components/modals/" }, { - "title": "Navigation", - "url": "/product/components/navigation/" + "title": "Navigation", + "url": "/product/components/navigation/", + "new": true }, { "title": "Notices", diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index 44f566b72e..864a468656 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -2,8 +2,8 @@ layout: page title: Navigation js: true -figma: https://svelte.stackoverflow.design/figma/navigation -description: Our navigation component is a collection of pill-shaped buttons that respond gracefully to various window sizes and parent containers. +figma: https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18812&t=5ggsDIb9OENEwDl0-1 +description: Our navigation component is a collection of buttons that respond gracefully to various window sizes and parent containers. tags: components ---
@@ -159,104 +159,6 @@ - {% header "h3", "Muted" %} -
-{% highlight html %} - -{% endhighlight %} -
-

Full width

- - -

Wrapped

- -
-
- {% header "h3", "Scrolling" %}
{% highlight html %} From d48130cbbf354a80737bd9a23d45ffac7b126564 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 13 Nov 2025 14:34:35 +0100 Subject: [PATCH 02/27] switch to underscore for selection --- MIGRATION_GUIDE.md | 1 + .../lib/components/navigation/navigation.less | 25 +++++++++++++------ 2 files changed, 18 insertions(+), 8 deletions(-) diff --git a/MIGRATION_GUIDE.md b/MIGRATION_GUIDE.md index a03441cfd1..9ce3a375f3 100755 --- a/MIGRATION_GUIDE.md +++ b/MIGRATION_GUIDE.md @@ -29,6 +29,7 @@ #### Navigation - Removed muted variant (`.s-navigation__muted`) +- Selected page are now highlighted by an underscore (no pill shape background) # Migrating from Stacks Svelte v0 to v1 diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index a62dd9b37a..6007ce77d4 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -4,16 +4,15 @@ --_na-p: var(--su2) 0; --_na-gap: var(--su4); --_na-item-bg: none; - --_na-item-fc: var(--black-500); + --_na-item-fc: var(--black-400); --_na-item-fs: unset; - --_na-item-p: var(--su6) var(--su12); - --_na-item-py: var(--su12); + --_na-item-p: calc(var(--su12) - var(--su1)) var(--su16); --_na-item-ws: nowrap; - --_na-item-bg-hover: var(--black-200); + --_na-item-bg-hover: var(--black-150); --_na-item-fc-hover: var(--_na-item-fc); - --_na-item-selected-bg: var(--theme-primary); - --_na-item-selected-fc: var(--white); - --_na-item-selected-bg-hover: var(--theme-primary-500); + --_na-item-selected-bg: none; + --_na-item-selected-fc: var(--black-600); + --_na-item-selected-bg-hover: var(--_na-item-bg-hover); --_na-item-text-ta: center; --_na-title-mt: var(--su16); @@ -52,6 +51,16 @@ --_na-item-fc-hover: var(--_na-item-fc); --_na-item-bg-hover: var(--_na-item-selected-bg-hover); + &:before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: var(--su-static2); + background-color: var(--_na-item-selected-fc); + } + .highcontrast-mode({ text-decoration: none; }); @@ -95,7 +104,7 @@ align-items: center; border: none; // Reset some things for when the navigation item is also a button - border-radius: 1000px; + border-radius: var(--br-md); box-shadow: none; cursor: pointer; display: flex; From 092efc4efe8358fae4a83d4c451e732f943ee8ac Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 13 Nov 2025 15:16:52 +0100 Subject: [PATCH 03/27] vertical navigation should not have underline --- .../stacks-classic/lib/components/navigation/navigation.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index 6007ce77d4..ed5e6e53d1 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -13,6 +13,7 @@ --_na-item-selected-bg: none; --_na-item-selected-fc: var(--black-600); --_na-item-selected-bg-hover: var(--_na-item-bg-hover); + --_na-item-selected-h: var(--su-static2); --_na-item-text-ta: center; --_na-title-mt: var(--su16); @@ -41,6 +42,7 @@ --_na-p: 0; --_na-item-text-ta: unset; --_na-item-ws: normal; + --_na-item-selected-h: 0; } // CHILD ELEMENTS @@ -57,7 +59,7 @@ bottom: 0; left: 0; right: 0; - height: var(--su-static2); + height: var(--_na-item-selected-h); background-color: var(--_na-item-selected-fc); } From 99f905ed285d59a4a3deb987eb7d0c86e0d126f5 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 13 Nov 2025 19:14:46 +0100 Subject: [PATCH 04/27] adjust small variant --- .../lib/components/navigation/navigation.less | 2 +- packages/stacks-docs/product/components/navigation.html | 7 +++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index ed5e6e53d1..1ea959c2a5 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -33,7 +33,7 @@ &&__sm { --_na-item-fs: var(--fs-caption); - --_na-item-p: var(--su4) var(--su12); + --_na-item-p: var(--su6) var(--su4); } &&__vertical { diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index 864a468656..2302227db0 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -62,6 +62,7 @@

Forcing a navigation to scroll is an established pattern on mobile devices, so it may be appropriate to use it in that context. Wrapping tends to make more sense on larger screens, where the user isn’t forced to scroll passed a ton of navigation chrome.

{% header "h3", "Horizontal default" %} +

Use the default size for primary page-level navigation, typically placed near the top of the page.

{% highlight html %}
+ {% header "h3", "Icon" %} +

Use the icon variant for a prominent, secondary horizontal navigation bar that directs users to main page sections. Limit use to one per page and do not use it for in-page filtering. Icon styles should change with the state of the item (ex: selected items use a fill icon)

+ + TODO!!! + {% header "h3", "Scrolling" %}
{% highlight html %} @@ -272,6 +278,7 @@
{% header "h3", "Small" %} +

Use the small variant for on-page filtering in space-constrained areas, such as controlling small lists. Avoid using icons on the small variant.

{% highlight html %}
- {% header "h3", "Icon" %} + {% header "h3", "Icons" %}

Use the icon variant for a prominent, secondary horizontal navigation bar that directs users to main page sections. Limit use to one per page and do not use it for in-page filtering. Icon styles should change with the state of the item (ex: selected items use a fill icon)

- TODO!!! +
+ {% highlight html %} + + {% endhighlight %} +
+ +
+
{% header "h3", "Scrolling" %}
@@ -415,6 +476,72 @@
+ {% header "h3", "Vertical Icons" %} +

Vertical navigation items with icons have a larger padding.

+ +
+ {% highlight html %} + + {% endhighlight %} +
+ +
+
+ {% header "h3", "Titles" %}
{% highlight html %} From 1b6f15e459586cdbee6ef36dc940a3ccc9918827 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Mon, 17 Nov 2025 18:33:25 +0100 Subject: [PATCH 07/27] style title and adjust highcontrast mode --- .../lib/components/navigation/navigation.less | 12 ++++--- .../product/components/navigation.html | 31 +++++++++++++++---- 2 files changed, 32 insertions(+), 11 deletions(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index 77748e75b4..2857b7743f 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -64,6 +64,9 @@ --_na-item-bg-hover: var(--_na-item-selected-bg-hover); &:before { + .highcontrast-mode({ + height: 0; + }); content: ""; position: absolute; bottom: 0; @@ -74,7 +77,8 @@ } .highcontrast-mode({ - text-decoration: none; + --_na-item-fc-hover: var(--white); + border: var(--su-static1) solid var(--black-500); }); font-weight: bold; @@ -145,11 +149,9 @@ } margin-top: var(--_na-title-mt); - font-size: var(--fs-fine); - font-weight: bold; - padding: var(--su6) var(--su12); - text-transform: uppercase; + color: var(--black-400); + padding: var(--su16) var(--su8); } & &--icon { diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index 2579a6b81c..00de2dbdee 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -537,7 +537,7 @@ Users - +
@@ -596,11 +596,30 @@
  • Spot illustrations
  • Base
    • -
  • Backgrounds
    • -
  • Borders
    • -
  • Border radius
    • -
  • Box shadow
    • -
  • Box sizing
    • +
  • + + {% icon "HomeFill", "s-navigation--icon" %} + Home + +
    • +
  • + + {% icon "Jobs", "s-navigation--icon" %} + Jobs + +
    • +
  • + + {% icon "Bookmark", "s-navigation--icon" %} + Saves + +
    • +
  • + + {% icon "UserStack", "s-navigation--icon" %} + Users + +
    • From fd572d96c56ba0bff88d533e9ca70c4a2c7981e0 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Mon, 17 Nov 2025 19:20:56 +0100 Subject: [PATCH 08/27] add activity and avatar examples --- .../lib/components/navigation/navigation.less | 7 ++ packages/stacks-docs/_data/navigation.json | 5 ++ .../stacks-docs/_includes/navigation.html | 6 +- .../product/components/navigation.html | 68 +++++++++++++++++-- 4 files changed, 78 insertions(+), 8 deletions(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index 2857b7743f..fbd785c7dd 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -50,6 +50,9 @@ } &:has(.s-navigation--icon) { + --_na-item-p: calc(var(--su12) - var(--su1)) var(--su8); + } + &:has(.s-navigation--avatar) { --_na-item-p: var(--su12) var(--su8); } } @@ -159,6 +162,10 @@ margin-right: var(--su4); } + & &--avatar { + margin-right: var(--su8); + } + flex-direction: var(--_na-fd); flex-wrap: var(--_na-fw); gap: var(--_na-gap); diff --git a/packages/stacks-docs/_data/navigation.json b/packages/stacks-docs/_data/navigation.json index 717cd7b70b..c122edc9f7 100644 --- a/packages/stacks-docs/_data/navigation.json +++ b/packages/stacks-docs/_data/navigation.json @@ -35,6 +35,11 @@ "applies": "Child of .s-navigation--item", "description": "Applies styling to the icon of the navigation item" }, + { + "class": ".s-navigation--avatar", + "applies": "Child of .s-navigation--item", + "description": "Applies styling to the avatar of the navigation item" + }, { "class": ".is-selected", "applies": ".s-navigation--item", diff --git a/packages/stacks-docs/_includes/navigation.html b/packages/stacks-docs/_includes/navigation.html index 19ac37dd1f..dafddf015a 100644 --- a/packages/stacks-docs/_includes/navigation.html +++ b/packages/stacks-docs/_includes/navigation.html @@ -1,5 +1,5 @@
    -
    +
    {% if site-navigation %} @@ -33,9 +33,9 @@
    {% if section.links %} {% for link in section.links %} - + {{ link.title }} - {% if link.new %}new{% endif %} + {% if link.new %}new{% endif %} {% endfor %} {% endif %} diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index 00de2dbdee..fc6e762c1e 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -497,8 +497,13 @@
  • - @Svg.Bookmark.With("s-navigation--icon") - Saves +
    + @Svg.Bookmark.With("s-navigation--icon") + Saves +
    +
    + 3
    new activities
    +
  • @@ -526,9 +531,14 @@
  • - - {% icon "Bookmark", "s-navigation--icon" %} - Saves + +
    + {% icon "Bookmark", "s-navigation--icon" %} + Saves +
    +
    + 3
    new activities
    +
  • @@ -542,6 +552,54 @@
    • + {% header "h3", "Avatar" %} + +
    + {% highlight html %} + + {% endhighlight %} +
    + +
    +
    {% header "h3", "Titles" %}
    {% highlight html %} From 37ac670edf081a41fe430211fe2fb32bc7d421d0 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Mon, 17 Nov 2025 19:22:40 +0100 Subject: [PATCH 09/27] update migration guide --- MIGRATION_GUIDE.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/MIGRATION_GUIDE.md b/MIGRATION_GUIDE.md index 2284436b3c..f020126809 100755 --- a/MIGRATION_GUIDE.md +++ b/MIGRATION_GUIDE.md @@ -34,6 +34,8 @@ #### Navigation - Removed muted variant (`.s-navigation__muted`) - Selected page are now highlighted by an underscore (no pill shape background) +- New `.s-navigation--icon` class to style icons alongside navigation items +- New `.s-navigation--avatar` class to style avatars alongside navigation items # Migrating from Stacks Svelte v0 to v1 From fab994ff96ca766111cf58a9997aed3c50271245 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Tue, 18 Nov 2025 09:57:57 +0100 Subject: [PATCH 10/27] adding a button in one of the examples --- .../product/components/navigation.html | 59 ++++++++++--------- 1 file changed, 31 insertions(+), 28 deletions(-) diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index fc6e762c1e..ce61390800 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -195,34 +195,37 @@ {% endhighlight %}
    - +
    + + +
    From 600b0dd779cc97d0b1f42d2b9e66724b864b4fcc Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Tue, 18 Nov 2025 10:13:34 +0100 Subject: [PATCH 11/27] add badge example --- .../product/components/navigation.html | 22 ++++++++++++------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index ce61390800..16fbfb5d82 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -493,14 +493,17 @@
  • - - @Svg.Jobs.With("s-navigation--icon") - Jobs + +
    + @Svg.Jobs.With("s-navigation--icon") + Jobs +
    +
    New
  • - -
    + +
    @Svg.Bookmark.With("s-navigation--icon") Saves
    @@ -528,9 +531,12 @@
  • - - {% icon "Jobs", "s-navigation--icon" %} - Jobs + +
    + {% icon "Jobs", "s-navigation--icon" %} + Jobs +
    +
    New
  • From 3cbbdefbbaa17ae608c45d336610b43d39506c89 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Tue, 18 Nov 2025 15:01:45 +0100 Subject: [PATCH 12/27] adjust a11y and visual tests --- .../navigation/navigation.a11y.test.ts | 1 - .../navigation/navigation.visual.test.ts | 27 +++++++++++++++++-- 2 files changed, 25 insertions(+), 3 deletions(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts b/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts index 8e9cdbdf2f..030cb78895 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts +++ b/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts @@ -74,6 +74,5 @@ describe("navigation", () => { ${component} `, - additionalAssertions: [WCAGNonTextContrast], }); }); diff --git a/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts b/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts index f993d2853e..38285937e3 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts +++ b/packages/stacks-classic/lib/components/navigation/navigation.visual.test.ts @@ -1,7 +1,14 @@ import { html } from "@open-wc/testing"; import { runVisualTests } from "../../test/visual-test-utils"; +import { IconHome, IconHomeFill } from "@stackoverflow/stacks-icons/icons"; import "../../index"; +const outlineIcon = IconHome.replace('class="', 'class="s-navigation--icon '); +const filledIcon = IconHomeFill.replace( + 'class="', + 'class="s-navigation--icon ' +); + const items = [ { label: "Group 1", @@ -38,7 +45,7 @@ const items = [ }, ]; -const getChildren = (includeTitles = false): string => +const getChildren = (includeTitles = false, includeIcons = false): string => items .map((item) => { if (item.title) { @@ -46,10 +53,15 @@ const getChildren = (includeTitles = false): string => ? `
  • ${item.label}
    • ` : ""; } + const icon = includeIcons + ? item.selected + ? filledIcon + : outlineIcon + : ""; const classes = `s-navigation--item${ item.selected ? " is-selected" : "" }${item.dropdown ? " s-navigation--item__dropdown" : ""}`; - return `
  • ${item.label}
    • `; + return `
  • ${icon}${item.label}
    • `; }) .join(""); @@ -62,6 +74,7 @@ describe("navigation", () => { tag: "ul", children: { default: getChildren(), + icon: getChildren(false, true), }, template: ({ component, testid }) => html` `, + excludedTestids: [ + /^s-navigation-(?=.*sm).*icon$/, // s-navigation with icon and sm modifier not supported + ], }); runVisualTests({ baseClass: "s-navigation", variants: ["vertical"], + modifiers: { + primary: ["sm"], + }, tag: "ul", children: { default: getChildren(true), + icon: getChildren(true, true), }, template: ({ component, testid }) => html` `, + excludedTestids: [ + /^s-navigation-(?=.*sm).*icon$/, // s-navigation with icon and sm modifier not supported + ], options: { includeNullVariant: false, }, From 3aaf68952f2f47a79f8795441d5b7b2aeac159b8 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Tue, 18 Nov 2025 19:09:52 +0100 Subject: [PATCH 13/27] adjust padding for vertical navigation --- .../stacks-classic/lib/components/navigation/navigation.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index fbd785c7dd..1e248fc6ef 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -43,7 +43,7 @@ --_na-item-text-ta: unset; --_na-item-ws: normal; --_na-item-selected-h: 0; - --_na-item-p: var(--su8); + --_na-item-p: var(--su6) var(--su8); & .s-navigation--item { &.is-selected { --_na-item-bg: var(--black-150); From 70f81d8e2a9cd0d0ce09b9cc5bfa16cc5485c410 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Tue, 18 Nov 2025 19:25:18 +0100 Subject: [PATCH 14/27] first pass at svelte component creation (missing stories and tests) --- .changeset/plain-teams-tell.md | 5 + .../product/components/navigation.html | 1 + .../Navigation/Navigation.stories.svelte | 81 +++++++++++++ .../components/Navigation/Navigation.svelte | 77 +++++++++++++ .../components/Navigation/Navigation.test.ts | 41 +++++++ .../Navigation/NavigationItem.svelte | 107 ++++++++++++++++++ .../Navigation/NavigationTitle.svelte | 32 ++++++ .../stacks-svelte/src/components/index.ts | 3 + 8 files changed, 347 insertions(+) create mode 100644 .changeset/plain-teams-tell.md create mode 100644 packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte create mode 100644 packages/stacks-svelte/src/components/Navigation/Navigation.svelte create mode 100644 packages/stacks-svelte/src/components/Navigation/Navigation.test.ts create mode 100644 packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte create mode 100644 packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte diff --git a/.changeset/plain-teams-tell.md b/.changeset/plain-teams-tell.md new file mode 100644 index 0000000000..684098c655 --- /dev/null +++ b/.changeset/plain-teams-tell.md @@ -0,0 +1,5 @@ +--- +"@stackoverflow/stacks-svelte": minor +--- + +Added new Navigation Component diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index 16fbfb5d82..8a22ed67c6 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -3,6 +3,7 @@ title: Navigation js: true figma: https://www.figma.com/design/do4Ug0Yws8xCfRjHe9cJfZ/Project-SHINE---Product-UI?node-id=610-18812&t=5ggsDIb9OENEwDl0-1 +svelte: https://beta.svelte.stackoverflow.design/?path=/docs/components-navigation--docs description: Our navigation component is a collection of buttons that respond gracefully to various window sizes and parent containers. tags: components --- diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte new file mode 100644 index 0000000000..444b3b1249 --- /dev/null +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte @@ -0,0 +1,81 @@ + + + + {#snippet template()} + + + + + + {/snippet} + + + + + (selected = "Content")} + /> + (selected = "Topics")} + /> + (selected = "People")} + /> + (selected = "Settings")} + /> + + + +TODO + +TODO + +TODO + +TODO + +TODO + +TODO diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.svelte b/packages/stacks-svelte/src/components/Navigation/Navigation.svelte new file mode 100644 index 0000000000..233f8c0346 --- /dev/null +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.svelte @@ -0,0 +1,77 @@ + + + diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts new file mode 100644 index 0000000000..28d1c9c2dd --- /dev/null +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts @@ -0,0 +1,41 @@ +import { expect } from "@open-wc/testing"; +import { render, screen } from "@testing-library/svelte"; +import { createSvelteComponentsSnippet } from "../../../test-utils"; +import type { Component } from "svelte"; + +import Navigation from "./Navigation.svelte"; +import NavigationItem from "./NavigationItem.svelte"; + +// TODO: write unit tests +describe("Navigation", () => { + it("should render a navigation element with the correct label and items", () => { + render(Navigation, { + props: { + label: "Main navigation", + children: createSvelteComponentsSnippet([ + { + component: NavigationItem as Component, + props: { + text: "Item 1", + href: "#", + selected: true, + }, + }, + { + component: NavigationItem as Component, + props: { + text: "Item 2", + href: "#", + }, + }, + ]), + }, + }); + + const nav = screen.getByRole("navigation", { name: "Main navigation" }); + expect(nav).to.exist; + expect(screen.getByRole("link", { name: "Item 1" })).to.exist; + expect(screen.getByRole("link", { name: "Item 1" })).to.have.attribute("aria-current", "true"); + expect(screen.getByRole("link", { name: "Item 2" })).to.exist; + }); +}); diff --git a/packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte b/packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte new file mode 100644 index 0000000000..5b0c63faaf --- /dev/null +++ b/packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte @@ -0,0 +1,107 @@ + + +
  • + +
    + {#if icon && iconSelected} + + {/if} + {#if avatar} + + + {/if} + {text} +
    + {@render trailing?.()} +     +
    • diff --git a/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte b/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte new file mode 100644 index 0000000000..782c3dc4fb --- /dev/null +++ b/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte @@ -0,0 +1,32 @@ + + + diff --git a/packages/stacks-svelte/src/components/index.ts b/packages/stacks-svelte/src/components/index.ts index 5a128369ac..0f228aae30 100644 --- a/packages/stacks-svelte/src/components/index.ts +++ b/packages/stacks-svelte/src/components/index.ts @@ -9,6 +9,9 @@ export { default as Spinner } from "./Spinner/Spinner.svelte"; export { default as Skeleton } from "./Skeleton/Skeleton.svelte"; export { default as TextInput } from "./TextInput/TextInput.svelte"; export { default as Modal } from "./Modal/Modal.svelte"; +export { default as Navigation } from "./Navigation/Navigation.svelte"; +export { default as NavigationItem } from "./Navigation/NavigationItem.svelte"; +export { default as NavigationTitle } from "./Navigation/NavigationTitle.svelte"; export { default as Notice } from "./Notice/Notice.svelte"; export { default as NoticeAction } from "./Notice/NoticeAction.svelte"; export { default as Toaster, showToast, hideToast } from "./Toast/Toast.svelte"; From 662760031cc8d3797098a851f6e8730f873ce487 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Tue, 18 Nov 2025 19:33:22 +0100 Subject: [PATCH 15/27] fix linting issues --- .../lib/components/navigation/navigation.a11y.test.ts | 1 - .../src/components/Navigation/Navigation.stories.svelte | 6 ++---- .../src/components/Navigation/Navigation.test.ts | 5 ++++- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts b/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts index 030cb78895..23af1a8741 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts +++ b/packages/stacks-classic/lib/components/navigation/navigation.a11y.test.ts @@ -1,6 +1,5 @@ import { html } from "@open-wc/testing"; import { runA11yTests } from "../../test/a11y-test-utils"; -import { WCAGNonTextContrast } from "../../test/assertions"; import "../../index"; const items = [ diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte index 444b3b1249..5d3a8f0889 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte @@ -16,10 +16,8 @@ const { Story } = defineMeta({ title: "Components/Navigation", component: Navigation, - subcomponents: { - NavigationItem, - NavigationTitle, - }, + // @ts-expect-error: subcomponents is not typed correctly - see related issue https://github.com/storybookjs/storybook/issues/23170 + subcomponents: { NavigationItem, NavigationTitle }, }); let selected = $state("Content"); diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts index 28d1c9c2dd..14211752c0 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts @@ -35,7 +35,10 @@ describe("Navigation", () => { const nav = screen.getByRole("navigation", { name: "Main navigation" }); expect(nav).to.exist; expect(screen.getByRole("link", { name: "Item 1" })).to.exist; - expect(screen.getByRole("link", { name: "Item 1" })).to.have.attribute("aria-current", "true"); + expect(screen.getByRole("link", { name: "Item 1" })).to.have.attribute( + "aria-current", + "true" + ); expect(screen.getByRole("link", { name: "Item 2" })).to.exist; }); }); From 741c49ebe5b45766e2f2e498523eadc241e8d573 Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Tue, 18 Nov 2025 17:14:22 -0500 Subject: [PATCH 16/27] Remove dupe text from docs page --- packages/stacks-docs/product/components/navigation.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index 8a22ed67c6..18b6b9697c 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -277,17 +277,17 @@
  • - Content + Content
  • - Brand + Brand
  • - Marketing + Marketing
    • @@ -333,7 +333,7 @@
  • - More + More
    • From 05685a22de1e95e5fefdec2d375ecdfe0e3c93a1 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Wed, 19 Nov 2025 13:18:09 +0100 Subject: [PATCH 17/27] update dropdown to new chevron --- .../lib/components/navigation/navigation.less | 22 ++++++++++--------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index 1e248fc6ef..25c10227a6 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -16,6 +16,8 @@ --_na-item-selected-h: var(--su-static2); --_na-item-text-ta: center; --_na-title-mt: var(--su16); + --_na-after-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M11.35 4.35 6 9.71.65 4.35l.7-.7L6 8.29l4.65-4.64z'/%3E%3C/svg%3E"); + --_na-after-bg-color: var(--black-400); // CONTEXTUAL STYLES .highcontrast-mode({ @@ -90,22 +92,22 @@ // TODO: include child component class (without variant) on selector &__dropdown { &:after { - border-style: solid; - border-width: var(--su-static4) var(--su-static4) 0 var(--su-static4); - border-color: currentColor transparent; + mask-image: var(--_na-after-mask); + mask-size: contain; + mask-repeat: no-repeat; + background-color: var(--_na-after-bg-color); content: ""; - pointer-events: none; - position: absolute; - right: 0.9em; - top: calc(50% - var(--su-static2)); // 50% - 2px - z-index: var(--zi-active); + height: var(--su12); + width: var(--su12); + margin-left: var(--su8); } - - padding-right: 2em; } &:hover, &:active { + .highcontrast-mode({ + --_na-after-bg-color: var(--white); + }); background-color: var(--_na-item-bg-hover); color: var(--_na-item-fc-hover); } From c25565799be579060d810c6facec60b4278bbb45 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Wed, 19 Nov 2025 13:27:29 +0100 Subject: [PATCH 18/27] ensure no layout shift for hc mode selected --- .../stacks-classic/lib/components/navigation/navigation.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/stacks-classic/lib/components/navigation/navigation.less b/packages/stacks-classic/lib/components/navigation/navigation.less index 25c10227a6..46ce64e80b 100644 --- a/packages/stacks-classic/lib/components/navigation/navigation.less +++ b/packages/stacks-classic/lib/components/navigation/navigation.less @@ -83,7 +83,7 @@ .highcontrast-mode({ --_na-item-fc-hover: var(--white); - border: var(--su-static1) solid var(--black-500); + box-shadow: inset 0 0 0 var(--su-static1) var(--black-500); }); font-weight: bold; From b780c69f8acdcc41a57063ba397382009e01f807 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 00:12:08 +0100 Subject: [PATCH 19/27] popover reference should support references with children of role button --- .../src/components/Popover/Popover.test.ts | 23 ++++++++++++- .../Popover/PopoverReference.svelte | 33 ++++++++++++++----- 2 files changed, 47 insertions(+), 9 deletions(-) diff --git a/packages/stacks-svelte/src/components/Popover/Popover.test.ts b/packages/stacks-svelte/src/components/Popover/Popover.test.ts index 8d81b8934b..b1d56ab10c 100644 --- a/packages/stacks-svelte/src/components/Popover/Popover.test.ts +++ b/packages/stacks-svelte/src/components/Popover/Popover.test.ts @@ -515,7 +515,7 @@ describe("Popover", () => { }); describe("when not in tooltip mode", () => { - it("should throw an error if the reference element provided is not of role button", () => { + it("should throw an error if the reference element provided does not have any children of role button", () => { expect(() => render(Popover, { props: { @@ -539,6 +539,27 @@ describe("Popover", () => { ); }); + it("should not throw an error if the reference element has any children of role button", () => { + expect(() => + render(Popover, { + props: { + ...defaultProps, + children: createSvelteComponentsSnippet([ + { + component: PopoverReference, + props: { + children: createRawSnippet(() => ({ + render: () => "
    • ", + })), + }, + }, + defaultChildren.content, + ]), + }, + }) + ).not.to.throw(); + }); + it("should automatically apply the correct aria attributes to the elements", async () => { render(Popover, { props: { diff --git a/packages/stacks-svelte/src/components/Popover/PopoverReference.svelte b/packages/stacks-svelte/src/components/Popover/PopoverReference.svelte index 57e11b52f4..e08a196f51 100644 --- a/packages/stacks-svelte/src/components/Popover/PopoverReference.svelte +++ b/packages/stacks-svelte/src/components/Popover/PopoverReference.svelte @@ -23,14 +23,36 @@ let pstate = usePopoverContext("PopoverReference"); + const isButton = (el: Element) => + el.tagName.toLowerCase() === "button" || + el.getAttribute("role") === "button"; + + const findButton = (el: HTMLElement): HTMLElement | null => { + if (isButton(el)) return el; + return el.children.length > 0 + ? findButton(el.children[0] as HTMLElement) + : null; + }; + const setupRef = ( elId: string | null, refWrapper: HTMLElement, state: PopoverState ) => { - const ref = elId - ? (document.getElementById(elId) as HTMLElement) - : (refWrapper.firstElementChild as HTMLElement); + let ref: HTMLElement | null = null; + if (elId) { + ref = document.getElementById(elId) as HTMLElement; + } else { + ref = refWrapper.firstElementChild as HTMLElement; + if (!pstate.tooltip && !pstate.controlled) { + ref = findButton(ref); + if (!ref) { + throw new Error( + "Reference element must have a role of 'button' for uncontrolled popovers." + ); + } + } + } if (!ref) { throw new Error("No reference element found."); @@ -41,11 +63,6 @@ }; const setupPopover = (ref: HTMLElement, pstate: PopoverState) => { - if (ref.tagName.toLowerCase() !== "button" && ref.role !== "button") { - throw new Error( - "Reference element must have a role of 'button' for uncontrolled popovers." - ); - } ref.setAttribute("aria-controls", `${pstate.id}-popover`); const toggle = pstate.dismissible ? pstate.toggle : pstate.open; ref.addEventListener("click", toggle); From 79f89db62ef579990a76af8f401e69081fc8341b Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 00:13:07 +0100 Subject: [PATCH 20/27] write navigation stories --- .../product/components/navigation.html | 4 +- .../Navigation/Navigation.stories.svelte | 427 ++++++++++++++++-- .../Navigation/NavigationItem.svelte | 2 +- 3 files changed, 387 insertions(+), 46 deletions(-) diff --git a/packages/stacks-docs/product/components/navigation.html b/packages/stacks-docs/product/components/navigation.html index 18b6b9697c..2931bb5b35 100644 --- a/packages/stacks-docs/product/components/navigation.html +++ b/packages/stacks-docs/product/components/navigation.html @@ -499,7 +499,7 @@ @Svg.Jobs.With("s-navigation--icon") Jobs
    -
    New
    +
    New
  • @@ -537,7 +537,7 @@ {% icon "Jobs", "s-navigation--icon" %} Jobs
    • -
    New
    +
    New
  • diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte index 5d3a8f0889..fc7dd463f8 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte @@ -1,8 +1,16 @@ - - {#snippet template()} - - - - + + + {#snippet template({ children, ...args })} + + {#each ["Label 1", "Label 2", "Label 3"] as label (label)} + (base = label)} + /> + {/each} {/snippet} - - (selected = "Content")} - /> - (selected = "Topics")} - /> - (selected = "People")} - /> - (selected = "Settings")} - /> + + {#each horizontalItems as item (item.text)} + (horizontal = item.text)} + /> + {/each} + + + + + + {#each verticalItems as item (item.text)} + (vertical = item.text)} + /> + {/each} -TODO + +

    Horizontal Small

    + + {#each ["Label 1", "Label 2", "Label 3"] as label (label)} + (base = label)} + /> + {/each} + -TODO +

    Vertical Small

    + + {#each ["Label 1", "Label 2", "Label 3"] as label (label)} + (base = label)} + /> + {/each} + +     -TODO + + + {#each ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5"] as label (label)} + (base = label)} + /> + {/each} + + -TODO + + + {#each ["Label 1", "Label 2", "Label 3"] as label (label)} + + + (base = label)} + dropdown + /> + + +

    Content here

    +     +     + {/each} +     +     -TODO + + + + {#each ["Label 1", "Label 2", "Label 3"] as label (label)} + (base = label)} + /> + {/each} + + {#each ["Label 4", "Label 5", "Label 6"] as label (label)} + (base = label)} + /> + {/each} + + + + + + (tSelected = "Home")} + /> + (tSelected = "AI Assist")} + > + {#snippet trailing()} + New + {/snippet} + + {#each groups as group (group)} + {@const groupItems = trailingItems.filter( + (item) => item.group === group + )} + {@const isCollapsed = tCollapsed[group]} + + {#snippet trailing()} + + {/snippet} + + + {@const selectedItem = groupItems.find( + (item) => tSelected === item.text + )} + {@const selectedIndex = groupItems.findIndex( + (item) => tSelected === item.text + )} + {@const itemsBefore = + selectedIndex >= 0 + ? groupItems.slice(0, selectedIndex) + : groupItems} + {@const itemsAfter = + selectedIndex >= 0 ? groupItems.slice(selectedIndex + 1) : []} -TODO + {#if !isCollapsed} +
    + {#each itemsBefore as item (item.text)} + (tSelected = item.text)} + > + {#snippet trailing()} + {#if item.activity} + + {/if} + {/snippet} + + {/each} +
    + {/if} + {#if selectedItem} + (tSelected = selectedItem.text)} + > + {#snippet trailing()} + {#if selectedItem.activity} + + {/if} + {/snippet} + + {/if} + {#if !isCollapsed} +
    + {#each itemsAfter as item (item.text)} + (tSelected = item.text)} + > + {#snippet trailing()} + {#if item.activity} + + {/if} + {/snippet} + + {/each} +
    + {/if} + {/each} +     +     diff --git a/packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte b/packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte index 5b0c63faaf..62db1c7f22 100644 --- a/packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte +++ b/packages/stacks-svelte/src/components/Navigation/NavigationItem.svelte @@ -66,7 +66,7 @@ dropdown: boolean ) => { const base = "s-navigation--item"; - let classes = "d-flex jc-space-between " + base; + let classes = "d-flex jc-space-between w100 " + base; if (dropdown) { classes += ` ${base}__dropdown`; } From e8a3691c948c3ade0ce5c1137dd3c22e313ebdc3 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 00:18:07 +0100 Subject: [PATCH 21/27] fix linting --- packages/stacks-svelte/src/components/Popover/Popover.test.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/stacks-svelte/src/components/Popover/Popover.test.ts b/packages/stacks-svelte/src/components/Popover/Popover.test.ts index b1d56ab10c..e016f8c0b4 100644 --- a/packages/stacks-svelte/src/components/Popover/Popover.test.ts +++ b/packages/stacks-svelte/src/components/Popover/Popover.test.ts @@ -549,7 +549,8 @@ describe("Popover", () => { component: PopoverReference, props: { children: createRawSnippet(() => ({ - render: () => "
    • ", + render: () => + "
    • ", })), }, }, From a0c9edd5c08a328de5ac616102dc6a396918b73c Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 12:00:44 +0100 Subject: [PATCH 22/27] add unit tests --- .../components/Navigation/Navigation.svelte | 7 +- .../components/Navigation/Navigation.test.ts | 362 +++++++++++++++++- packages/stacks-svelte/test-utils.ts | 3 +- 3 files changed, 351 insertions(+), 21 deletions(-) diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.svelte b/packages/stacks-svelte/src/components/Navigation/Navigation.svelte index 233f8c0346..251edaf3b9 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.svelte +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.svelte @@ -9,10 +9,6 @@ * The aria-label for the navigation */ label: string; - /** - * The role of the navigation list element - */ - role?: "list" | "tablist"; /** * The orientation of the navigation */ @@ -36,7 +32,6 @@ } let { label, - role = "list", orientation = "horizontal", overflow = "wrap", size = "", @@ -71,7 +66,7 @@ diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts index 14211752c0..bda48a107f 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts @@ -1,44 +1,378 @@ import { expect } from "@open-wc/testing"; import { render, screen } from "@testing-library/svelte"; +import userEvent from "@testing-library/user-event"; +import { createRawSnippet } from "svelte"; +import sinon from "sinon"; +import { + IconHome, + IconHomeFill, + IconJobs, + IconJobsFill, + IconTagStack, + IconTagStackFill, + IconSettings, + IconSettingsFill, +} from "@stackoverflow/stacks-icons/icons"; import { createSvelteComponentsSnippet } from "../../../test-utils"; -import type { Component } from "svelte"; import Navigation from "./Navigation.svelte"; import NavigationItem from "./NavigationItem.svelte"; +import NavigationTitle from "./NavigationTitle.svelte"; -// TODO: write unit tests describe("Navigation", () => { - it("should render a navigation element with the correct label and items", () => { + it("should render navigation with multiple items and handle selection with links", async () => { render(Navigation, { props: { label: "Main navigation", children: createSvelteComponentsSnippet([ { - component: NavigationItem as Component, + component: NavigationItem, props: { text: "Item 1", - href: "#", + href: "#item1", selected: true, }, }, { - component: NavigationItem as Component, + component: NavigationItem, props: { text: "Item 2", - href: "#", + href: "#item2", + }, + }, + { + component: NavigationItem, + props: { + text: "Item 3", + href: "#item3", }, }, ]), }, }); - const nav = screen.getByRole("navigation", { name: "Main navigation" }); + const nav = screen.getByRole("navigation", { + name: "Main navigation", + }); expect(nav).to.exist; - expect(screen.getByRole("link", { name: "Item 1" })).to.exist; - expect(screen.getByRole("link", { name: "Item 1" })).to.have.attribute( - "aria-current", - "true" - ); - expect(screen.getByRole("link", { name: "Item 2" })).to.exist; + + const item1 = screen.getByRole("link", { name: "Item 1" }); + const item2 = screen.getByRole("link", { name: "Item 2" }); + const item3 = screen.getByRole("link", { name: "Item 3" }); + + expect(item1).to.have.attribute("aria-current", "true"); + expect(item2).not.to.have.attribute("aria-current"); + expect(item3).not.to.have.attribute("aria-current"); + }); + + it("should render navigation with button items and handle click events", async () => { + const onButton1Click = sinon.spy(); + const onButton2Click = sinon.spy(); + + render(Navigation, { + props: { + label: "Button navigation", + children: createSvelteComponentsSnippet([ + { + component: NavigationItem, + props: { + text: "Button 1", + selected: true, + onclick: onButton1Click, + }, + }, + { + component: NavigationItem, + props: { + text: "Button 2", + onclick: onButton2Click, + }, + }, + ]), + }, + }); + + const button1 = screen.getByRole("button", { name: "Button 1" }); + const button2 = screen.getByRole("button", { name: "Button 2" }); + + expect(button1).to.have.attribute("aria-current", "true"); + expect(button2).not.to.have.attribute("aria-current"); + + await userEvent.click(button1); + expect(onButton1Click).to.have.been.calledOnce; + + await userEvent.click(button2); + expect(onButton2Click).to.have.been.calledOnce; + }); + + it("should render vertical navigation with proper class and icon switching on selection", () => { + render(Navigation, { + props: { + label: "Vertical navigation", + orientation: "vertical", + children: createSvelteComponentsSnippet([ + { + component: NavigationItem, + props: { + text: "Home", + icon: IconHome, + iconSelected: IconHomeFill, + selected: true, + }, + }, + { + component: NavigationItem, + props: { + text: "Jobs", + icon: IconJobs, + iconSelected: IconJobsFill, + }, + }, + { + component: NavigationItem, + props: { + text: "Saves", + icon: IconTagStack, + iconSelected: IconTagStackFill, + }, + }, + ]), + }, + }); + + const list = screen.getByRole("list"); + expect(list).to.have.class("s-navigation__vertical"); + + const homeButton = screen.getByRole("button", { name: "Home" }); + expect(homeButton).to.have.attribute("aria-current", "true"); + + // selected item should show iconSelected (IconHomeFill) + const homeIcon = homeButton.querySelector(".s-navigation--icon"); + expect(homeIcon).to.have.class("iconHomeFill"); + expect(homeIcon).not.to.have.class("iconHome"); + + // Non-selected items should show regular icon (not the selected variant) + const jobsButton = screen.getByRole("button", { name: "Jobs" }); + const jobsIcon = jobsButton.querySelector(".s-navigation--icon"); + expect(jobsIcon).to.have.class("iconJobs"); + expect(jobsIcon).not.to.have.class("iconJobsFill"); + + const savesButton = screen.getByRole("button", { name: "Saves" }); + const savesIcon = savesButton.querySelector(".s-navigation--icon"); + expect(savesIcon).to.have.class("iconTagStack"); + expect(savesIcon).not.to.have.class("iconTagStackFill"); + }); + + it("should render horizontal navigation with dropdown indicators on specific items", () => { + render(Navigation, { + props: { + label: "Horizontal navigation", + orientation: "horizontal", + children: createSvelteComponentsSnippet([ + { + component: NavigationItem, + props: { + text: "Content", + icon: IconHome, + iconSelected: IconHomeFill, + selected: true, + }, + }, + { + component: NavigationItem, + props: { + text: "Topics", + icon: IconTagStack, + iconSelected: IconTagStackFill, + }, + }, + { + component: NavigationItem, + props: { + text: "Settings", + icon: IconSettings, + iconSelected: IconSettingsFill, + dropdown: true, + }, + }, + ]), + }, + }); + + const list = screen.getByRole("list"); + expect(list).not.to.have.class("s-navigation__vertical"); + + const contentButton = screen.getByRole("button", { + name: "Content", + }); + const topicsButton = screen.getByRole("button", { name: "Topics" }); + const settingsButton = screen.getByRole("button", { + name: "Settings", + }); + + expect(contentButton).not.to.have.class("s-navigation--item__dropdown"); + expect(topicsButton).not.to.have.class("s-navigation--item__dropdown"); + expect(settingsButton).to.have.class("s-navigation--item__dropdown"); + }); + + it("should render navigation with title sections separating groups", () => { + render(Navigation, { + props: { + label: "Grouped navigation", + orientation: "vertical", + children: createSvelteComponentsSnippet([ + { + component: NavigationTitle, + props: { + title: "Group 1", + }, + }, + { + component: NavigationItem, + props: { + text: "Item 1", + selected: true, + }, + }, + { + component: NavigationTitle, + props: { + title: "Group 2", + }, + }, + { + component: NavigationItem, + props: { + text: "Item 2", + }, + }, + ]), + }, + }); + + // TODO: is role separator semantically correct here? should titles be heading instead? + const separators = screen.getAllByRole("separator"); + expect(separators.length).to.equal(2); + + expect(separators[0]).to.have.text("Group 1 "); + expect(separators[1]).to.have.text("Group 2 "); + }); + + it("should render navigation items and navigation titles with trailing content", () => { + render(Navigation, { + props: { + label: "Navigation items with trailing content", + orientation: "vertical", + children: createSvelteComponentsSnippet([ + { + component: NavigationTitle, + props: { + title: "Title", + trailing: createRawSnippet(() => ({ + render: () => "", + })), + }, + }, + { + component: NavigationItem, + props: { + text: "Home", + icon: IconHome, + iconSelected: IconHomeFill, + selected: true, + trailing: createRawSnippet(() => ({ + render: () => "New", + })), + }, + }, + ]), + }, + }); + + expect(screen.getByRole("button", { name: "Toggle" })).to.exist; + expect(screen.getByText("New")).to.exist; + }); + + it("should apply scroll class when overflow is set to scroll", () => { + render(Navigation, { + props: { + label: "Scroll navigation", + overflow: "scroll", + children: createSvelteComponentsSnippet([ + { + component: NavigationItem, + props: { text: "Item 1", selected: true }, + }, + { + component: NavigationItem, + props: { text: "Item 2" }, + }, + { + component: NavigationItem, + props: { text: "Item 3" }, + }, + ]), + }, + }); + + const list = screen.getByRole("list"); + expect(list).to.have.class("s-navigation__scroll"); + }); + + it("should apply small size class when the related prop is passed", () => { + render(Navigation, { + props: { + label: "Small horizontal navigation", + size: "sm", + children: createSvelteComponentsSnippet([ + { + component: NavigationItem, + props: { text: "Item 1", selected: true }, + }, + { + component: NavigationItem, + props: { text: "Item 2" }, + }, + ]), + }, + }); + + const list = screen.getByRole("list"); + expect(list).to.have.class("s-navigation__sm"); + }); + + it("should allow custom classes to be applied", () => { + render(Navigation, { + props: { + label: "Custom styled navigation", + class: "custom-nav-class", + children: createSvelteComponentsSnippet([ + { + component: NavigationTitle, + props: { + title: "Title", + class: "custom-title-class", + }, + }, + { + component: NavigationItem, + props: { + text: "Item", + class: "custom-item-class", + selected: true, + }, + }, + ]), + }, + }); + + const list = screen.getByRole("list"); + expect(list).to.have.class("custom-nav-class"); + + const title = screen.getByText("Title"); + expect(title).to.have.class("custom-title-class"); + + const item = screen.getByRole("button", { name: "Item" }); + expect(item).to.have.class("custom-item-class"); }); }); diff --git a/packages/stacks-svelte/test-utils.ts b/packages/stacks-svelte/test-utils.ts index ce071dc4b3..0cff7fa0e1 100644 --- a/packages/stacks-svelte/test-utils.ts +++ b/packages/stacks-svelte/test-utils.ts @@ -45,7 +45,8 @@ interface ComponentMeta { } const createSvelteComponentsSnippet = ( - components: ComponentMeta[] + // eslint-disable-next-line @typescript-eslint/no-explicit-any + components: ComponentMeta[] ) => createRawSnippet(() => ({ render: () => "", From e231b707898f71086e0cb6b7605b7bf97f526891 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 12:09:00 +0100 Subject: [PATCH 23/27] add stories and unit tests for avatar variant --- .../Navigation/Navigation.stories.svelte | 19 ++++++++++++++++- .../components/Navigation/Navigation.test.ts | 21 +++++++++++++++++++ 2 files changed, 39 insertions(+), 1 deletion(-) diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte index fc7dd463f8..36bf1b9920 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte @@ -260,7 +260,7 @@ - + {#each ["Label 1", "Label 2", "Label 3"] as label (label)} @@ -300,6 +300,23 @@ + + + (base = "Label 1")} + /> + (base = "Label 2")} + /> + + + { expect(list).to.have.class("s-navigation__sm"); }); + it("should render navigation items with avatar", () => { + render(Navigation, { + props: { + label: "Navigation items with avatar", + orientation: "vertical", + children: createSvelteComponentsSnippet([ + { + component: NavigationItem, + props: { + text: "Item 1", + avatar: "https://picsum.photos/32", + }, + }, + ]), + }, + }); + + const item = screen.getByRole("button", { name: "Item 1" }); + expect(item).to.have.class("s-navigation--avatar"); + }); + it("should allow custom classes to be applied", () => { render(Navigation, { props: { From 898a7caf567e9e5a26cc78ace45f12f05795135d Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 12:18:21 +0100 Subject: [PATCH 24/27] add border to title separators --- .../src/components/Navigation/Navigation.stories.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte index 36bf1b9920..b46a9e12b3 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.stories.svelte @@ -342,7 +342,7 @@ (item) => item.group === group )} {@const isCollapsed = tCollapsed[group]} - + {#snippet trailing()} {/snippet} From 726a491a0672922979201db56037077901c957f3 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 12:54:33 +0100 Subject: [PATCH 26/27] fix avatar unit tests --- .../src/components/Navigation/Navigation.test.ts | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts index 32f0067f41..5cf8cdc012 100644 --- a/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts +++ b/packages/stacks-svelte/src/components/Navigation/Navigation.test.ts @@ -358,8 +358,11 @@ describe("Navigation", () => { }, }); - const item = screen.getByRole("button", { name: "Item 1" }); - expect(item).to.have.class("s-navigation--avatar"); + // TODO: should we have a version of the avatar decorative only? + const item = screen.getByRole("button", { name: "Item 1 Item 1" }); + expect(item).to.exist; + const img = screen.getByRole("presentation"); + expect(img).to.have.attribute("src", "https://picsum.photos/32"); }); it("should allow custom classes to be applied", () => { From ce6a5ac567a21db2a641e6046e642e43b9fb5710 Mon Sep 17 00:00:00 2001 From: Giamir Buoncristiani Date: Thu, 20 Nov 2025 13:10:28 +0100 Subject: [PATCH 27/27] update baseline images --- .../screenshots/Chromium/baseline/s-navigation-dark-icon.ico | 3 +++ .../Chromium/baseline/s-navigation-dark-scroll-icon.ico | 3 +++ .../Chromium/baseline/s-navigation-dark-scroll.ico | 4 ++-- .../screenshots/Chromium/baseline/s-navigation-dark-sm.ico | 4 ++-- .../Chromium/baseline/s-navigation-dark-vertical-icon.ico | 3 +++ .../Chromium/baseline/s-navigation-dark-vertical-sm.ico | 3 +++ .../Chromium/baseline/s-navigation-dark-vertical.ico | 4 ++-- .../screenshots/Chromium/baseline/s-navigation-dark.ico | 4 ++-- .../Chromium/baseline/s-navigation-highcontrast-dark-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-scroll-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-scroll.ico | 4 ++-- .../Chromium/baseline/s-navigation-highcontrast-dark-sm.ico | 4 ++-- .../baseline/s-navigation-highcontrast-dark-vertical-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-vertical-sm.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-vertical.ico | 4 ++-- .../Chromium/baseline/s-navigation-highcontrast-dark.ico | 4 ++-- .../baseline/s-navigation-highcontrast-light-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-scroll-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-scroll.ico | 4 ++-- .../Chromium/baseline/s-navigation-highcontrast-light-sm.ico | 4 ++-- .../s-navigation-highcontrast-light-vertical-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-vertical-sm.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-vertical.ico | 4 ++-- .../Chromium/baseline/s-navigation-highcontrast-light.ico | 4 ++-- .../screenshots/Chromium/baseline/s-navigation-light-icon.ico | 3 +++ .../Chromium/baseline/s-navigation-light-scroll-icon.ico | 3 +++ .../Chromium/baseline/s-navigation-light-scroll.ico | 4 ++-- .../screenshots/Chromium/baseline/s-navigation-light-sm.ico | 4 ++-- .../Chromium/baseline/s-navigation-light-vertical-icon.ico | 3 +++ .../Chromium/baseline/s-navigation-light-vertical-sm.ico | 3 +++ .../Chromium/baseline/s-navigation-light-vertical.ico | 4 ++-- .../screenshots/Chromium/baseline/s-navigation-light.ico | 4 ++-- .../screenshots/Chromium/baseline/s-topbar-dark-alt.ico | 4 ++-- .../Chromium/baseline/s-topbar-dark-dark-variant-alt.ico | 4 ++-- .../Chromium/baseline/s-topbar-dark-light-variant-alt.ico | 4 ++-- .../Chromium/baseline/s-topbar-highcontrast-dark-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-dark-light-variant-alt.ico | 4 ++-- .../Chromium/baseline/s-topbar-highcontrast-light-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-light-dark-variant-alt.ico | 4 ++-- .../s-topbar-highcontrast-light-light-variant-alt.ico | 4 ++-- .../screenshots/Chromium/baseline/s-topbar-light-alt.ico | 4 ++-- .../Chromium/baseline/s-topbar-light-dark-variant-alt.ico | 4 ++-- .../Chromium/baseline/s-topbar-light-light-variant-alt.ico | 4 ++-- .../screenshots/Firefox/baseline/s-navigation-dark-icon.ico | 3 +++ .../Firefox/baseline/s-navigation-dark-scroll-icon.ico | 3 +++ .../screenshots/Firefox/baseline/s-navigation-dark-scroll.ico | 4 ++-- .../screenshots/Firefox/baseline/s-navigation-dark-sm.ico | 4 ++-- .../Firefox/baseline/s-navigation-dark-vertical-icon.ico | 3 +++ .../Firefox/baseline/s-navigation-dark-vertical-sm.ico | 3 +++ .../Firefox/baseline/s-navigation-dark-vertical.ico | 4 ++-- .../screenshots/Firefox/baseline/s-navigation-dark.ico | 4 ++-- .../Firefox/baseline/s-navigation-highcontrast-dark-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-scroll-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-scroll.ico | 4 ++-- .../Firefox/baseline/s-navigation-highcontrast-dark-sm.ico | 4 ++-- .../baseline/s-navigation-highcontrast-dark-vertical-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-vertical-sm.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-vertical.ico | 4 ++-- .../Firefox/baseline/s-navigation-highcontrast-dark.ico | 4 ++-- .../Firefox/baseline/s-navigation-highcontrast-light-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-scroll-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-scroll.ico | 4 ++-- .../Firefox/baseline/s-navigation-highcontrast-light-sm.ico | 4 ++-- .../s-navigation-highcontrast-light-vertical-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-vertical-sm.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-vertical.ico | 4 ++-- .../Firefox/baseline/s-navigation-highcontrast-light.ico | 4 ++-- .../screenshots/Firefox/baseline/s-navigation-light-icon.ico | 3 +++ .../Firefox/baseline/s-navigation-light-scroll-icon.ico | 3 +++ .../Firefox/baseline/s-navigation-light-scroll.ico | 4 ++-- .../screenshots/Firefox/baseline/s-navigation-light-sm.ico | 4 ++-- .../Firefox/baseline/s-navigation-light-vertical-icon.ico | 3 +++ .../Firefox/baseline/s-navigation-light-vertical-sm.ico | 3 +++ .../Firefox/baseline/s-navigation-light-vertical.ico | 4 ++-- .../screenshots/Firefox/baseline/s-navigation-light.ico | 4 ++-- .../screenshots/Firefox/baseline/s-topbar-dark-alt.ico | 4 ++-- .../Firefox/baseline/s-topbar-dark-dark-variant-alt.ico | 4 ++-- .../Firefox/baseline/s-topbar-dark-light-variant-alt.ico | 4 ++-- .../Firefox/baseline/s-topbar-highcontrast-dark-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-dark-light-variant-alt.ico | 4 ++-- .../Firefox/baseline/s-topbar-highcontrast-light-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-light-dark-variant-alt.ico | 4 ++-- .../s-topbar-highcontrast-light-light-variant-alt.ico | 4 ++-- .../screenshots/Firefox/baseline/s-topbar-light-alt.ico | 4 ++-- .../Firefox/baseline/s-topbar-light-dark-variant-alt.ico | 4 ++-- .../Firefox/baseline/s-topbar-light-light-variant-alt.ico | 4 ++-- .../screenshots/Webkit/baseline/s-navigation-dark-icon.ico | 3 +++ .../Webkit/baseline/s-navigation-dark-scroll-icon.ico | 3 +++ .../screenshots/Webkit/baseline/s-navigation-dark-scroll.ico | 4 ++-- .../screenshots/Webkit/baseline/s-navigation-dark-sm.ico | 4 ++-- .../Webkit/baseline/s-navigation-dark-vertical-icon.ico | 3 +++ .../Webkit/baseline/s-navigation-dark-vertical-sm.ico | 3 +++ .../Webkit/baseline/s-navigation-dark-vertical.ico | 4 ++-- .../screenshots/Webkit/baseline/s-navigation-dark.ico | 4 ++-- .../Webkit/baseline/s-navigation-highcontrast-dark-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-scroll-icon.ico | 3 +++ .../Webkit/baseline/s-navigation-highcontrast-dark-scroll.ico | 4 ++-- .../Webkit/baseline/s-navigation-highcontrast-dark-sm.ico | 4 ++-- .../baseline/s-navigation-highcontrast-dark-vertical-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-vertical-sm.ico | 3 +++ .../baseline/s-navigation-highcontrast-dark-vertical.ico | 4 ++-- .../Webkit/baseline/s-navigation-highcontrast-dark.ico | 4 ++-- .../Webkit/baseline/s-navigation-highcontrast-light-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-scroll-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-scroll.ico | 4 ++-- .../Webkit/baseline/s-navigation-highcontrast-light-sm.ico | 4 ++-- .../s-navigation-highcontrast-light-vertical-icon.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-vertical-sm.ico | 3 +++ .../baseline/s-navigation-highcontrast-light-vertical.ico | 4 ++-- .../Webkit/baseline/s-navigation-highcontrast-light.ico | 4 ++-- .../screenshots/Webkit/baseline/s-navigation-light-icon.ico | 3 +++ .../Webkit/baseline/s-navigation-light-scroll-icon.ico | 3 +++ .../screenshots/Webkit/baseline/s-navigation-light-scroll.ico | 4 ++-- .../screenshots/Webkit/baseline/s-navigation-light-sm.ico | 4 ++-- .../Webkit/baseline/s-navigation-light-vertical-icon.ico | 3 +++ .../Webkit/baseline/s-navigation-light-vertical-sm.ico | 3 +++ .../Webkit/baseline/s-navigation-light-vertical.ico | 4 ++-- .../screenshots/Webkit/baseline/s-navigation-light.ico | 4 ++-- .../screenshots/Webkit/baseline/s-topbar-dark-alt.ico | 4 ++-- .../Webkit/baseline/s-topbar-dark-dark-variant-alt.ico | 4 ++-- .../Webkit/baseline/s-topbar-dark-light-variant-alt.ico | 4 ++-- .../Webkit/baseline/s-topbar-highcontrast-dark-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-dark-light-variant-alt.ico | 4 ++-- .../Webkit/baseline/s-topbar-highcontrast-light-alt.ico | 4 ++-- .../baseline/s-topbar-highcontrast-light-dark-variant-alt.ico | 4 ++-- .../s-topbar-highcontrast-light-light-variant-alt.ico | 4 ++-- .../screenshots/Webkit/baseline/s-topbar-light-alt.ico | 4 ++-- .../Webkit/baseline/s-topbar-light-dark-variant-alt.ico | 4 ++-- .../Webkit/baseline/s-topbar-light-light-variant-alt.ico | 4 ++-- 132 files changed, 312 insertions(+), 168 deletions(-) create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-sm.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-icon.ico create mode 100644 packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-sm.ico diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-icon.ico new file mode 100644 index 0000000000..64daed8e2d --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:898b1c2c903bd467599aa1bbfb016f57a15060294fadd27ac1e97f9b0dd5d6ab +size 7538 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll-icon.ico new file mode 100644 index 0000000000..3cebe864d8 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:7ce217423377169e044b48127be2fb85e41561621dd9c711498fcb22551d198f +size 2860 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll.ico index 76696d10ba..e15da897f5 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:be735b01d65ef8e435bc6bb2e69b86e6f64df97a19b06d734223ddd6f157d5dc -size 3689 +oid sha256:ac10378aff1f6ff5f546baa365be2c5c88e8782bb2546c5107855845aa71a949 +size 2775 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-sm.ico index 3e38dfee72..dc23013bd9 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:e0a450845be2b8d8b9c21ee8d7337dd01ae2127aa316a52753882ee03d3a63ae -size 6051 +oid sha256:7b905f2dae48b2361f64fed1a14793831515529c29ad6a741b2da72189fdf345 +size 5232 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-icon.ico new file mode 100644 index 0000000000..51f5c9d901 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:b8da3b7c40b8bc7e057bb44d43392c4a2891a61c445c9668bb5b14d50a35d845 +size 10877 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-sm.ico new file mode 100644 index 0000000000..296d4e4dc4 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:094033667ccf08857738914b98f2d9536643d9d4802b55a56d47deb01975eabb +size 8607 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical.ico index 0b594b8ecc..3d1dcdb4b9 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:f06bb6985bceb6d23a31b398d1303301a03007056fba21c66b1512be50cdc2e5 -size 10066 +oid sha256:ebd5edc24f544d67ae7eb885997df7127fcc17868af86d71f8c13aa1ee02de2f +size 9119 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark.ico index ba469c16b5..93af052f8a 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-dark.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:5382671a9e1df3ccf147afe5b51d21d65d5ee3bfd1bc2882fb21aaa7871866e2 -size 7076 +oid sha256:d67adf7e281977dd59b47d4ae44c1fb728eef18aa4c86048ac22140b9bd7537d +size 6356 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-icon.ico new file mode 100644 index 0000000000..315ca04fd6 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:5902313a9d8cf3bf03ad005a091c15115ed36e027305e9e8a7d2a1042a8bfdd7 +size 8743 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll-icon.ico new file mode 100644 index 0000000000..8883ad232b --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:f34ba8d0e733e1d2ba31dad62e389ff7bb25c483f226530fa697252540b36ea6 +size 3455 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll.ico index 26f290bbef..53b512367d 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:38a1e70c4e19dccca43f794bf42dc6a3b038bb814a1d94731d60ddaa19ab5193 -size 3672 +oid sha256:d5624eab666d9905616e9124500c1a0b1084873f15bbf18148d4a023706a0fc9 +size 3346 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-sm.ico index 2ba3e65bda..0a6e5d9f68 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:920123f94826eb0dbf9aa1c6bf42185a326d3a50d2a36b55ce87ee326a315553 -size 6118 +oid sha256:55b48faf7767b0e8196979cab70f96371c1972138c7f9f0db48ecfb83ebb5458 +size 6436 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-icon.ico new file mode 100644 index 0000000000..ac81f8d007 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:9394c7e68f2b6bbd52c2cc2e2d2b3970c065f4a41d2e58df28dfc808807a6300 +size 11616 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-sm.ico new file mode 100644 index 0000000000..56db39c1b8 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:2d49cb5c93d1e2425c025e7a7183a8f7e6b4872310fbe0dd3072d4a6340c2c9f +size 9263 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical.ico index a72afd849e..bcce7c583a 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:d025bcfaa2dc9f9db09a17088de649f3e3a38c6026d16a81b4b5fdaeacf2afe8 -size 10195 +oid sha256:401ed65ff6284d1bce0ad053889ef5b80bcc96876947e14e99ec45c931318ac1 +size 9819 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark.ico index 08661ceda7..caa5168ee9 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-dark.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:39ed636cf998179d0359a68fd25fd1a72fbf3105c0c4a0646571e4056d18c7ed -size 7040 +oid sha256:acfb690de810e8e5b2a36e8f67e3db4553ada484a380beb68c22f333f0fe0efb +size 7573 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-icon.ico new file mode 100644 index 0000000000..f33f10ff4c --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:df3fc6cb2fa1acaf3df53a386e0a31d4497be27f68df246720572d9ae85f2fb3 +size 9064 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll-icon.ico new file mode 100644 index 0000000000..716405b7a5 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:605be4ac80077f59c904af1ca5a48d96a634c2b7b03022c8459d1b2ad79b8a9b +size 3594 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll.ico index ba0eda3086..cf629a379c 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:39443bde75e2372bf0d2140868efb34822d52bc05e7885cdcebfde4b20af8bd9 -size 3691 +oid sha256:f5795f962ce32d0cf9a0a06848650bf509d35602a2a47b05a2dbd473973e4cce +size 3454 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-sm.ico index 2d1a304e53..82fb570569 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:bc10e17a0d1dbce338dc8a0ac0e103f50de752fe50a3fdf23cffcd542811262b -size 6145 +oid sha256:05f7dc07d1389c7f5e94a2dfaa18915a7c07c81d4048bc1f0ce7ce9ed40efdd3 +size 6549 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-icon.ico new file mode 100644 index 0000000000..de099e2b67 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:2a3adecd962e9171382761742b45d7a6737ea3949a932e0f66803e9f262d2e09 +size 11902 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-sm.ico new file mode 100644 index 0000000000..707f07079b --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:a18f504272c5e5a8a900fffe1121e8cf6550d49edd069200993aba00d77e4734 +size 9402 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical.ico index 3883efb995..6e1eaf538b 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:459a41ea0acf8eeb5478c22afd2768feba0e3048983518a0d8738ab1cd9dc516 -size 10120 +oid sha256:a21ed9ad9e6f03aeb90af3da7f1dbf1105734b243d43f6cb77c3d3581dda36d5 +size 10073 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light.ico index 9ec59f7804..7a697c4596 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-highcontrast-light.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:8d50a9601a0290bfb8f7cc071fd9bcb550eae63473740c98b6eb04c2e6de5fb0 -size 7055 +oid sha256:dfb62ccd0652ba2a0019d51a6fbbcd14fad3780f22e4dba47d97ce7e79497d50 +size 7792 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-icon.ico new file mode 100644 index 0000000000..54e2483562 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:2d9f6d321cd91771f773c455702fc7c94d9a7cbc29fea6ab6ae208db707e5b91 +size 7813 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll-icon.ico new file mode 100644 index 0000000000..48506d6385 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:b5040792b24668002fe4f27f842cde0b6e3c8e28e61c5a5084161e846267b82d +size 3015 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll.ico index 2b59fe44ba..5c1ac88a1e 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:a9bd9151adbb4a84d375f0bf0b389a071a2d2d029e720fa1dd83299e30cab70d -size 3608 +oid sha256:36d495ea382423bf1ec2c7060646324b44d74685a3fee273cfc13152172053e7 +size 2858 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-sm.ico index 4a12e8bd10..ceba920546 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:1eecba4496e3805b8dd3d70cc3ade719c26efb3d9efdfb3747ec213361265476 -size 6019 +oid sha256:a769f0419fe151a3b8b385bd860427c556bb964fcf14a87569e388329e46010c +size 5326 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-icon.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-icon.ico new file mode 100644 index 0000000000..738a161ea0 --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:c466ce4aa70d99a51c1365e5eb562b0c3b8036bf0100b55b4d67645c57dad549 +size 11178 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-sm.ico new file mode 100644 index 0000000000..e8240d5cef --- /dev/null +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:129035be3ede3979cdb8e336def3442ceaea9c2eb47b8b1693e4f954ef6a9321 +size 8686 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical.ico index 07b9c32367..438794d938 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:6e16175715cbcdc82d8ad9b952a0d3dc266b23dec0dd18e3b65b5797028e26fd -size 10041 +oid sha256:c6e33daab0f9c56986f1279068252d03df0933b82e4636005be623464ae68055 +size 9386 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light.ico index abb420d53e..a83326f4c8 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-navigation-light.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:7c1feb358b58ad8e129597967d30ce2d242d8863eddd4c92c5ca48a3cff0cb59 -size 6909 +oid sha256:e85f36abd3dd61e80302d14418552b255ccdd097828ac9b028610f27486608c9 +size 6630 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-alt.ico index 01c9262b59..485ee38816 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:2560f97612ad45733a4cb499cccf77b4624e3a321248a13b5fd11506658c8a1d -size 10163 +oid sha256:c414c76881db861e4eb4d885207cd647d6d83912c9ffb94f441039b4abea4ef1 +size 9223 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-dark-variant-alt.ico index d2d1b86e99..a5df28e915 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:19b3c05d37fdf99488b30445938d3aba4c7715a52da0d7e671691a42425ba615 -size 10362 +oid sha256:b4098a4d21d05af62306a30185ea8c1ef9f9ec1adba905778f67ec7fa788da9d +size 9574 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-light-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-light-variant-alt.ico index b4c7986ceb..69c25a1a09 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-dark-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:3507bf99db852e8def38a751187391910b830aa93ca51da2040199b01253596f -size 9513 +oid sha256:cd261b8df67432c76738f392499c6713cbe8d3487f0ee38008d815ca00de1ef1 +size 7749 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-alt.ico index a6d37046d2..f0de849b2a 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:baa36caddcce7cdcb661ce58d2d28bee54633cb11877d59986cf350db4271bf5 -size 9618 +oid sha256:1a3c46fb78cf5ef4f7a85570a62bc9f929344d96c2564650ebe378659d4288f0 +size 8684 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico index cdc2c13a6a..aa03926d2f 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:e9b06eb8af8f10ec51c19a2d364009fa9df44f6fb18a3705173c2fc239d39e54 -size 10157 +oid sha256:66f1909a9d66722ec4d25e1be7a1d34bdd3f286ae7a0690aa9417f47c5620fdd +size 9905 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico index 022077f2cd..e2466bdc47 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:b88e58240ef27fe97e6d45ee32a78ed55120c431eef3109ec5b7b944a0810826 -size 9590 +oid sha256:1c7f15f82f55698e5f57937a57c9bf34beebf99a08a8cfb25bae57481144cd01 +size 8215 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-alt.ico index dea31c987b..e723502a31 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:c832d347a925ca2dbe07c9f00f5eb346b9915a7177f6cf4dba8147cec9c73776 -size 9786 +oid sha256:71b387c3516566deff6e8be995dc1f62ea1413ae716892c4a94dc11bcc3c67a7 +size 9585 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico index a87f46be97..1f73f1b5ca 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:da0b4101d7ab929781c7af4f3b791411b19c76b9f6ef4ff6faae2b6cccfdc75c -size 10217 +oid sha256:268b2cf7f1b8fb3461947c3dfb8a184c6156767ae0d0bcf077813da80dfcc49d +size 9381 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-light-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-light-variant-alt.ico index dea31c987b..e723502a31 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-highcontrast-light-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:c832d347a925ca2dbe07c9f00f5eb346b9915a7177f6cf4dba8147cec9c73776 -size 9786 +oid sha256:71b387c3516566deff6e8be995dc1f62ea1413ae716892c4a94dc11bcc3c67a7 +size 9585 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-alt.ico index 49fa1896ec..809d9bdaa6 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:48cb58ea2180f2e92ef7b5b7102a9374fa8e7b623b2cb55e18900196fc5e3108 -size 9706 +oid sha256:46894bd0bcc75b35c7d8d9758adb32009a112d04ce532188c5baa1431eb97745 +size 9025 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-dark-variant-alt.ico index 8e77e8fec9..e9ade35652 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:2ed22f7e9de141af88960dd494636459a4de125d918a504380cef43c1c47a1fc -size 10231 +oid sha256:cec548221cf1cf84ab863ac11a7a09bbb5b2c0d0a36bd45ae9d175c394d6df0d +size 8796 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-light-variant-alt.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-light-variant-alt.ico index 49fa1896ec..809d9bdaa6 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-topbar-light-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:48cb58ea2180f2e92ef7b5b7102a9374fa8e7b623b2cb55e18900196fc5e3108 -size 9706 +oid sha256:46894bd0bcc75b35c7d8d9758adb32009a112d04ce532188c5baa1431eb97745 +size 9025 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-icon.ico new file mode 100644 index 0000000000..ba718162c0 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:2a5cbc89589a45d5bf49f49436cb083177b69627220b1fdf984c61edb445987c +size 10173 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll-icon.ico new file mode 100644 index 0000000000..a3f2768d6c --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:fbadf7a33d61eca66cf31b3c2e4baf7f9519ac961ca8c4f19c2d94ef0e85b5fa +size 3882 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll.ico index 448ef01384..ba97cd9b69 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:e377a2cfd4a9c3d073bee44a3beece4273412515562cfaf0232a0428713d6d23 -size 4699 +oid sha256:678e6dccbdc8d8643a2a3a37fb5eb7fab8ec37156460ccc76db3dd76253b3cb2 +size 3759 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-sm.ico index b4edea2e50..9ca48f671c 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:3d270c995852fc55ca682c7937203f7b583e2c8f62c3c381fc5a4e96de4f6be7 -size 8098 +oid sha256:c40f2a21e85765b9b3ec8160d1c886df8101bda4a25d8a86d59e6c3026315622 +size 7023 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-icon.ico new file mode 100644 index 0000000000..5dd3937e71 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:aecc042f35f0c74709566e015e9849622c88462242d3d230e2405f3604c6f4aa +size 15332 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-sm.ico new file mode 100644 index 0000000000..aa73212070 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:5eaf924bff6a1f0488a9c4eda1828c027b045db42bfb9b7ce89cda70f11bd3c5 +size 11659 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical.ico index 16d723b204..cf625dac84 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:07ce7c70cf57e96847616ba01fb4b2cda03f90604866ccd416875f1f31fd7cd4 -size 13154 +oid sha256:b2b5b45c9e318ef7121bb8557ad4a65d88bf92927ecf8b90904615e8b69927dc +size 12525 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark.ico index 4e62861713..6bd1cbc9c7 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-dark.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:785046b000560c4bcca36b3b1ef282c3cc0be12f3506bacf8f1426022069341f -size 8913 +oid sha256:54f48d1d0bc8f89198c74923f03faeb83a1df2acd39909c38b65af256999b912 +size 8737 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-icon.ico new file mode 100644 index 0000000000..ca7b011c1a --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:a7b86a20017145da1a6361aa38cda2c7e4d341542552e627200851031437cdc1 +size 11710 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll-icon.ico new file mode 100644 index 0000000000..57b9ada0ff --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:5a91946adb707d275e835988f80994dd6ef2a2284b3bf9ef7b848ebba5609443 +size 4675 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll.ico index 6f515f8466..ca008a763c 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:8b029e0b02e7a9c1d9a617b78819db0cf6af9cdeeeb53949162057b5443b8b43 -size 4696 +oid sha256:42d7343d650c33cb02a542afbd4af94ef74c9d017fc1fdc1efb3f99c1e52241a +size 4550 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-sm.ico index b891d0d04d..f8bdef5777 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:44f483a2a57ef24e12e643f6ecdde50f52d812058e06057926d764114b3dcd29 -size 8175 +oid sha256:db4056995513a81221ca18622930d1f3c3ebb992e8810e803cb82b7b7047822f +size 8331 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-icon.ico new file mode 100644 index 0000000000..0be52e949a --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:035d05c3cd88637711aa4d36e2d42d085f751f276fce7ff0705202e229f91b01 +size 16108 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-sm.ico new file mode 100644 index 0000000000..7f86397483 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:7515693317a615ee306d8f5238e085c085d1b21f20efae9c42868a5615002e12 +size 12361 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical.ico index d339240793..2612f11234 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:fd53dad19542d5fbe353be74057c1d780d2f52df292d87a083d04cf61985a918 -size 13348 +oid sha256:ea28f481e7ce552e1eb844e76f2719809cdfef3e3ebf089d7c2ee0ff9d39a4e3 +size 13283 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark.ico index 29df6a9c40..4848a35b18 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-dark.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:11266d86d35d3ab8cf7cdb73d8d0ac6722b735930368ce865cb5911a6df43522 -size 8992 +oid sha256:c120102242f328854cd5c6dabe2c6d95b636f80a49a209bb6267f0fb9d67236c +size 10297 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-icon.ico new file mode 100644 index 0000000000..f1656cbb80 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:24fff51f7ce3712ff9f16a2a885ab8e9558884a18f381a44878077d8b99824e3 +size 11865 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll-icon.ico new file mode 100644 index 0000000000..6deb49a163 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:c134ddf19df35e0a1e9dafecf6e66352db43a2392fd3baa0ce7897d6a6e48d24 +size 4676 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll.ico index 4d02e004a9..43d4cfe6a2 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:9f421ef787ab068b14e0a0df756d267bce98a64cd3c68e1dd8fd2ca70bdf3877 -size 4679 +oid sha256:4236d3e775f3c41d0deb3cbd2f79f8ca96a6c814aeb39bd6626fee782d069de6 +size 4554 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-sm.ico index 5fa6d360b6..a0355fd480 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:7a7ff2a755d407a2990d0c572b0b83c0d7cd107500704ebb5ed704959dedb1e0 -size 8077 +oid sha256:889fab6928b633103596eb75f960a3e06cceb902b3dbf46848e291c02ef77c6e +size 8429 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-icon.ico new file mode 100644 index 0000000000..630500c6f9 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:ebd0395c03f8a6c8908a56bc434427def88f50785f21c1fc32580b9fac8df46f +size 16426 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-sm.ico new file mode 100644 index 0000000000..aee8bbfe08 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:d009941d40a38f8a174bf96f9a80b9ca7a9f71bf839712ebef35c443eb77d3a4 +size 12711 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical.ico index 1a387abeea..0b6a72f485 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:b061670d81d2086e2a429b54bcbeb9cf8531661c775215f667a91d3a0fd3bdf7 -size 13391 +oid sha256:e1d9ae64700a205ffafc55b49be5316eaa91eb68488d2ee1daf1247d130d742a +size 13589 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light.ico index 8c5e3319b0..6f21b51aca 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-highcontrast-light.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:4296b98cba9fa71bb32e1dd6d9461bf5a214d84c584bf24a8905b732a234f319 -size 8900 +oid sha256:8f3f7b183d07ff5971a1846e4926056f656a45195280e12a96a86479579aaf5a +size 10453 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-icon.ico new file mode 100644 index 0000000000..021b3095a8 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:e7e9e91bfffd4527169a8fc6f8fe1ee313e2c71f266c41e14d62f873a7d3a5f5 +size 10422 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll-icon.ico new file mode 100644 index 0000000000..47938d7927 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:cd0dd57c6a92c65411b921d2cccfdf96fbbd42e254a803443eec9fed00b29d69 +size 3975 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll.ico index bb1c5ad044..7821d50b93 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:04c35a082a9a089a122a6ce329ee2674fb4f187c98c451f8513037f641f8b1e2 -size 4629 +oid sha256:c85f9532fd3a159dd4e4d0835bdd5266f5e45ab7ca921cbd27c8cf15677f5b23 +size 3840 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-sm.ico index 5cf4c815a5..cee5745b84 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:deac04b348207e277655717cc70893d756e47cf6862ecfce633c0ae67c2ee1c1 -size 8025 +oid sha256:5bbf803988ee5474cd203448e498fcbedacb2152f978c04070eab238d08011a3 +size 7186 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-icon.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-icon.ico new file mode 100644 index 0000000000..67001dbfdb --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:1e477ded2aa73b79ede37a56a6210f46a450241fa9b9bf4ac215ada4363a3ade +size 15752 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-sm.ico new file mode 100644 index 0000000000..b8ae887935 --- /dev/null +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:c1e0db77d7e74a0d4f348a9b90d9ba32b8f7839b8c8e666c0b65fc5d18b21471 +size 11976 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical.ico index b0bb7e95e0..d0658df40b 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:a71946409c1a90f1f804cf953497b2edb6460622c008f923282cb0aa1f344439 -size 13254 +oid sha256:981a8712ed3ca9a4a0286e98604dde21a35b595a8a393b66abaed4390986a9d3 +size 12911 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light.ico index c211d3ec43..4550c45c53 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-navigation-light.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:a82c1666ed1c27be24b08463056b9bcfe20c7fc91438d27fdf0f9ace5681a04a -size 8821 +oid sha256:f950fa8f2aff0977b068b2e6085531852c106f139d57c0ba64d415cfcb4e1962 +size 8999 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-alt.ico index 247e84ce3a..badeb3b876 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:d8d1af74e66e1a72bd3a770d1fc95c6790baea8edc9418d2889b79ad1cfec3e3 -size 12290 +oid sha256:1f9e84ea59ca93fc47ae0668f5430b92bc4e1d2cfbaeab6d9da9a1970443e664 +size 11283 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-dark-variant-alt.ico index c2e8dbb8ce..a948d59956 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:b784ad4afe370656e13e6437a8b8b3c35820b9228111dd682437ed87263ab22a -size 12710 +oid sha256:b56810b94de1dd0a54449aca125bbf4784fc45166fb519bbe9830c5747f2d6e6 +size 11766 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-light-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-light-variant-alt.ico index 910af8d30d..1ce9f611c4 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-dark-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:213b77510fa71d39ea14adb8d6437b57da8c17095efe5094dd32c3a449111e42 -size 11811 +oid sha256:8fedc22669e5aa9d7e433de93abc86139600be28cef1292d8bffec50a02995c7 +size 9742 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-alt.ico index 3003df7b6f..6f2b8ec91b 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:d16fb184a57bc513b0c910c5bd1e463d67a1c55fff08fd888d580537e1489fa6 -size 11798 +oid sha256:368b1a764db151eaa2048d7197e9fe461b13ee70b49ef3df23d3ee9f6a0340be +size 10815 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico index 0701c89fe1..03ea42ab7d 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:d3e017ad575afd5d6fb5af7de32dadc4818772314e5ef9c897620d988578f7a8 -size 12622 +oid sha256:584fdd30acd14519e0c2ec69d9ec73f1e2fe57eb855a864f064c0cbf93e34463 +size 12158 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico index 24256c8863..4a617395d2 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:c801dc88861ed4b44e52f0d2f222ec993bbfc578353667f85b3067fab4414592 -size 11985 +oid sha256:4ef9bf9b8c68224516373f5b482a3a560cbdfd222ab7806dbb7932bcc6963994 +size 10501 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-alt.ico index 96a565265b..0fd319edab 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:b726f916d0034ee6c5af70c1564b718a2ab46dcadd6733d31f68126f5708a928 -size 12120 +oid sha256:df49c6b6d1c7061897a0204ed152bf1ded3b9ead1bb2b227cb98802337469e10 +size 11888 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico index 6a4a9f2d0c..a4f9ea494b 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:0261eec270d5503358207ddb52a442ce2bbdc2f3cbaeb1a2f3bc1f2eb5949e16 -size 12699 +oid sha256:21f2dcbf69777bdbef5c126cc74bd7f8d949c2b296f7f8d42b4239cf6aae81cd +size 11680 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-light-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-light-variant-alt.ico index 96a565265b..0fd319edab 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-highcontrast-light-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:b726f916d0034ee6c5af70c1564b718a2ab46dcadd6733d31f68126f5708a928 -size 12120 +oid sha256:df49c6b6d1c7061897a0204ed152bf1ded3b9ead1bb2b227cb98802337469e10 +size 11888 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-alt.ico index 1bc570a68a..ebe203c637 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:7bcef8e2b784405fc6e67663ed308b7d28a03d0352bbb9423d592b36d9ff29bf -size 11965 +oid sha256:c0026c954011b185dc64a57b7d73d223d4a48bb8c3ba60acffe647af4db3ca36 +size 11223 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-dark-variant-alt.ico index 7afa8518c5..38a85c96ad 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:8830d13f0b0d68876f6ed36ecb8b457ebaf08507af05331a5c5d291dda278b63 -size 12672 +oid sha256:86e21ddcc944b8d6f87f17325204c33564c42bd8b9988346ab204ce35a0f789e +size 11026 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-light-variant-alt.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-light-variant-alt.ico index 1bc570a68a..ebe203c637 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-topbar-light-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:7bcef8e2b784405fc6e67663ed308b7d28a03d0352bbb9423d592b36d9ff29bf -size 11965 +oid sha256:c0026c954011b185dc64a57b7d73d223d4a48bb8c3ba60acffe647af4db3ca36 +size 11223 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-icon.ico new file mode 100644 index 0000000000..5d672e4ce5 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:370bc72c815750949b9435529d06e68016ce56fdc14685684822dafe26652daf +size 9322 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll-icon.ico new file mode 100644 index 0000000000..e6e2742625 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:c0f49baebce93cd2e397ec1b3257c8a68f29afa29ec5ba3ddfe43f92a688a3c6 +size 3836 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll.ico index ccd8313cf2..d95c58286b 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:9f151122d2f3e0c74fab9b58a1c31fa372ce15690b6563dc007f91b05b65b587 -size 4601 +oid sha256:39a9a8a281a5c410e071f9c9f65db312e42d789f146a709bf714f6bae98a0963 +size 3702 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-sm.ico index d5bcc45aa7..6bf0624adc 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:fd9ce9330fe167a7970be51712bf3a5cce1a0a9e2635e3745370b23537b8b4d0 -size 7428 +oid sha256:4282258210034528d5aae92d45b46508acf8329b647558470593243e907cb150 +size 6291 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-icon.ico new file mode 100644 index 0000000000..75dd35d307 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:063dc797cbc6b3fdd696444da341584295ba4e91add8a3aebdb7e5c5b7b8336f +size 13651 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-sm.ico new file mode 100644 index 0000000000..3aa7342115 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:6cc5350b95170d18a194683acc020bcf93f6c3a07c71e5f6e20aa420f8f54dca +size 10226 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical.ico index 618b941684..7e50cbeebf 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:12dd8cd305be0fe408fc96707bb71b049570f17080cc6240620295986001ff4c -size 11870 +oid sha256:bd74c3b6d84937d59c0f97061c669918e238401ea52432ae773dab426a8a0755 +size 10998 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark.ico index 3d2cd60d50..f5a55b5a74 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-dark.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:4b87ccce6cf69311396d5ef32c4d693fe809e90594767e79601cb67f2094a120 -size 8242 +oid sha256:7ac5b6bcfbaa3a7ba9a3b4b5f5ead2d7bb193ba9cefdf6ceb29c577282851237 +size 7786 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-icon.ico new file mode 100644 index 0000000000..5bc78af4ef --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:1c466047227b0daf1641d3a64187a3b0a87f9c1c9113de570e688c547591fafe +size 10498 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll-icon.ico new file mode 100644 index 0000000000..374b61a8e8 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:f50016216219e845b5b06ff4d03d5d18c721adfae7b6e7ba00d7bf2dfb2ab6ab +size 4373 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll.ico index 31cd929e30..c3b457ee9f 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:aaf1c35f7f5f237fcc2f8df45d5ec4cee5e8db6dc36021cdb401d5f9065486f6 -size 4651 +oid sha256:7792d6396b7c1e1e2b880d3dca180b6ca161e8ae7f03a48a1e6c09356293c812 +size 4405 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-sm.ico index d95bc1975b..acb0bbb1d8 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:f7267b9576ef1049847bdcadd9c6297f4332d3792fde5eb573ce147ab301b2ae -size 7434 +oid sha256:9930d3692ac9289e15337844be499db5d5c34476dcbd066197a25c7a4dd2ea94 +size 7634 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-icon.ico new file mode 100644 index 0000000000..b2ea35700e --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:c62cf444cbf5e661b0bfdd42b728f59665eb2ce37439f687a8f26747ce46d76f +size 14445 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-sm.ico new file mode 100644 index 0000000000..77ce910118 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:10f806a2711e647f29c10d21d4621b16540656dfb3afd4b5bffeeba6fca56cb0 +size 10961 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical.ico index f8ddd39ee6..b3a872ae9b 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:3d7937a7f53d4302cd7dc2ddb48e56390809001be11a1b9bee2d29bc94e9f701 -size 11959 +oid sha256:44632c3ef37169c9d2f75f2cabacab849ac7c2ae72841f5474ef27b96b6426de +size 11772 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark.ico index 337d9a186a..361e42b771 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-dark.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:ce45b6566c1932ff08343d0cf8c8a467ae0b2b36878ca7ebf0af98882db40b71 -size 8259 +oid sha256:a9987ca28f1970a7c86455a14d8cc2d87ef435101460d5715550badaff9e4ba8 +size 9133 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-icon.ico new file mode 100644 index 0000000000..bc64b13c1c --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:db250cc6abc49a8b01a5d7fcf8cb455cf04022bb888d88eef8c0dbc986e696a0 +size 10760 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll-icon.ico new file mode 100644 index 0000000000..7ecc170044 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:c150af04c84b58618f541d06d2179217981d27a948f682800e347f4be53fb9bc +size 4533 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll.ico index d8cccb57d4..2628dccf9d 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:16fb6a9e9c48a86e5905d640652d9c9b6eb71eb2fce171f819ef2976a87db76c -size 4632 +oid sha256:c3d6533b26ed90dd66e6bab1352b60bc7e74a4112f8ec39d48b4bfbb70df1270 +size 4419 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-sm.ico index cacc7840e6..bf5690e17c 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:7ae06d07b67475a344a5e885aec210a98a4f814ed84bee171d452bfe3d512735 -size 7420 +oid sha256:2def08afea73cd0175672a3a625cb3dd8dc929b70d6b80962385e64727549e64 +size 7681 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-icon.ico new file mode 100644 index 0000000000..788f34b44e --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:63f7436c0dd299ade879e40e286f421f1705ca6394b91c7927a30f141a4f5d65 +size 14424 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-sm.ico new file mode 100644 index 0000000000..b9f1310db2 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:34d6ff634258c4857ccbcf143c246f97488d49b08accd2b9678173cbaa65e0e0 +size 10918 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical.ico index bd2ddfac82..b521f22316 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:4f20413838ff63498ef6c630ebcade5bd236beb59c3042da7ca6605412b3d2d2 -size 11834 +oid sha256:453722c3e46f71199fd745dfe94fdfcba1fb6a642e4631af3b65823455af104c +size 11735 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light.ico index d7fc6a7b23..7c31d618b7 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-highcontrast-light.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:cc99fb5aaae3a71ed68502366e6b91a643ef6106786cfcc48a9416a41cfdc3ac -size 8208 +oid sha256:a3a7790dd3044edb2f8f039a9a83c18fc3dae66272c8c387e7bd5e9cb21e2961 +size 9244 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-icon.ico new file mode 100644 index 0000000000..7934d2a53d --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:26befbc69dd38adfd8acb099c0edcf7937f83074c1a2f83c4f2c36e3ae0419d1 +size 9378 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll-icon.ico new file mode 100644 index 0000000000..54e86401d5 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:2f7523667bd25b32d3f84edc2be7d4d882859e490e11488e405afe656f389e0c +size 3864 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll.ico index ba1e4a9ff9..faea3a454a 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-scroll.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:40691de8dec0985cada0467eebdeba56d051fefb34116c6cb1322a42e589091d -size 4501 +oid sha256:e39a165fb847d0236d1103d570a870bdb998945d6a72957cb312c0b1d30fa079 +size 3675 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-sm.ico index 3bfd8fde24..6dddc2ed1c 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:8c611d159f4721e5d26e853fd15defcc36813a61819572f235a70516f7966ce5 -size 7242 +oid sha256:77864f24b6c3f7db1dac30bbf47e0119c92a944d63d84a6c17ca1f1195fa8fcf +size 6390 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-icon.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-icon.ico new file mode 100644 index 0000000000..ce57221e4d --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-icon.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:1e637dad90bd9b952e21037f9eaf57b6d9d0ff95e87a8be21ba1cb87e5c87ae8 +size 13611 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-sm.ico new file mode 100644 index 0000000000..c3e98c1d18 --- /dev/null +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical-sm.ico @@ -0,0 +1,3 @@ +version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 +oid sha256:5fa4cdefdbbc69e4e1fa92eabe150f013e8f98898078dc62ed340874559cc47a +size 10284 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical.ico index bce6955e54..4688014bac 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light-vertical.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:14d9469b46d2f144b9a1c3b076602009ea5f416c6e82f53ed11edfd0533cd9ea -size 11671 +oid sha256:ed541a36715504be8aabcc2c3491adc81fa6355e93cdf673261a8cf47ee6bea7 +size 10992 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light.ico index 8bfb805502..d2dcf1131d 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-navigation-light.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:4a58882ae1a6c1da35db01cd28de7806a10b21eb9f06b7dad05924fb7f4e494d -size 8025 +oid sha256:4d685b7fcec83be7ed6cae8fa3f0f97b94aa7c58d9e790e7ef6fd10d31566631 +size 7850 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-alt.ico index 1a317fb134..7bf93e9eeb 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:6c685e26a8d3b129dce24d716f24ebb1c24a665dcf97139af1fe7b556d68598d -size 11836 +oid sha256:69192f9d16fe36943534f68ca019882a5abe13d5204fd8e90f0c588023d23a68 +size 10907 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-dark-variant-alt.ico index 2f8d53578c..346a0496fe 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:2fa252381bb6c8e15e295233e594e944591d2ae5275578e43a9f2b0d478e91b8 -size 11882 +oid sha256:06daf9b1acdf2b3e64bf9ff428d6cc97910ac65ce56d0331a8d1ec9ac1329270 +size 10954 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-light-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-light-variant-alt.ico index 388ea810dd..612d62adcb 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-dark-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:35775fc1d8bc273c3ea4f1d47cda2a8a354b1bc4f8c2112adaa7aa5c9725ec7f -size 11320 +oid sha256:fbb1ccf6f5bdd6846c89517eceabf5c532040f29312dc4e1975bbfb5cba16839 +size 9291 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-alt.ico index 6296576117..c427679433 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:003756ffb3be8e87da392b28d88bd637fefe618b81165042dac0499d8f46daef -size 11460 +oid sha256:c92768c16e95891b6eda2a97689e3791b569bee577d0dd1a161dd4f629b5fdcf +size 11096 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico index 44795e35eb..5a6179ceef 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:0e9041a7b4195c83f70cca90fb5f82e093d5a7e300fb49ab45899a7e76ef9677 -size 11985 +oid sha256:816afb93b511f766d9538917d41d043f98e0d513bad9d9591dcaa0ca80264ce9 +size 11495 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico index ee68b719e0..e23acaf296 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-dark-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:af7936fd3ecc4d1247b643053aec996ff9fa30ab06c4c67d3aee9639d13af2c7 -size 11369 +oid sha256:7315a690522db73dee5e6c4883ae02c0673e74f0e762228e82006f223c8ed819 +size 9879 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-alt.ico index f7d9670b17..5434d79752 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:7521257d633cd9dc0a60fc8a54702f44bbd624e5c4f20b3c177490c75acb20dd -size 11789 +oid sha256:1105dfbcc7b13421c563aece8becbe723cab56c757084610b3e1125314188bfb +size 11532 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico index b48bdb137f..9da9f8fbe2 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:48ecdfe4de17358841ab4526cf9e4e5c866f596f0c13fda01cb8766df739fd20 -size 11948 +oid sha256:aef7a4804971354c7de368d4f756f3415bc4ffe7b15453453972a1a20b592cc6 +size 10768 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-light-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-light-variant-alt.ico index ca441eff48..0b9f497569 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-highcontrast-light-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:a7705d1caaa977faebf8289acac33b07f1649d57d5064a2b6590e202701b029f -size 11753 +oid sha256:533743fb29135f35518ae328a0f91b0d804c20832c49481216ca22927e300df6 +size 11509 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-alt.ico index 0924a26c09..65edcda7ae 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:3b7f6e6739741f12980dec46875f28e814160f23e8a0c8ce8e31155e403a6897 -size 11551 +oid sha256:68b3e07cda286d2cea25f3eeb530fe71cc1564ff57bae7be58bcc570fa087dbd +size 10713 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-dark-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-dark-variant-alt.ico index 0ee87127fc..8d771b879f 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-dark-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-dark-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:d9adff818bbdf89ea3f678cbe52c9a47b79aa1ccd8d5cf4cedcb59a6db161239 -size 11666 +oid sha256:7eac2faec8d565a8e34864fc9cf37cf7e42a0353ad30fb28ec40d27284555d7b +size 10079 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-light-variant-alt.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-light-variant-alt.ico index 0924a26c09..65edcda7ae 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-light-variant-alt.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-topbar-light-light-variant-alt.ico @@ -1,3 +1,3 @@ version https://git-lfs-github-com-gh.2025025.xyz/spec/v1 -oid sha256:3b7f6e6739741f12980dec46875f28e814160f23e8a0c8ce8e31155e403a6897 -size 11551 +oid sha256:68b3e07cda286d2cea25f3eeb530fe71cc1564ff57bae7be58bcc570fa087dbd +size 10713