From 0f5b7afa7ba4037333b50147d9b01901bc9007c4 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 27 Nov 2025 17:41:10 +0000 Subject: [PATCH 01/56] Update docs and formatting --- .../lib/components/user-card/user-card.less | 15 +- .../product/components/user-cards.html | 198 +++++++++++++----- 2 files changed, 158 insertions(+), 55 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 2238c53c4f..86dd8345cc 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -2,12 +2,12 @@ --_uc-ai: center; --_uc-bg: unset; --_uc-bar: unset; - --_uc-d: grid; + --_uc-d: flex; --_uc-fc: unset; - --_uc-g: var(--su4) var(--su8); + --_uc-g: var(--su4); --_uc-p: var(--su8); - --_uc-info-ai: unset; - --_uc-info-fd: column; + --_uc-info-ai: center; + --_uc-info-fd: row; --_uc-link-fs: var(--fs-caption); --_uc-link-ws: unset; --_uc-rep-fc: unset; @@ -72,6 +72,7 @@ display: flex; gap: var(--su4); + font-weight: 500; } & &--link { @@ -82,6 +83,7 @@ flex-wrap: wrap; min-width: 0; // Allow things to wrap overflow-wrap: break-word; + font-weight: 500; // TODO: figure out why font-weight is not applied to flex items } & &--rep { @@ -101,8 +103,6 @@ white-space: var(--_uc-time-ws); font-size: var(--fs-caption); - grid-column: ~"1 / 3"; - grid-row: ~"1 / 2"; } & &--type { @@ -121,9 +121,8 @@ border-radius: var(--_uc-bar); color: var(--_uc-fc); display: var(--_uc-d); + flex-direction: row; gap: var(--_uc-g); - - grid-template-columns: auto 1fr; line-height: 1; padding: var(--_uc-p); } diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index c5bb1ccf11..855048340f 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -31,88 +31,192 @@
{% header "h2", "Examples" %} {% header "h3", "Base" %} +

The Base style is the standard variant used to connect a user to their content, appearing most frequently in post-summary lists and on question pages. This view is flexible, allowing various metadata fields to be shown or hidden as needed.

+ {% tip, "info", "mb24" %} + Note on timestamps: Hovering over the timestamp displays a popover with precise dates and a link to the post's /timeline. For authors, this shows the post creation date; for editors, it shows the last modification date. + {% endtip %}
{% highlight html %}
- - +
- … -
    -
  • …
    • -
  • …
    • -
  • …
    • -
  • …
    • -
+ +
…
+
+
    +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
+
{% endhighlight %}
- - + demo avatar
- Paul Wright -
    -
  • 2,500
    • -
  • - - gold bling - - 5 -
    • -
  • - - silver bling - - 9 -
    • -
  • - - bronze bling - - 1 -
    • -
+ +
SofiaAlc
+
+
-
- - +
+ demo avatar
-
Paul Wright
+
SofiaAlc
+ +
+
    +
  • + + reputation bling + + 1,775
    • +
+ +
+ +
+ + demo avatar + +
+ +
SofiaAlc
+ +
+
    +
  • + + reputation bling + + 1,775 +
    • +
  • + + gold bling + +
    • +
  • + + silver bling + +
    • +
  • + + bronze bling + +
    • +
+ +
+ +
+ + demo avatar + +
+ +
SofiaAlc
+ +
+
    +
  • + + reputation bling + + 1,775 +
    • +
  • + + gold bling + + 12 +
    • +
  • + + silver bling + + 8 +
    • +
  • + + bronze bling + + 4 +
    • +
+ +
+ +
+ + demo avatar + +
+ +
SofiaAlc
Mod
    -
  • 2,500
    • +
  • + + reputation bling + + 1,775 +
  • gold bling - 5 + 12
  • silver bling - 9 + 8
  • bronze bling - 1 + 4
+
@@ -124,7 +228,6 @@
{% highlight html %}
- @@ -142,11 +245,11 @@
@Svg.StarVerifiedSm Partner
+
{% endhighlight %}
- demo avatar @@ -174,12 +277,12 @@
+
- demo avatar @@ -210,12 +313,12 @@
{% icon "StarVerifiedSm" %} Recognized by Hum
+
- demo avatar @@ -246,6 +349,7 @@
{% icon "StarVerifiedSm" %} Recognized by Hum
+
@@ -550,11 +654,11 @@
{% highlight html %}
-
…
+
@@ -571,7 +675,6 @@ {% endhighlight %}
-
demo avatar
@@ -580,6 +683,7 @@ Paul Wright
+
From a12c7c1e4fcc7482c8cc5cf63284dc4a0016e3ce Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Mon, 1 Dec 2025 16:34:38 +0000 Subject: [PATCH 02/56] half finished docs update --- .../product/components/user-cards.html | 589 ++++++------------ 1 file changed, 188 insertions(+), 401 deletions(-) diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 855048340f..1f3f308ad1 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -38,7 +38,7 @@
{% highlight html %}
- +
@@ -77,7 +77,7 @@ {% endhighlight %}
- + demo avatar
@@ -89,7 +89,7 @@
- + demo avatar
@@ -108,7 +108,7 @@
- + demo avatar
@@ -143,7 +143,7 @@
- + demo avatar
@@ -181,7 +181,7 @@
- + demo avatar
@@ -223,480 +223,267 @@
- {% header "h3", "Highlighted" %} -

Highlights the entire user card by adding a background color, some padding, and rounded corners. Used for post authors and edits.

+ {% header "h3", "with Badges" %} +

Adds the User badge indicator to the usercard. Use this to signify the official role, status, or origin of the account (such as Moderator, Staff, or Bot) directly alongside the user's name.

{% highlight html %} -
- +
+
- … -
    -
  • …
    • -
  • …
    • -
  • …
    • -
  • …
    • -
+ +
…
+
…
+
+ +
- -
- @Svg.StarVerifiedSm Partner +
+ + + +
+ +
…
+
…
+
-{% endhighlight %} -
-
- - demo avatar - -
- Paul Wright -
    -
  • 2,500
    • -
  • - - gold bling - - 5 -
    • -
  • - - silver bling - - 9 -
    • -
  • - - bronze bling - - 1 -
    • -
-
- -
-
-
-
- - demo avatar - -
- Paul Wright -
    -
  • 2,500
    • -
  • - - gold bling - - 5 -
    • -
  • - - silver bling - - 9 -
    • -
  • - - bronze bling - - 1 -
    • -
-
-
- {% icon "StarVerifiedSm" %} Recognized by Hum -
- -
-
- -
-
- - demo avatar - -
- Paul Wright -
    -
  • 2,500
    • -
  • - - gold bling - - 5 -
    • -
  • - - silver bling - - 9 -
    • -
  • - - bronze bling - - 1 -
    • -
-
-
- {% icon "StarVerifiedSm" %} Recognized by Hum -
- -
-
-
-
+
+ + + +
+ +
…
+
…
+
…
+
-
+ + -
- {% header "h3", "Full" %} -

Displays a larger avatar, best paired with additional tags meta data. Currently used in user directories.

-
-{% highlight html %} -
- +
+
- +
…
-
…
+
…
    -
  • …
    • -
  • …
    • -
  • …
    • -
  • …
    • +
  • + + … + + … +
    • +
  • + + … + +
    • +
  • + + … + +
    • +
  • + + … + +
-
…
-
- … - … - … -
+ +
- -
- @Svg.StarVerifiedSm Recognized by … +
+ + + +
+ +
…
+
…
+ +
    +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
+
{% endhighlight %} -
-
- - demo avatar - -
- -
Paul Wright
-
Staff
-
Admin
+
+
+ + demo avatar -
    -
  • 2,500
    • -
  • - - gold bling - - 5 -
    • -
  • - - silver bling - - 9 -
    • -
  • - - bronze bling - - 1 -
    • -
-
Paris, France
-
- js - node.js - graphQL +
+ +
Community
+
Bot
+
+
-
-
- - demo avatar - -
- -
Nick Craver
-
Mod
+
+ + demo avatar -
    -
  • 17k
    • -
  • - - gold bling - - 108 -
    • -
  • - - silver bling - - 265 -
    • -
  • - - bronze bling - - 812 -
    • -
-
Architecture Lead
-
North Carolina
-
- .net - sre +
+ +
SofiaAlc
+
Mod
+
+
-
-
- - demo avatar - -
- - Aaron Shekey +
+ + demo avatar -
    -
  • 768
    • -
  • - - silver bling - - 9 -
    • -
  • - - bronze bling - - 1 -
    • -
-
Senior Product Designer
-
Minneapolis, MN
-
- css - js - html +
+ +
SofiaAlc
+
Staff
+
Mod
+
+
-
- -
- - demo avatar - -
- - Aaron Shekey - -
    -
  • 768
    • -
  • - - silver bling - - 9 -
    • -
  • - - bronze bling - - 1 -
    • -
-
Minneapolis, MN
-
-
- {% icon "StarVerifiedSm" %} Recognized by Hum -
-
-
-
-
- {% header "h3", "Small" %} -
-{% highlight html %} -
- - - -
-
    -
  • …
    • -
  • …
    • -
  • …
    • -
  • …
    • -
-
-
-{% endhighlight %} -
-
- +
+ demo avatar
+ +
SofiaAlc
+
Mod
+
    -
  • 2,500
    • +
  • + + reputation bling + + 1,775 +
  • gold bling - 5
  • silver bling - 9
  • bronze bling - 1
+
-
-
-
-
- {% header "h3", "Minimal" %} -

- Minimal user cards reduce the amount of information down to who asked the question, how much rep they have, and when the action was taken. To read as plainly as possible, e.g. “Paul Wright modified 3 minutes ago,” we change the positioning of the time, and remove any reputation bling, leaving just the aggregated reputation. -

-
-{% highlight html %} -
-
- … -
    -
  • …
    • -
-
- -
- -
- - - -
- … -
    -
  • …
    • -
-
- -
-{% endhighlight %} -
-
- +
+ demo avatar
- - Paul Wright - -
    -
  • 2,500
    • -
-
- -
- -
-
- - Paul Wright + +
SofiaAlc
+
Staff
    -
  • 2,500
    • +
  • + + reputation bling + + 1,775 +
    • +
  • + + gold bling + + 12 +
    • +
  • + + silver bling + + 8 +
    • +
  • + + bronze bling + + 4 +
- +
- {% header "h3", "Deleted" %} -

When a user is deleted, we still need to show their name, but we strip the meta data.

+ {% header "h3", "Sizes" %} + {% header "h4", "Small" %} +

Use the Small variant for space-constrained areas, such as post summaries, or to establish visual hierarchy for secondary content like comments and replies.

-{% highlight html %} -
-
- -
-
…
- -
+ {% highlight html %} +
-
-
- -
-
-
- …
-
- -
-{% endhighlight %} + {% endhighlight %}
-
-
- demo avatar -
-
-
- Paul Wright -
-
- -
- -
-
- demo avatar -
+
+ + demo avatar +
-
- Paul Wright -
+ +
SofiaAlc
+
- +
-
+ {% header "h4", "Default" %} + \ No newline at end of file From 349b46991ee85c2d7e4a3a4cf372e3830bc057e4 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 14:53:03 +0000 Subject: [PATCH 03/56] Finish docs and update svelte --- .../stacks-docs/_data/site-navigation.json | 3 +- .../product/components/user-cards.html | 289 ++++++++++++++++-- .../UserCard/UserCard.stories.svelte | 118 +------ .../src/components/UserCard/UserCard.svelte | 202 ++++-------- .../src/components/UserCard/UserCard.test.ts | 121 +------- 5 files changed, 344 insertions(+), 389 deletions(-) diff --git a/packages/stacks-docs/_data/site-navigation.json b/packages/stacks-docs/_data/site-navigation.json index aa3a1ac5fd..8eab0fb9d0 100644 --- a/packages/stacks-docs/_data/site-navigation.json +++ b/packages/stacks-docs/_data/site-navigation.json @@ -345,7 +345,8 @@ }, { "title": "User cards", - "url": "/product/components/user-cards/" + "url": "/product/components/user-cards/", + "new": true } ] } diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 1f3f308ad1..eb0e31a566 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -72,7 +72,7 @@ … - + {% endhighlight %}
@@ -85,7 +85,7 @@
SofiaAlc
- +
@@ -104,7 +104,7 @@ 1,775 - +
@@ -139,7 +139,7 @@ - +
@@ -177,7 +177,7 @@ 4 - +
@@ -216,7 +216,7 @@
- + @@ -237,7 +237,7 @@
…
- +
@@ -250,7 +250,7 @@
…
- +
@@ -264,7 +264,7 @@
…
- +
@@ -300,7 +300,7 @@
- +
@@ -339,7 +339,7 @@
- + {% endhighlight %}
@@ -353,7 +353,7 @@
Bot
- +
@@ -366,7 +366,7 @@
Mod
- +
@@ -380,7 +380,7 @@
Mod
- +
@@ -416,7 +416,7 @@
- +
@@ -455,7 +455,7 @@
- + @@ -466,14 +466,207 @@ {% header "h4", "Small" %}

Use the Small variant for space-constrained areas, such as post summaries, or to establish visual hierarchy for secondary content like comments and replies.

- {% highlight html %} -
+{% highlight html %} +
+ + + +
+ +
…
+ +
+ +
+ +
+ + + +
+ +
…
+ +
+
    +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
+ +
+
+ + + +
+ +
…
+
…
+ +
+ +
+{% endhighlight %} +
+
+
+ + demo avatar + +
+ +
SofiaAlc
+ +
+ +
+ +
+ + demo avatar + +
+ +
SofiaAlc
+ +
+
    +
  • + + reputation bling + + 1,775 +
    • +
  • + + gold bling + + 12 +
    • +
  • + + silver bling + + 8 +
    • +
  • + + bronze bling + + 4 +
    • +
+ +
+ +
+ + demo avatar + +
+ +
SofiaAlc
+
Mod
+ +
+ +
+
- {% endhighlight %} +
+ {% header "h4", "Default" %} +

Use the Default variant when the user needs a more primary focus of the content. This style features a larger avatar to establish top-level hierarchy like question and answer authors.

+
+{% highlight html %} +
+ + + +
+ +
…
+ +
+ +
+ +
+ + + +
+ +
…
+ +
+
    +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
  • + + … + + … +
    • +
+ +
+ +
+ + + +
+ +
…
+
…
+ +
+ +
+{% endhighlight %}
-
- +
+ demo avatar
@@ -481,9 +674,59 @@
SofiaAlc
- + +
+ +
+ + demo avatar + +
+ +
SofiaAlc
+ +
+
    +
  • + + reputation bling + + 1,775 +
    • +
  • + + gold bling + + 12 +
    • +
  • + + silver bling + + 8 +
    • +
  • + + bronze bling + + 4 +
    • +
+ +
+ +
+ + demo avatar + +
+ +
SofiaAlc
+
Mod
+ +
+
- {% header "h4", "Default" %} \ No newline at end of file diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte index 4c48ab1b0b..16f77b85c6 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte @@ -1,32 +1,18 @@ {#snippet template(args)} - {@const { tags, type, ...restArgs } = args} - + {/snippet} @@ -105,53 +70,6 @@
- -
- -
- - - -
- -
- - - -
- - - - - - - - - - {#each ["role", "location", "both"] as prop (prop)} - - - - - {/each} - -
PropertyExample
- {prop} - - -
-
- -
@@ -179,25 +97,3 @@
- - -
- - {#snippet tags()} - css - reactjs - javascript - {/snippet} - -
- - - -
- - {#snippet type()} - Recognized by Hum - {/snippet} - -
- diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index df81689b35..7c29413db2 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -1,14 +1,11 @@
- {#if timestamp && size !== "minimal" && size !== "small"} - - {/if} - - {#if deleted} - - {:else} - - {/if} - -
+ + +
{#if name} - {name} - {#if !deleted && moderator} -
+
{name}
+ {#if moderator} +
Mod
{/if} - {#if !deleted && staff} -
Staff
+ {#if staff} +
+ Staff +
{/if} - {#if !deleted && admin} -
Admin
+ {#if admin} +
+ Admin +
{/if} {/if} - - {#if !deleted && (reputation || gold || silver || bronze)} -
    - {#if reputation} -
  • {reputation}
    • - {/if} - {#if gold} - - {gold} - {/if} - {#if silver} - - {silver} - {/if} - {#if bronze} - - {bronze} - {/if} -
- {/if} - - {#if !deleted && role} -
{role}
- {/if} - - {#if !deleted && location} -
{location}
- {/if} - - {#if timestamp && (size === "minimal" || size === "small")} - - {/if} - - {#if !deleted && tags} -
- {@render tags()} -
- {/if}
- {#if !deleted && type} -
- {@render type()} -
+ {#if reputation || gold || silver || bronze} +
    + {#if reputation} +
  • + + {reputation} +
    • + {/if} + {#if gold} +
  • + + {gold} +
    • + {/if} + {#if silver} +
  • + + {silver} +
    • + {/if} + {#if bronze} +
  • + + {bronze} +
    • + {/if} +
+ {/if} + + {#if timestamp} + {/if}
diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts index 8f42f87691..e4d5d8ea7d 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts @@ -31,24 +31,6 @@ describe("UserCard", () => { expect(avatarImg).to.have.attr("src", "https://picsum.photos/128"); }); - it("should render the user role", () => { - render(UserCard, { - name: "John Doe", - avatar: "https://picsum.photos/128", - role: "Developer", - }); - expect(screen.getByText("Developer")).to.exist; - }); - - it("should render the user location", () => { - render(UserCard, { - name: "John Doe", - avatar: "https://picsum.photos/128", - location: "New York", - }); - expect(screen.getByText("New York")).to.exist; - }); - it("should render the user reputation", () => { render(UserCard, { name: "John Doe", @@ -85,87 +67,11 @@ describe("UserCard", () => { render(UserCard, { name: "John Doe", avatar: "https://picsum.photos/128", - size: "full", - }); - expect( - screen.getAllByText("John Doe")[1].closest(".s-user-card") - ).to.have.class("s-user-card__full"); - }); - - it("should render the user card with the highlighted class", () => { - render(UserCard, { - name: "John Doe", - avatar: "https://picsum.photos/128", - highlighted: true, - }); - expect( - screen.getAllByText("John Doe")[1].closest(".s-user-card") - ).to.have.class("s-user-card__highlighted"); - }); - - it("should render the user card with the deleted class", () => { - render(UserCard, { - name: "John Doe", - avatar: "https://picsum.photos/128", - deleted: true, + size: "small", }); expect( screen.getAllByText("John Doe")[1].closest(".s-user-card") - ).to.have.class("s-user-card__deleted"); - }); - - it("should render the Icon Person instead of Avatar and name unlinked when deleted prop is true", () => { - render(UserCard, { - name: "John Doe", - avatar: "https://picsum.photos/128", - deleted: true, - href: "#", - }); - const avatarImg = screen - .getByTitle("John Doe") - .closest(".s-user-card--avatar"); - expect(avatarImg).to.have.class("iconPerson"); - }); - - it("should not render many properties when the deleted prop is true", () => { - render(UserCard, { - name: "John Doe", - admin: true, - avatar: "https://picsum.photos/128", - bronze: 3333, - gold: 1111, - href: "#", - location: "Calgary", - moderator: true, - reputation: 1234, - role: "Staff Engineer", - silver: 2222, - staff: true, - timestamp: "Asked 2 hours ago", - deleted: true, - size: "full", - type, - tags, - }); - // Deleted user card should still render these properties - expect(screen.getByTitle("John Doe")).to.exist; // name - expect(screen.getByText("Asked 2 hours ago")).to.exist; // timestamp - - // Deleted user card should not render these properties - expect(screen.queryByText("Admin")).not.to.exist; // admin badge - expect(screen.queryByText("Mod")).not.to.exist; // moderator badge - expect(screen.queryByText("Staff")).not.to.exist; // staff badge - - expect(screen.queryByText("1111")).not.to.exist; // gold - expect(screen.queryByText("2222")).not.to.exist; // silver - expect(screen.queryByText("3333")).not.to.exist; // bronze - - expect(screen.queryByText("1234")).not.to.exist; // reputation - expect(screen.queryByText("Calgary")).not.to.exist; // location - expect(screen.queryByText("Staff Engineer")).not.to.exist; // role - - expect(screen.queryByText("Recognized by Hum")).not.to.exist; // type snippet text - expect(screen.queryByText("JavaScript")).not.to.exist; // tags snippet text + ).to.have.class("s-user-card__small"); }); it("should render the avatar and name as links", () => { @@ -203,27 +109,4 @@ describe("UserCard", () => { expect(screen.getByText("Mod")).to.exist; expect(screen.getByText("Staff")).to.exist; }); - - it("should render the user card with the tags slot within appropriate container", () => { - render(UserCard, { - name: "John Doe", - avatar: "https://picsum.photos/128", - tags, - }); - - expect(screen.getByText("JavaScript").closest(".s-user-card--tags")).to - .exist; - }); - - it("should render the user card with the type slot within appropriate container", () => { - render(UserCard, { - name: "John Doe", - avatar: "https://picsum.photos/128", - type, - }); - - expect( - screen.getByText("Recognized by Hum").closest(".s-user-card--type") - ).to.exist; - }); }); From 0bb346fd0f8be6e756f9dde59200cc3534f193c7 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 15:31:27 +0000 Subject: [PATCH 04/56] Update docs --- .../lib/components/user-card/user-card.less | 4 +- .../_data/user-cards-component.json | 40 ------------------- 2 files changed, 1 insertion(+), 43 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 86dd8345cc..ae786ef830 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -72,7 +72,6 @@ display: flex; gap: var(--su4); - font-weight: 500; } & &--link { @@ -83,13 +82,12 @@ flex-wrap: wrap; min-width: 0; // Allow things to wrap overflow-wrap: break-word; - font-weight: 500; // TODO: figure out why font-weight is not applied to flex items } & &--rep { color: var(--_uc-rep-fc); - font-weight: 700; + font-weight: 600; } & &--tags { diff --git a/packages/stacks-docs/_data/user-cards-component.json b/packages/stacks-docs/_data/user-cards-component.json index d9dcc52bfc..82698fa380 100644 --- a/packages/stacks-docs/_data/user-cards-component.json +++ b/packages/stacks-docs/_data/user-cards-component.json @@ -25,11 +25,6 @@ "applies": "N/A", "description": "Styles the link to the user’s profile appropriately." }, - { - "class": ".s-user-card--type", - "applies": "N/A", - "description": "An optional container for displaying various user types." - }, { "class": ".s-badge .s-badge__sm .s-badge__admin", "applies": "Child of .s-user-card--link", @@ -45,16 +40,6 @@ "applies": "Child of .s-user-card--link", "description": "Wraps and positions the staff user badge" }, - { - "class": ".s-user-card--location", - "applies": "N/A", - "description": "Styles the user’s location." - }, - { - "class": ".s-user-card--role", - "applies": "N/A", - "description": "Styles the user’s role." - }, { "class": ".s-user-card--awards", "applies": "N/A", @@ -65,35 +50,10 @@ "applies": "N/A", "description": "Styles the aggregate number of awards and activity properly." }, - { - "class": ".s-user-card--tags", - "applies": "N/A", - "description": "A container for a user’s most popular tags." - }, - { - "class": ".s-user-card__highlighted", - "applies": ".s-user-card", - "description": "Highlights the entire user card by adding a background color, some padding, and rounded corners." - }, - { - "class": ".s-user-card__full", - "applies": ".s-user-card", - "description": "Displays a larger avatar, best paired with additional tags meta data." - }, { "class": ".s-user-card__small", "applies": ".s-user-card", "description": "Pairs a small avatar with the reputation and awards." - }, - { - "class": ".s-user-card__minimal", - "applies": ".s-user-card", - "description": "Pairs a stripped down version of the reputation with a small avatar, and the time since the activity occurred." - }, - { - "class": ".s-user-card__deleted", - "applies": ".s-user-card", - "description": "When a user is deleted, we still need to show their name, but we strip the meta data" } ] } \ No newline at end of file From 6365adb2a84d02603411b3c5e2e022265f982f8e Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 16:21:49 +0000 Subject: [PATCH 05/56] fix lint and tests --- .changeset/beige-cycles-spend.md | 6 ++++++ .../stacks-svelte/src/components/UserCard/UserCard.svelte | 6 +++--- 2 files changed, 9 insertions(+), 3 deletions(-) create mode 100644 .changeset/beige-cycles-spend.md diff --git a/.changeset/beige-cycles-spend.md b/.changeset/beige-cycles-spend.md new file mode 100644 index 0000000000..1284744fa5 --- /dev/null +++ b/.changeset/beige-cycles-spend.md @@ -0,0 +1,6 @@ +--- +"@stackoverflow/stacks": minor +"@stackoverflow/stacks-svelte": minor +--- + +Update User card to new SHINE design (part 1) \ No newline at end of file diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index 7c29413db2..b9d035eef2 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -170,19 +170,19 @@ {#if gold}
  • - {gold} + {gold} gold awards
    • {/if} {#if silver}
  • - {silver} + {silver} silver awards
    • {/if} {#if bronze}
  • - {bronze} + {bronze} bronze awards
    • {/if} From ef94d698527ff433ab7c758f0b9c6f532ab72813 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 17:06:53 +0000 Subject: [PATCH 06/56] Update gaps --- .../lib/components/user-card/user-card.less | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index ae786ef830..1407bfae64 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -4,7 +4,7 @@ --_uc-bar: unset; --_uc-d: flex; --_uc-fc: unset; - --_uc-g: var(--su4); + --_uc-g: var(--su6); --_uc-p: var(--su8); --_uc-info-ai: center; --_uc-info-fd: row; @@ -31,7 +31,7 @@ &&__minimal, &&__small { --_uc-d: flex; - --_uc-g: var(--su4); + --_uc-g: var(--su6); --_uc-p: 0; --_uc-info-ai: center; --_uc-info-fd: row; @@ -63,7 +63,7 @@ .list-reset; align-items: center; display: flex; - gap: var(--su6); + gap: var(--su4); } & &--info { @@ -71,7 +71,7 @@ flex-direction: var(--_uc-info-fd); display: flex; - gap: var(--su4); + gap: var(--su6); } & &--link { @@ -82,11 +82,11 @@ flex-wrap: wrap; min-width: 0; // Allow things to wrap overflow-wrap: break-word; + gap: var(--su6); } & &--rep { color: var(--_uc-rep-fc); - font-weight: 600; } From e00d975ef287b02a24a2da683ae7b0ade63081e1 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 17:08:14 +0000 Subject: [PATCH 07/56] fix lint issue --- .../stacks-svelte/src/components/PostSummary/PostSummary.svelte | 2 +- .../src/components/PostSummary/PostSummaryAnswer.svelte | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte index 6ea9aaa5d5..8d8f938d4b 100644 --- a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte +++ b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte @@ -329,7 +329,7 @@ {/if} {i18nViewAnswersText} Date: Thu, 4 Dec 2025 17:19:04 +0000 Subject: [PATCH 08/56] fix test --- .../src/components/UserCard/UserCard.svelte | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index b9d035eef2..2ea9b98888 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -132,12 +132,14 @@
    {#if name} - -
    {name}
    +
    + + {name} + {#if moderator}
    {/if} - +
    {/if}
    From ab9794af90b830e56ff86628c38f218220311691 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 17:34:42 +0000 Subject: [PATCH 09/56] fix lint --- .../src/components/UserCard/UserCard.test.ts | 8 -------- 1 file changed, 8 deletions(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts index e4d5d8ea7d..9fce15c3e6 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts @@ -4,14 +4,6 @@ import { render, screen } from "@testing-library/svelte"; import UserCard from "./UserCard.svelte"; -const tags = createRawSnippet(() => ({ - render: () => 'JavaScript', -})); - -const type = createRawSnippet(() => ({ - render: () => "Recognized by Hum", -})); - describe("UserCard", () => { it("should render the user name", () => { render(UserCard, { From 38b0d9bef5adf7b5f19ee520cb690657dc7cc400 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 17:43:51 +0000 Subject: [PATCH 10/56] fix test --- .../src/components/UserCard/UserCard.svelte | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index 2ea9b98888..b9d035eef2 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -132,14 +132,12 @@
    {#if name} -
    - - {name} - + +
    {name}
    {#if moderator}
    {/if} -
    +     {/if}
    From 87b78bc2b81655348fb39bb0b8bd2bd5b19ff412 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 4 Dec 2025 17:49:31 +0000 Subject: [PATCH 11/56] lint fix --- packages/stacks-svelte/src/components/UserCard/UserCard.test.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts index 9fce15c3e6..b556c51235 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts @@ -1,4 +1,3 @@ -import { createRawSnippet } from "svelte"; import { expect } from "@open-wc/testing"; import { render, screen } from "@testing-library/svelte"; From 87c461659bc30e157879ed0ae5e0db768caf2292 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Tue, 23 Dec 2025 08:56:21 +0000 Subject: [PATCH 12/56] revert gap changes --- .../lib/components/user-card/user-card.less | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 1407bfae64..1a890f4f73 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -4,7 +4,7 @@ --_uc-bar: unset; --_uc-d: flex; --_uc-fc: unset; - --_uc-g: var(--su6); + --_uc-g: var(--su4); --_uc-p: var(--su8); --_uc-info-ai: center; --_uc-info-fd: row; @@ -31,7 +31,7 @@ &&__minimal, &&__small { --_uc-d: flex; - --_uc-g: var(--su6); + --_uc-g: var(--su4); --_uc-p: 0; --_uc-info-ai: center; --_uc-info-fd: row; @@ -63,7 +63,7 @@ .list-reset; align-items: center; display: flex; - gap: var(--su4); + gap: var(--su6); } & &--info { @@ -71,7 +71,7 @@ flex-direction: var(--_uc-info-fd); display: flex; - gap: var(--su6); + gap: var(--su4); } & &--link { @@ -82,7 +82,6 @@ flex-wrap: wrap; min-width: 0; // Allow things to wrap overflow-wrap: break-word; - gap: var(--su6); } & &--rep { From ea428f11a1b53dd9477a87459be435578247e426 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Tue, 23 Dec 2025 08:58:21 +0000 Subject: [PATCH 13/56] fix lint issue --- packages/stacks-svelte/src/components/UserCard/UserCard.svelte | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index 8335b3c095..b9d035eef2 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -6,8 +6,6 @@
    - - -
    - {#if name} + {#if size !== "lg"} + {#if avatar || username} -
    {name}
    - {#if moderator} -
    - Mod + {#if avatar} + + {/if} + {#if username} + {username} + {/if} + + {/if} + {#if badges} +
    + {#each badges as badge (badge)} + + {badge} + + {/each} +
    + {/if} + {#if reputation || gold || silver || bronze} +
      + {#if reputation} +
    • + + {reputation} +
      • + {/if} + {#if gold} +
    • + + {gold} +
      • + {/if} + {#if silver} +
    • + + {silver} +
      • + {/if} + {#if bronze} +
    • + + {bronze} +
      • + {/if} +
    + {/if} + {#if timestamp} + + {/if} + {:else} +
    + {#if avatar} + + {/if} +
    +
    + {#if username} + + {username} + + {/if} +
    + {#each badges as badge (badge)} + + {badge} + + {/each}
    +
    + {#if reputation || gold || silver || bronze} +
      + {#if reputation} +
    • + + {reputation} +
      • + {/if} + {#if gold} +
    • + + {gold} +
      • + {/if} + {#if silver} +
    • + + {silver} +
      • + {/if} + {#if bronze} +
    • + + {bronze} +
      • + {/if} +
    {/if} - {#if staff} -
    - Staff +
    +
    + {#if recognition || role || location || bio} +
    + {#if recognition} + {#if recognitionIcon} + + {/if} +
    + {recognition} + {#if recognitionHref} + {recognitionLinkText || "…"} + {/if}
    {/if} - {#if admin} -
    - Admin + {#if role || location} +
      + {#if role} +
    • {role}
      • + {/if} + {#if location} +
    • {location}
      • + {/if} +
    + {/if} + {#if bio} +
    + {bio}
    {/if} - +
    {/if} -
    - - {#if size === "large" && (reputation || gold || silver || bronze)} -
      - {#if reputation} -
    • - - {reputation} -
      • - {/if} - {#if gold} -
    • - - {gold} -
      • - {/if} - {#if silver} -
    • - - {silver} -
      • - {/if} - {#if bronze} -
    • - - {bronze} -
      • - {/if} -
    - {/if} - - {#if size !== "large" && (reputation || gold || silver || bronze)} -
      - {#if reputation} -
    • - - {reputation} -
      • - {/if} - {#if gold} -
    • - - {gold} -
      • - {/if} - {#if silver} -
    • - - {silver} -
      • - {/if} - {#if bronze} -
    • - - {bronze} -
      • - {/if} -
    - {/if} - - {#if size === "large" && type} -
    - {#if typeIcon} - - {/if} - {type} - {#if typeHref} - {typeLinkText || "…"} - {/if} -
    - {/if} - - {#if size === "large" && (role || location)} -
    - {#if role} -
    {role}
    - {/if} - {#if role && location} -
    - {/if} - {#if location} -
    {location}
    - {/if} -
    - {/if} - - {#if size === "large" && excerpt} -
    - {excerpt} -
    - {/if} - - {#if timestamp} - {/if}
    diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts index 984ac2c6fb..74bed6283f 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts @@ -6,7 +6,7 @@ import UserCard from "./UserCard.svelte"; describe("UserCard", () => { it("should render the user name", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", }); expect(screen.getAllByText("John Doe")[1]).to.exist; @@ -14,7 +14,7 @@ describe("UserCard", () => { it("should render the avatar with the provided image", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", }); const avatarImg = screen.getByRole("presentation"); @@ -24,7 +24,7 @@ describe("UserCard", () => { it("should render the user reputation", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", reputation: "1234", }); @@ -33,7 +33,7 @@ describe("UserCard", () => { it("should not render the user reputation", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", }); @@ -43,7 +43,7 @@ describe("UserCard", () => { it("should render the user awards", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", gold: 1, silver: 2, @@ -56,18 +56,18 @@ describe("UserCard", () => { it("should render the user card with the appropriate size class", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", - size: "small", + size: "sm", }); expect( screen.getAllByText("John Doe")[1].closest(".s-user-card") - ).to.have.class("s-user-card__small"); + ).to.have.class("s-user-card__sm"); }); it("should render the avatar and name as links", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", href: "#", }); @@ -79,7 +79,7 @@ describe("UserCard", () => { it("should render the user card with arbitrary classes", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", class: "custom-class", }); @@ -90,7 +90,7 @@ describe("UserCard", () => { it("should render the user card with badges", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", admin: true, moderator: true, @@ -103,12 +103,12 @@ describe("UserCard", () => { it("should render the user card with large size class", () => { render(UserCard, { - name: "John Doe", + username: "John Doe", avatar: "https://picsum.photos/128", - size: "large", + size: "lg", }); expect( screen.getAllByText("John Doe")[1].closest(".s-user-card") - ).to.have.class("s-user-card__large"); + ).to.have.class("s-user-card__lg"); }); }); From f0b7e06c702e21f3cdf50f74b03e186eac36ed71 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 14:14:04 +0000 Subject: [PATCH 32/56] fix recognition color issue --- packages/stacks-classic/lib/components/user-card/user-card.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 34e870e184..c8354cc69c 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -20,7 +20,7 @@ & &--recognition { &, & a { - color: var(--theme-primary); + color: var(--theme-primary) !important; } } From e3f54b2cc0d61d01201bf6024fe021fe5ce4e1d9 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 14:14:19 +0000 Subject: [PATCH 33/56] improve svelte component --- .../UserCard/UserCard.stories.svelte | 13 ++ .../src/components/UserCard/UserCard.svelte | 113 +++--------------- .../components/UserCard/UserCardAwards.svelte | 58 +++++++++ .../components/UserCard/UserCardBadges.svelte | 22 ++++ .../components/UserCard/UserCardBio.svelte | 14 +++ .../components/UserCard/UserCardMeta.svelte | 27 +++++ .../UserCard/UserCardRecognition.svelte | 42 +++++++ 7 files changed, 192 insertions(+), 97 deletions(-) create mode 100644 packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte create mode 100644 packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte create mode 100644 packages/stacks-svelte/src/components/UserCard/UserCardBio.svelte create mode 100644 packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte create mode 100644 packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte index 45faa10504..7ea51ee107 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte @@ -1,6 +1,11 @@ + +{#if reputation || gold || silver || bronze} +
      + {#if reputation} +
    • + + {reputation} +
      • + {/if} + {#if gold} +
    • + + {gold} +
      • + {/if} + {#if silver} +
    • + + {silver} +
      • + {/if} + {#if bronze} +
    • + + {bronze} +
      • + {/if} +
    +{/if} + diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte new file mode 100644 index 0000000000..383154901a --- /dev/null +++ b/packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte @@ -0,0 +1,22 @@ + + +{#if badges && badges.length > 0} +
    + {#each badges as badge (badge)} + + {badge} + + {/each} +
    +{/if} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardBio.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardBio.svelte new file mode 100644 index 0000000000..da1a320670 --- /dev/null +++ b/packages/stacks-svelte/src/components/UserCard/UserCardBio.svelte @@ -0,0 +1,14 @@ + + +
    + {bio} +
    diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte new file mode 100644 index 0000000000..460066e26f --- /dev/null +++ b/packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte @@ -0,0 +1,27 @@ + + +{#if role || location} +
      + {#if role} +
    • {role}
      • + {/if} + {#if location} +
    • {location}
      • + {/if} +
    +{/if} + diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte new file mode 100644 index 0000000000..013bc157c7 --- /dev/null +++ b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte @@ -0,0 +1,42 @@ + + +{#if recognitionIcon} + +{/if} +
    + {recognition} + {#if recognitionHref} + {recognitionLinkText || "…"} + {/if} +
    From 46358a669fe81c914a27c17916344371a0d836a9 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 15:05:54 +0000 Subject: [PATCH 34/56] Add icon to large usercard --- .../product/components/user-cards.html | 13 ++++++++----- .../components/UserCard/UserCard.stories.svelte | 2 ++ .../UserCard/UserCardRecognition.svelte | 16 +++++++++------- 3 files changed, 19 insertions(+), 12 deletions(-) diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 8d9f989f24..76b43f9637 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -484,11 +484,14 @@
    - {% if user.recognition %} -
    - {{ user.recognition }} -
    - {% endif %} + {% if user.recognition %} +
    + {% icon "StarVerifiedSm", "fc-theme-primary" %} +
    + {{ user.recognition }} +
    +
    + {% endif %} {% if user.role or user.location %}
      {% if user.role %} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte index 7ea51ee107..22d4087ccd 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte @@ -1,5 +1,6 @@ -{#if recognitionIcon} - -{/if} -
      - {recognition} - {#if recognitionHref} - {recognitionLinkText || "…"} +
      + {#if recognitionIcon} + {/if} +
      + {recognition} + {#if recognitionHref} + {recognitionLinkText || "…"} + {/if} +
      From ec62daf1c28db05ce2ba055a4b410d8e307035c2 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 15:07:07 +0000 Subject: [PATCH 35/56] run format --- .../stacks-svelte/src/components/UserCard/UserCardAwards.svelte | 1 - .../stacks-svelte/src/components/UserCard/UserCardMeta.svelte | 1 - 2 files changed, 2 deletions(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte index cb3e962b6e..9a2eca6809 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte @@ -55,4 +55,3 @@ {/if}
    {/if} - diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte index 460066e26f..b989180799 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardMeta.svelte @@ -24,4 +24,3 @@ {/if} {/if} - From 630934883017f11e23cd58e4219f1e74fbea057d Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 15:11:26 +0000 Subject: [PATCH 36/56] refactor --- .../components/PostSummary/PostSummary.svelte | 2 +- .../PostSummary/PostSummaryAnswer.svelte | 2 +- .../UserCard/UserCard.stories.svelte | 2 +- .../src/components/UserCard/UserCard.svelte | 23 ++++++++----------- .../src/components/UserCard/UserCard.test.ts | 20 ++++++++-------- 5 files changed, 22 insertions(+), 27 deletions(-) diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte index b33c52e743..2db969b66c 100644 --- a/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte +++ b/packages/stacks-svelte/src/components/PostSummary/PostSummary.svelte @@ -333,7 +333,7 @@ {/if} {i18nViewAnswersText} {#if size !== "lg"} - {#if avatar || username} + {#if avatar || name} {#if avatar} - + {/if} - {#if username} - {username} + {#if name} + {name} {/if} {/if} @@ -224,17 +219,17 @@ {:else}
    {#if avatar} - + {/if}
    - {#if username} + {#if name} - {username} + {name} {/if} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts index 74bed6283f..f59e08ec2c 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts @@ -6,7 +6,7 @@ import UserCard from "./UserCard.svelte"; describe("UserCard", () => { it("should render the user name", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", }); expect(screen.getAllByText("John Doe")[1]).to.exist; @@ -14,7 +14,7 @@ describe("UserCard", () => { it("should render the avatar with the provided image", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", }); const avatarImg = screen.getByRole("presentation"); @@ -24,7 +24,7 @@ describe("UserCard", () => { it("should render the user reputation", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", reputation: "1234", }); @@ -33,7 +33,7 @@ describe("UserCard", () => { it("should not render the user reputation", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", }); @@ -43,7 +43,7 @@ describe("UserCard", () => { it("should render the user awards", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", gold: 1, silver: 2, @@ -56,7 +56,7 @@ describe("UserCard", () => { it("should render the user card with the appropriate size class", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", size: "sm", }); @@ -67,7 +67,7 @@ describe("UserCard", () => { it("should render the avatar and name as links", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", href: "#", }); @@ -79,7 +79,7 @@ describe("UserCard", () => { it("should render the user card with arbitrary classes", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", class: "custom-class", }); @@ -90,7 +90,7 @@ describe("UserCard", () => { it("should render the user card with badges", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", admin: true, moderator: true, @@ -103,7 +103,7 @@ describe("UserCard", () => { it("should render the user card with large size class", () => { render(UserCard, { - username: "John Doe", + name: "John Doe", avatar: "https://picsum.photos/128", size: "lg", }); From 7b56f0117a6fde435e5914e8e8e6a6462ac4b9f0 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 15:26:42 +0000 Subject: [PATCH 37/56] fix tests --- .../PostSummary/PostSummaryAnswer.test.ts | 6 +++--- .../src/components/UserCard/UserCard.test.ts | 14 +++++++------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts index 55045c988f..fcd60071d7 100644 --- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts +++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts @@ -51,13 +51,13 @@ describe("PostSummaryAnswer", () => { const userCard = document.querySelector(".s-user-card"); expect(userCard).to.exist; - const name = document.querySelector(".s-user-card--link"); - expect(name).to.have.attr("href", baseArgs.userProfileUrl); + const name = document.querySelector(".s-user-card--username"); + expect(name?.parentElement).to.have.attr("href", baseArgs.userProfileUrl); const avatarImg = screen.getByRole("presentation"); const avatar = avatarImg?.parentElement; expect(avatarImg).to.have.attr("src", baseArgs.userAvatar); - expect(avatar).to.have.class("s-user-card--avatar"); + expect(avatar).to.have.class("s-avatar"); expect(avatar).to.have.attr("href", baseArgs.userProfileUrl); const reputation = screen.getByText(baseArgs.userReputation); diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts index f59e08ec2c..e2e9af18e4 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.test.ts @@ -18,7 +18,7 @@ describe("UserCard", () => { avatar: "https://picsum.photos/128", }); const avatarImg = screen.getByRole("presentation"); - expect(avatarImg.parentElement).to.have.class("s-user-card--avatar"); + expect(avatarImg.parentElement).to.have.class("s-avatar"); expect(avatarImg).to.have.attr("src", "https://picsum.photos/128"); }); @@ -49,9 +49,9 @@ describe("UserCard", () => { silver: 2, bronze: 3, }); - expect(screen.getByText("1 gold awards")).to.exist; - expect(screen.getByText("2 silver awards")).to.exist; - expect(screen.getByText("3 bronze awards")).to.exist; + expect(screen.getByText("1")).to.exist; + expect(screen.getByText("2")).to.exist; + expect(screen.getByText("3")).to.exist; }); it("should render the user card with the appropriate size class", () => { @@ -96,9 +96,9 @@ describe("UserCard", () => { moderator: true, staff: true, }); - expect(screen.getByText("Admin")).to.exist; - expect(screen.getByText("Mod")).to.exist; - expect(screen.getByText("Staff")).to.exist; + expect(screen.getByText("admin")).to.exist; + expect(screen.getByText("moderator")).to.exist; + expect(screen.getByText("staff")).to.exist; }); it("should render the user card with large size class", () => { From 5aa3985441b6682f3dda0eed6835d4d5e0624db3 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 16:19:22 +0000 Subject: [PATCH 38/56] improve svelte component --- .../PostSummary/PostSummaryAnswer.test.ts | 5 +- .../src/components/UserCard/UserCard.svelte | 92 ++++++++++++------- .../components/UserCard/UserCardAwards.svelte | 39 +++++++- .../components/UserCard/UserCardBadges.svelte | 9 +- .../components/UserCard/UserCardBio.svelte | 8 +- .../UserCard/UserCardRecognition.svelte | 20 ++-- 6 files changed, 120 insertions(+), 53 deletions(-) diff --git a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts index fcd60071d7..6be162ce48 100644 --- a/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts +++ b/packages/stacks-svelte/src/components/PostSummary/PostSummaryAnswer.test.ts @@ -52,7 +52,10 @@ describe("PostSummaryAnswer", () => { expect(userCard).to.exist; const name = document.querySelector(".s-user-card--username"); - expect(name?.parentElement).to.have.attr("href", baseArgs.userProfileUrl); + expect(name?.parentElement).to.have.attr( + "href", + baseArgs.userProfileUrl + ); const avatarImg = screen.getByRole("presentation"); const avatar = avatarImg?.parentElement; diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index ec9829c765..50f1baef1c 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -1,11 +1,12 @@ +{#snippet avatarAndName()} + {#if avatar || name} + + {#if avatar} + + {/if} + {#if name} + {name} + {/if} + + {/if} +{/snippet} +
    {#if size !== "lg"} - {#if avatar || name} - - {#if avatar} - - {/if} - {#if name} - {name} - {/if} - - {/if} + {@render avatarAndName()} - + {#if timestamp}
    - +
    {#if recognition || role || location || bio}
    - {#if recognition} - - {/if} + - {#if bio} - - {/if} +
    {/if} {/if} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte index 9a2eca6809..f00d1047f2 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardAwards.svelte @@ -22,9 +22,32 @@ * Count of bronze award badges to display */ bronze?: Award; + + /** + * Internationalization labels for awards + */ + i18nAwardLabels?: { + gold: (count: number | string) => string; + silver: (count: number | string) => string; + bronze: (count: number | string) => string; + }; } - const { reputation, gold, silver, bronze }: Props = $props(); + const { reputation, gold, silver, bronze, i18nAwardLabels }: Props = + $props(); + + const getAwardLabel = ( + type: "gold" | "silver" | "bronze", + count: number | string + ): string => { + if (i18nAwardLabels?.[type]) { + return i18nAwardLabels[type](count); + } + const countNum = + typeof count === "string" ? parseInt(count, 10) : count; + const plural = countNum !== 1 ? "s" : ""; + return `${count} ${type} award${plural}`; + }; {#if reputation || gold || silver || bronze} @@ -32,25 +55,33 @@ {#if reputation}
  • + Reputation: {reputation}
    • {/if} {#if gold}
  • - {gold} + {getAwardLabel("gold", gold)} +
    • {/if} {#if silver}
  • - {silver} + {getAwardLabel("silver", silver)} +
    • {/if} {#if bronze}
  • - {bronze} + {getAwardLabel("bronze", bronze)} +
    • {/if} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte index 383154901a..0be995c970 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardBadges.svelte @@ -1,11 +1,12 @@ -
    - {bio} -
    +{#if bio} +
    + {bio} +
    +{/if} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte index 523c921bb6..6cde7d8d54 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte @@ -31,14 +31,16 @@ }: Props = $props(); -
    - {#if recognitionIcon} - - {/if} -
    - {recognition} - {#if recognitionHref} - {recognitionLinkText || "…"} +{#if recognition} +
    + {#if recognitionIcon} + {/if} +
    + {recognition} + {#if recognitionHref} + {recognitionLinkText || "…"} + {/if} +
    -
    +{/if} From 2fa4977f129cf90001ac653d92332ca60a59e3a0 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 16:23:26 +0000 Subject: [PATCH 39/56] Add timestamp subcomponent --- .../UserCard/UserCard.stories.svelte | 2 ++ .../src/components/UserCard/UserCard.svelte | 11 ++----- .../UserCard/UserCardTimestamp.svelte | 30 +++++++++++++++++++ 3 files changed, 34 insertions(+), 9 deletions(-) create mode 100644 packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte index 599b2aa78b..e6fb427e59 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte @@ -7,6 +7,7 @@ import UserCardRecognition from "./UserCardRecognition.svelte"; import UserCardMeta from "./UserCardMeta.svelte"; import UserCardBio from "./UserCardBio.svelte"; + import UserCardTimestamp from "./UserCardTimestamp.svelte"; const UserCardSizes: (Size | undefined)[] = [undefined, "sm", "lg"]; @@ -31,6 +32,7 @@ UserCardRecognition, UserCardMeta, UserCardBio, + UserCardTimestamp, }, argTypes: { size: { diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index 50f1baef1c..e19f70e0fb 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -12,6 +12,7 @@ import UserCardRecognition from "./UserCardRecognition.svelte"; import UserCardMeta from "./UserCardMeta.svelte"; import UserCardBio from "./UserCardBio.svelte"; + import UserCardTimestamp from "./UserCardTimestamp.svelte"; interface Props { /** @@ -235,15 +236,7 @@ {bronze} {i18nAwardLabels} /> - {#if timestamp} - - {/if} + {:else}
    {#if avatar} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte new file mode 100644 index 0000000000..c7cc11d6e2 --- /dev/null +++ b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte @@ -0,0 +1,30 @@ + + +{#if timestamp} + +{/if} + From 365bcce66905f9e4d254127c01700769433eeaf1 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Wed, 7 Jan 2026 16:25:36 +0000 Subject: [PATCH 40/56] fix formatting --- .../src/components/UserCard/UserCardTimestamp.svelte | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte index c7cc11d6e2..2c4099e121 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte @@ -27,4 +27,3 @@ {timestamp} {/if} - From 548541a8c270d7c16b50580ec826715af1c9197c Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Wed, 7 Jan 2026 17:12:09 -0500 Subject: [PATCH 41/56] Minor updates to recognition --- .../lib/components/user-card/user-card.less | 2 +- .../stacks-docs/product/components/user-cards.html | 13 ++++++------- 2 files changed, 7 insertions(+), 8 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index c8354cc69c..34e870e184 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -20,7 +20,7 @@ & &--recognition { &, & a { - color: var(--theme-primary) !important; + color: var(--theme-primary); } } diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 76b43f9637..aabe99d8de 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -418,8 +418,9 @@
    -
    - Recognized by … +
    + @Svg.Icon.StarVerifiedSm.With("native") + …
    • …
      • @@ -485,11 +486,9 @@
    {% if user.recognition %} -
    - {% icon "StarVerifiedSm", "fc-theme-primary" %} -
    - {{ user.recognition }} -
    +
    + {% icon "StarVerifiedSm", native %} + {{ user.recognition }}
    {% endif %} {% if user.role or user.location %} From 3b915e5596b012cbab6323a43bf6f1116a1e8b9c Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Wed, 7 Jan 2026 18:18:10 -0500 Subject: [PATCH 42/56] Tweak spacing --- .../lib/components/user-card/user-card.less | 37 +++++++++++++++---- .../product/components/user-cards.html | 4 +- 2 files changed, 32 insertions(+), 9 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 34e870e184..d80723344b 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -1,11 +1,26 @@ .s-user-card { --_uc-ai: center; --_uc-fd: unset; + --_uc-column-gap: var(--su6); + --_uc-group-gap: var(--su4); + --_uc-row-gap: var(--su6); --_uc-username-fs: unset; // VARIANTS // SIZES &&__lg { + .s-avatar { + margin-right: var(--su6); + } + + .s-user-card--username { + margin-right: var(--su2); + } + + .s-user-card--group:has(> .s-user-card--rep) { + margin-top: calc(var(--su2) * -1); + } + --_uc-ai: flex-start; --_uc-fd: column; --_uc-username-fs: var(--fs-body3); @@ -18,6 +33,8 @@ } & &--recognition { + --_uc-row-gap: var(--su4); + &, & a { color: var(--theme-primary); @@ -38,21 +55,25 @@ } // Layout specific - & &--column, - & &--row { - display: flex; - gap: var(--su6); - } - & &--column { align-items: flex-start; + display: flex; flex-direction: column; + gap: var(--_uc-column-gap); } & &--group { + &:has(> .s-avatar) { + --_uc-group-gap: var(--su6); + } + + &:has(+ .s-user-card--time) { + margin-right: var(--su2); + } + align-items: center; display: flex; - gap: var(--su4); + gap: var(--_uc-group-gap); } & ul&--group { @@ -80,8 +101,10 @@ & &--row { align-items: center; + display: flex; flex-direction: row; flex-wrap: wrap; + gap: var(--_uc-row-gap); } align-items: var(--_uc-ai); diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index aabe99d8de..4d7651c534 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -420,7 +420,7 @@
    @Svg.Icon.StarVerifiedSm.With("native") - … + …
    • …
      • @@ -488,7 +488,7 @@ {% if user.recognition %}
      {% icon "StarVerifiedSm", native %} - {{ user.recognition }} + {{ user.recognition }}
      {% endif %} {% if user.role or user.location %} From 54b92653b21782c1e69e458f4902cfb788c7f84b Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 09:48:10 +0000 Subject: [PATCH 43/56] Update based on classic changes --- .../src/components/UserCard/UserCardRecognition.svelte | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte index 6cde7d8d54..1cd4f28ebf 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte @@ -32,15 +32,13 @@ {#if recognition} -
      +
      {#if recognitionIcon} - {/if} -
      {recognition} {#if recognitionHref} {recognitionLinkText || "…"} {/if} -
      + {/if}
      {/if} From 4266e1d9e180d851f52883eb3ca6904c6e4e549e Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 12:53:03 +0000 Subject: [PATCH 44/56] Update based on comments --- .../lib/components/user-card/user-card.less | 3 ++ packages/stacks-docs/_data/user-card.json | 16 +--------- .../product/components/user-cards.html | 29 +++++++++++-------- .../UserCard/UserCard.stories.svelte | 1 + .../src/components/UserCard/UserCard.svelte | 8 ++++- .../UserCard/UserCardRecognition.svelte | 4 +-- .../UserCard/UserCardTimestamp.svelte | 22 +++++++++----- 7 files changed, 46 insertions(+), 37 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index d80723344b..b9b95a2dc2 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -52,6 +52,9 @@ & &--username { font-size: var(--_uc-username-fs); font-weight: 500; + overflow-wrap: break-word; + word-break: break-all; + min-width: 0; } // Layout specific diff --git a/packages/stacks-docs/_data/user-card.json b/packages/stacks-docs/_data/user-card.json index 191f86add6..6ac324c695 100644 --- a/packages/stacks-docs/_data/user-card.json +++ b/packages/stacks-docs/_data/user-card.json @@ -53,7 +53,7 @@ ], "base": [ { - "username": "Community", + "username": "SofiaAlc", "timestamp": "asked 2 hr ago" }, { @@ -76,20 +76,6 @@ "gold": 8, "silver": 12, "bronze": 4 - }, - { - "username": "SofiaAlc", - "timestamp": "asked 2 hr ago", - "reputation": "1,775", - "gold": 8, - "silver": 12, - "bronze": 4, - "badges": [ - { - "class": "s-badge__moderator", - "text": "Mod" - } - ] } ], "with-badges": [ diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 4d7651c534..9f000fdb75 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -74,7 +74,9 @@ …
    - + + +
    {% endhighlight %}
    @@ -86,13 +88,6 @@ {{ user.username }} - {% if user.badges %} -
    - {% for badge in user.badges %} - {{ badge.text }} - {% endfor %} -
    - {% endif %} {% if user.reputation or user.gold or user.silver or user.bronze %}
      {% if user.reputation %} @@ -130,7 +125,9 @@
    {% endif %} {% if user.timestamp %} - + + + {% endif %}
    {% endfor %} @@ -180,7 +177,9 @@ … - + + +
    {% endhighlight %}
    @@ -236,7 +235,9 @@ {% endif %} {% if user.timestamp %} - + + + {% endif %}
    {% endfor %} @@ -312,7 +313,9 @@ … - + + +
    {% endhighlight %}
    @@ -368,7 +371,9 @@ {% endif %} {% if user.timestamp %} + + {% endif %}
    {% endfor %} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte index e6fb427e59..69a016cd6c 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.stories.svelte @@ -16,6 +16,7 @@ href: "#", name: "SofiaAlc", timestamp: "asked 2 hr ago", + timestampHref: "#", reputation: "1,775", gold: 12, silver: 8, diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index e19f70e0fb..971f8e1585 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -52,6 +52,11 @@ */ i18nTimestampTooltip?: string; + /** + * Link to post activity + */ + timestampHref?: string; + // Awards /** * Count of gold award badges to display @@ -157,6 +162,7 @@ class: className = "", i18nTimestampTooltip = "Show activity on this post", i18nAwardLabels, + timestampHref, }: Props = $props(); const getClasses = (className: string, size?: Size) => { @@ -236,7 +242,7 @@ {bronze} {i18nAwardLabels} /> - + {:else}
    {#if avatar} diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte index 1cd4f28ebf..ce22074502 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardRecognition.svelte @@ -34,10 +34,10 @@ {#if recognition}
    {#if recognitionIcon} - + {recognition} {#if recognitionHref} - {recognitionLinkText || "…"} + {recognitionLinkText} {/if} {/if}
    diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte index 2c4099e121..c04e702eb2 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte @@ -10,20 +10,28 @@ * @default "Show activity on this post" */ i18nTimestampTooltip?: string; + + /** + * Link to post activity + */ + timestampHref?: string; } const { timestamp, i18nTimestampTooltip = "Show activity on this post", + timestampHref, }: Props = $props(); {#if timestamp} - + + + {/if} From ef984ac4986d4984eaff34e09c0cda8deaee6f89 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 13:04:20 +0000 Subject: [PATCH 45/56] visual tests --- .../s-post-summary-dark-deleted-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-deleted-minimal-w100.ico | 4 ++-- .../s-post-summary-dark-ignored-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-ignored-minimal-w100.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-lg.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-md.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-sm.ico | 4 ++-- .../s-post-summary-dark-watched-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-watched-minimal-w100.ico | 4 ++-- ...-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-deleted-minimal-w100.ico | 4 ++-- ...-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-ignored-minimal-w100.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-lg.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-md.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-sm.ico | 4 ++-- ...-summary-highcontrast-dark-watched-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-watched-minimal-w100.ico | 4 ++-- ...summary-highcontrast-light-deleted-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-deleted-minimal-w100.ico | 4 ++-- ...summary-highcontrast-light-ignored-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-ignored-minimal-w100.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-lg.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-md.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-sm.ico | 4 ++-- ...summary-highcontrast-light-watched-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-watched-minimal-w100.ico | 4 ++-- .../s-post-summary-light-deleted-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-deleted-minimal-w100.ico | 4 ++-- .../s-post-summary-light-ignored-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-ignored-minimal-w100.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-lg.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-md.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-sm.ico | 4 ++-- .../s-post-summary-light-watched-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-watched-minimal-w100.ico | 4 ++-- .../s-post-summary-dark-deleted-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-deleted-minimal-w100.ico | 4 ++-- .../s-post-summary-dark-ignored-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-ignored-minimal-w100.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-lg.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-md.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-sm.ico | 4 ++-- .../s-post-summary-dark-watched-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-watched-minimal-w100.ico | 4 ++-- ...-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-deleted-minimal-w100.ico | 4 ++-- ...-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-ignored-minimal-w100.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-lg.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-md.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-sm.ico | 4 ++-- ...-summary-highcontrast-dark-watched-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-watched-minimal-w100.ico | 4 ++-- ...summary-highcontrast-light-deleted-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-deleted-minimal-w100.ico | 4 ++-- ...summary-highcontrast-light-ignored-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-ignored-minimal-w100.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-lg.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-md.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-sm.ico | 4 ++-- ...summary-highcontrast-light-watched-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-watched-minimal-w100.ico | 4 ++-- .../s-post-summary-light-deleted-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-deleted-minimal-w100.ico | 4 ++-- .../s-post-summary-light-ignored-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-ignored-minimal-w100.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-lg.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-md.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-sm.ico | 4 ++-- .../s-post-summary-light-watched-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-watched-minimal-w100.ico | 4 ++-- .../s-post-summary-dark-deleted-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-deleted-minimal-w100.ico | 4 ++-- .../s-post-summary-dark-ignored-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-ignored-minimal-w100.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-lg.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-md.ico | 4 ++-- .../baseline/s-post-summary-dark-w100-description-sm.ico | 4 ++-- .../s-post-summary-dark-watched-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-dark-watched-minimal-w100.ico | 4 ++-- ...-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-deleted-minimal-w100.ico | 4 ++-- ...-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-ignored-minimal-w100.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-lg.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-md.ico | 4 ++-- .../s-post-summary-highcontrast-dark-w100-description-sm.ico | 4 ++-- ...-summary-highcontrast-dark-watched-minimal-w100-sparce.ico | 4 ++-- .../s-post-summary-highcontrast-dark-watched-minimal-w100.ico | 4 ++-- ...summary-highcontrast-light-deleted-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-deleted-minimal-w100.ico | 4 ++-- ...summary-highcontrast-light-ignored-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-ignored-minimal-w100.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-lg.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-md.ico | 4 ++-- .../s-post-summary-highcontrast-light-w100-description-sm.ico | 4 ++-- ...summary-highcontrast-light-watched-minimal-w100-sparce.ico | 4 ++-- ...s-post-summary-highcontrast-light-watched-minimal-w100.ico | 4 ++-- .../s-post-summary-light-deleted-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-deleted-minimal-w100.ico | 4 ++-- .../s-post-summary-light-ignored-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-ignored-minimal-w100.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-lg.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-md.ico | 4 ++-- .../baseline/s-post-summary-light-w100-description-sm.ico | 4 ++-- .../s-post-summary-light-watched-minimal-w100-sparce.ico | 4 ++-- .../baseline/s-post-summary-light-watched-minimal-w100.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 ++-- 120 files changed, 240 insertions(+), 240 deletions(-) diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico index 5ff5dfd529..45216bcb46 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:2336d28eb7be927f2857691a3d3ac217ddd6cd8c797947b368a9f87f99ccbb01 -size 11111 +oid sha256:d67b9592916220c9bf840b8cb11943662f4a3d45c03c5e8422c903bc4e5e473e +size 11378 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100.ico index 8a6c85142c..e109c63aec 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c0e85f3f4b5ee89b308b56f89fcabdedd5c49a19d8aa60ecaa63ab1ace5043c0 -size 28641 +oid sha256:0951f218423146cca83d70f1c54d9ba127121b8feac759d5fb238b5dca3c0745 +size 28971 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico index e26cc21bd9..0b969f71a7 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:5a9538e9dcf6f48c5eb199942efd2a731bedde3ccef88ee2102a2ad76250de30 -size 10799 +oid sha256:028a8a699f78306dc672f66a08ddaefce89878f0e896547956f5f9cf7ddc55e6 +size 11026 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100.ico index 6cdb5fce80..b71aadc7de 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:71466355e3f7a87c7f176e4f30b944eaf2a3bdbf88d474dae2b53c907f7cffde -size 27788 +oid sha256:d4637dfd8dc26be0cb352a075aeb54e98c907d433a0c3fb7866a8242d6952c21 +size 28109 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-lg.ico index e413d0027a..b6832ac6d8 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:007925370bc44c1d41b8553ebb6af24245ae49df5cf0fbdbdab614c4dc41ebec -size 38958 +oid sha256:a5697c54b58fa1cced87e9ecddaac0e4e2dd1f988d1af0098001faefddb0e92c +size 38904 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-md.ico index d2a42cfe90..1b23b43216 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c5d7bcf1a1e3be2d2f1577e6feed2c3ba7efce1c7d25f16d1400a7d877ad6a72 -size 33717 +oid sha256:850c809eb2a245aa484db4d77a9b7b9231c413ba509dec26ec85f6c44ce85c37 +size 33664 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-sm.ico index f5f2a5a721..48d5831463 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:cc5d631d32140e0a8e11599e804c500ef6c6534281cc367c973445b93c15c3f6 -size 22250 +oid sha256:6b94e3b8ee8b9980f7be62d593ffe1c7c2a2b8dddf96e95f18892987354219c3 +size 22527 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico index 5b3217f306..17c0517cc2 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0068d0f4bc56dfe3947c725c98bb636f58720734a970786cd6ebff2aa120012e -size 11431 +oid sha256:5396549be2e30b9f380856c591c9c4b41293a546b0961325ddc9d9ab22e9fca6 +size 11607 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100.ico index 68b6db3207..4f39345bf4 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-dark-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:1420a2864fc9d3e83e2d3a62a49ee1b63cb8e6a19dd8effd818e2a6d14011311 -size 29848 +oid sha256:41d6cc4c5e50f81c0110845b6a108dfc0f020dd386bf58f48d3e7623796cbe25 +size 30142 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico index 08bef72c04..9dfa85cd96 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:11b8dbf32060a9910f000d9259da32c7f699da1e409d40f1983a0c08943ab5fd -size 11174 +oid sha256:e38bfec080a00b88502e83a693d8b3133bed2884ff4be68e4849a466b3238616 +size 11453 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico index 06dedf2dc0..f73158113a 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:381d23fad671b8cc8dd5fb122a0954eecfe8b5335cd286040e512f03171ec44c -size 29199 +oid sha256:79798c440ae222b596708badaed4b5441c867da40ade9fcfa9e9dd52d8fde8be +size 29427 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico index 67bec1e4fe..8b26610457 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:56a0d036560897fffaa5db2b6f8dd47abcdf8ffd6835dbedcdade8971f2af8d4 -size 10927 +oid sha256:00bead9946fdee3d5537b4ddea913b81fe101c6b47a89f6c1a8344275679ddb2 +size 11152 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico index 536af61b36..cb87754eac 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:741ac9e97acaf5de6bb747adbc9549be686ccd470b7e87948216d319b11ce9a1 -size 28160 +oid sha256:a788d5486516488b81a9a8c22046f1f1a3c730a8f83e30f86699cb890aa7d310 +size 28440 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico index b3a452c530..1967f7a318 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:26ff33f8581f63e1b92023c4b681bad6f3b273e8cf64e8faf20ebe2808968b5d -size 39056 +oid sha256:daf0bd1251d7e85f142cac1e506415aed9ae2550e3608587c6fe5c84c09371b6 +size 39322 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico index b006b66e74..d6279e59fd 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0f112fab459912e965b6374fa4f767886d911d0a67e6996d3e654461c91510cd -size 33758 +oid sha256:07a215eb55f8aeeb6af7f25c864628e09fae3d9a7c2bb4ff87cdf40a215d2a0f +size 34007 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico index 2a7d21cbc8..03ce7063da 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:2d3e912f1a8f0d53227abb1f3108872543dabfa15315da0ba454ed7d5d1b4044 -size 22541 +oid sha256:37d5385e7d874f368caf69523c7226d93fc6b157fdbf3dea2d09587819e3edd9 +size 22772 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico index 71054045fb..273ca8bc21 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d9c44dc6d55f4a3c99f43f01f7a0d579bf86d674ec16e6c390834c7631f04586 -size 11481 +oid sha256:b52239cd67ba1b74ebd606b073d3f4c9328e7a836f58502ceb255a600df97ba3 +size 11652 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico index 6689564522..40a8233e04 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d97a8a9b1b6a59665e9bca561b1e1574d58f7d2ce5f6ea1b99872fb41dd031a1 -size 30150 +oid sha256:b6adb5b34a2185d4b84f137f62564461d44612aebf0d7a94599bb7bb3014ed33 +size 30449 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico index 288c2d1ee8..c79f83c0ad 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4a091687c876f4cd03faa487968ce9bf2cdb67eb4db23856a2cfffb29edaa461 -size 11067 +oid sha256:072c7dbee470218b6e1125b3a004741748b69d07f33c171b6492bbad842a8398 +size 11261 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico index c6cfe05d4f..6306e13c3c 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:2f878706994463cfb03e308c84513f9a8add6ed7b689955363cbcb9d06b80378 -size 29118 +oid sha256:6aba577bc61cbd25b2ec9c2662f5d3f130fb00072cbc03a3a5dd9e046263fa27 +size 29348 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico index 5beb0041e4..8ce740bdab 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:98a213c1b99c6887395f4bb3f44123b1c1ba0813487971e4358db361fb9dcc36 -size 10899 +oid sha256:578288e7d7bdaf00e5e6e28cfc67cb217239bbb1bec10a9b51e11788bb9276c6 +size 11142 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico index 513008a8f8..c8e326c56c 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ccab679e7cdf298d4acfce55c673f97c3474f088258119460fc93e348fc2fc14 -size 29015 +oid sha256:cfbf025dc60059a33753b097fb80cb71722c491e0a738b75b53ffc02c9e4277d +size 29308 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico index 631a5de91e..4f47c6d596 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0a3f66574e8608034d55241c4ac11f664e1fd44a1ddc8956a376f6ee90762b32 -size 40309 +oid sha256:6ad3efd5b25f8161b28cf66681ce32e4313b6ae16f42a4464c78d74ac579222f +size 40588 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-md.ico index 1d1e21608b..b3da352142 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:79fdb75a3cd4b9f57d0fe2d5c4f846f6198a79790b632780c573005864d19d2b -size 35010 +oid sha256:edad5fa299086a0a478bb71849d422149bf93648825ae14d1dee4e7029927acc +size 35256 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico index 14d8c18f10..78a3bb0288 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7cca8f3e5cbe004485b61788ce2eff1e63cc8523938da60cadcc5ac6a8c813e0 -size 23769 +oid sha256:12f0ef88af1304b2656c75cf5aa580607777ddd86fc80930a92248b555d6b49b +size 24002 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico index 705bc45599..09de50f58d 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:96c59e1c863987109eebf6e9e7f5643030087452ecf8482719a8aeb715e834e4 -size 11478 +oid sha256:eb5e01e7fddc47f0d6e1cf4bd7290ef4fe4bb0657af95a47a079ec5fd3cb29cb +size 11684 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico index ceeb5bf67d..9c09cd3c8a 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:03ac67c4e5fab7f4d455e5a43c185d3edc5cee694e004a0727eb1b2582cda3dd -size 30156 +oid sha256:79fdb42f1b7c86f8dc533370f29e6432c1ddc3956ba8856af6de5c918e6a8731 +size 30411 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico index d01b4ab8ed..44bab78a30 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:54d79e5e00d7f80ac7cd26936ad548f07ae9935e6a5630fb43fe22a0de031d50 -size 10880 +oid sha256:eb3775569f8da459b9276eec0118ad438e34e80b9136005061a598633a9c8d61 +size 11109 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100.ico index cf2c82bd02..864b08fa17 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e52951d7949a9ea846e0d0f25c97531d9273ec6264bb40cedfe3d00a514218b9 -size 28156 +oid sha256:1a579186d1277162add8120b72968814d105aa1c554538ef2c60cc000f718dc0 +size 28469 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico index 5fd914e7e5..de7891efed 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:bd271ae9c8da1a61031999a868d5da9cdfa35de3331f509f42c2bd314b8f3cba -size 10657 +oid sha256:e4182e37fc957d5ba2af5c6120788536d07d8199578033d53d008b79ca98b4b4 +size 10845 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100.ico index 2d444b64e8..aa5b5c95cb 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:2a6fb90404a38a163e2eefc50974a0fbb11c6cf09c23d161ebb5b7669ea73ac7 -size 27710 +oid sha256:df34b065be63a26d42327539069e58cd382220b536965ea8e7d188c52c9d3b90 +size 28010 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-lg.ico index 8e5302bfad..01c36cc310 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:73320f7b4d2cab60fb2a6e81e1834052f12a952ab9de71149d9f84585173fcc9 -size 39607 +oid sha256:662390e0c7911d22574c18a3fc8cbcd2b0cc9c915e3ca23045da06158e3b460e +size 40105 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-md.ico index 0ef4fd99c5..ee57aa99cb 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:0cebdcb1039f110612b3421aef03339ebf8ce9365e981e5e4457950ffa97e205 -size 34271 +oid sha256:5ea5681c0a7c73bc38444bf2897ea649e14396401a6860e70e94080e6a09d701 +size 34771 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-sm.ico index 9a6954a4ae..7effe3e193 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:6a9a86c2c081097ab630748298d32767e9a5f1ac16610bd699890a83d9ce740b -size 23273 +oid sha256:63e44497e4bdf9cbb4fadc57a08ec31d0b36d19c675ef604cbce30a090116544 +size 23503 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico index 3a44e41e62..6e38b70b11 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:8e6bc5c534846985531715f77e05b234a17f07433ee67595a4b956b5d9456f76 -size 11391 +oid sha256:5468fc324d7731eb1af5e60be805e73ac2ede17b2d37b30b0163b89b108a2a8a +size 11591 diff --git a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100.ico index f57ee0f6c9..57b6f2d633 100644 --- a/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Chromium/baseline/s-post-summary-light-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d96225ee00811989f407c3c97f45e0aed7b47e627f055ae9efb050c1c6cd4d68 -size 29652 +oid sha256:c5eecc5c72f9307f4d16768a6796d14e6dd2c7ab19ce9540b241dd66a287ff5a +size 29912 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico index 81da8c9d60..dd02de160c 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ec7cad3bbd4bdfef943feca97b070c591901de69f582cdf9e1db9e5cbe94336a -size 14338 +oid sha256:1de9cec99f3bc583b7db5666a6844e3e447af0b91c7c54bdb910ac29c73a5911 +size 14907 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100.ico index fb004a505c..19ecba3077 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f185182b81bfeaed2abae1a398dcf898a30fbed76039cca3ff749e727a0eb434 -size 35008 +oid sha256:b41eda5a70ba5aa046fd3e8733ba7ae7af89eb861ad57c9bf13eb4f2905a0ecc +size 35602 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico index ae96b8783b..29152a7b9a 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:19fc80acd64b653a7bf6034298ef4d2847c74de54180f9c2ce61c13636537599 -size 13882 +oid sha256:b5af863434066eaff8a44f3fc639062c1538792d4c2397c4cea0e51ecd8ef5f2 +size 14491 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100.ico index fc0ee46622..e0ca1312a0 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:768a4a05534f09b952db2ad4962240e57309d9ed14f0885e758bfdfbacdc18d9 -size 33929 +oid sha256:a86ea3b785e15ab403eb3ceae38f3ac3975f7e9ab7e549ef06051e59d40b349a +size 34525 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-lg.ico index a7b4a33134..29d88b0053 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:123200e05b00f4b3bda0ba99825fe299c78b1c9f5eab2aedffc531dd5c8b80e2 -size 49474 +oid sha256:b83b0b4d89082ff116aaa39ec045e90f6d524ca43658ba4505d2924b2ac40e8a +size 49580 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-md.ico index db5a5b5f62..fa2ddd9de0 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e4826a6d707167b40a422c807515c6759c6af7eac04d45ab06b3fa76c67e028c -size 42747 +oid sha256:4c23e84fecc36d5cf7263a97866fd1a5f33df80f3863de81aa2e84d03832e018 +size 42848 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-sm.ico index 70400c574d..1e11751732 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:3238bc97ca219e219712bdc59c6d114b3df72cd4729b2e817fd23297c21a19b6 -size 28309 +oid sha256:626ff05332bd83e51c899cf5d30da64cc13bd0dbe70bcc8f44562fd6d0c2dff8 +size 28807 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico index 29d206af03..b19ab0586d 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b353316b8a9239bfa28e82536997531e3c20d9c9ee3aa53de293d5403357e43f -size 15152 +oid sha256:2a25a9c27f08061a109384009aca81b57a51d06be94f8b35a3b99d58277ec137 +size 15651 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100.ico index c52b8cbe28..a9966bdc84 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-dark-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ac187b25d230bb5ad60927c6b5b7ebdf9a873541f5986cbf035a73149b05257e -size 37521 +oid sha256:26c927a236a7907c87c87ac94ec1c19f1f5b39272a07d723e9c3ffbb42950433 +size 38130 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico index 79a620af21..0ecbd18763 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d4d1a94ce873c4d5b8dd0bb7a5106b1d8fee9003f664ee6dd6f42c616ec10f34 -size 14412 +oid sha256:1c2b87c52a36f8a25de3d60e2bad62de74b88f6fc5b99fb63d1b9d848a09a2e1 +size 15014 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico index 67487ff612..2b4132ec08 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:1b35a8ed122645655c249e7279905a1eb4f46458fdeae3798c19483ba36c3485 -size 35547 +oid sha256:cb7f6972cf7616256236a9030d722090ee3b1194d704c125b64538007c7c7178 +size 36181 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico index 9f6af2dee0..a912d417b8 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:eaee76a310ecbd76a72135bd7405022c67df3df6d592e9db1fc0174ac4baee77 -size 14009 +oid sha256:c97b784b91a2b82a83e8528b83b9d8e015d659359d42f8d60be31943d6af5c80 +size 14523 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico index 891ce8351f..f78d1d60df 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b0443bfc69e39d8d0e4d95245e48d64b0dc25f5fad36aff56d73693f2af19447 -size 34615 +oid sha256:7607bcae9a607724e9bb1a0a1d45271831ddbf6bce0fc6b3274caa6f93343486 +size 35164 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico index df6a6bc3ab..793dd9d183 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:3bef9de07f539fa891b1e1fc029343f6bdc83e56de1d85a76b3c03690bfc40be -size 49807 +oid sha256:75535441fb03661737d2af98b5e95bbc431b39e3f52f8e69de693ec9a9a5c1ce +size 50206 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico index 8a813b28d3..d058e43f9b 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:1f4f8274c6a2a5f14eb0c72baa795a65e5c56fb60b183d6f53ad0804ec29c394 -size 42984 +oid sha256:cd5446ced99b4b124042e3baa541de3fb669ef0d3e379da843656b2e17116228 +size 43382 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico index e571e18abc..bb359a5f99 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:86a05d318fb6e39998622b6d0e04c6e2e42cb206c63ef8d65c39d3268026b4ea -size 28696 +oid sha256:71647f5f76e0b9ce334ccb22480c9db57f71eb3c7e297868a08003e7ad80a68f +size 29142 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico index 20aa713397..edce56eacb 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c8afcbd727ba0df4490175983a964b43c1c38498821ae21c297730f3f6b6bb43 -size 15228 +oid sha256:4634aa25c820054da54ec30039b1023f7e759b444c8fd1b5e134bee6e2cff337 +size 15745 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico index d006c56a49..a21293cd30 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9d9455b7f2324e98963ad653178432a4e10a6d887d65771ca0ad64a301c8522d -size 37896 +oid sha256:fb00ece42e9ab5ef449fe541c511b7d5b6655b28a8a00018e36d2f3c55c31a48 +size 38483 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico index b87c07bad9..16b9453f32 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:922e46d7571e59124f454d14e77ed65f47726406665e3eec0abb9d96464d27c8 -size 14373 +oid sha256:b82cbbaecd8d1ebfff93cfd549f915dbea6c9e7bf3bc1f2727122c599eb33c91 +size 14945 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico index 9163a827ff..2cc96ae9d2 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c70e4e39f0b91c801fa4b33653f7009d568af54b075e6b50f222461a1f0d585d -size 35681 +oid sha256:8db2d40a6ef053796c769ebcb9b754de0de2fcd31bd0d6011d07599f27d90190 +size 36233 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico index e44c8e90f5..d2ea81b591 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b8936ba9a22c00caf90fd2765ccd4c31c45e066615fc566d986baba1de441aa8 -size 14422 +oid sha256:4e661b29c3cd5cf4f59e1c87db99bf00c32e1ef1c137c7ce5af8e8413ef82989 +size 14999 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico index 86339ce338..cc8aaf8d00 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:56ba7bc456bd97651e435919ab5bb74280a73af02817f76764366e9beb4476f5 -size 35913 +oid sha256:eafccc9e05650c4fb691929050917ae1ed34925f2ff00545b2a8ae327d6f0735 +size 36459 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico index 7bddb8358a..777f7aff60 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:97120c420588d18579c7863f4c5145e1b1e175ffd8c9f95e624c3f5cd3d52c44 -size 50992 +oid sha256:b88eb73ecd7a5f943f4dd5c7cce7621ced9db78c3f52c97008e07515ce6ff3d6 +size 51552 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-md.ico index bf914f6087..d71f929e6b 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:de71dee05e225331026caf4979359d06f559c6156ab92a751d9341af7180d1dd -size 44381 +oid sha256:38e3502d128fc782d83427084d618a79b6798b390275a98169e99ecefb4607ba +size 44907 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico index 1aaf727526..1d15053647 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f32d196c30f379bade4ddc9a945483398f347a5f99d0c58e26face44e85436f2 -size 30589 +oid sha256:d88328844d854917cb44f8cc783489d91a1910a390a83322f47ad17b7208169c +size 31140 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico index c4974ecb9b..ce052a82f2 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:13caad6cea76a1c01cf389edead88ef6a861026fb91e87b93095c17b45da7a4f -size 15471 +oid sha256:208467398a9dc6c308b1ee55253fc9fb65577a6c05235da52b2aaed1f002b799 +size 15964 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico index 18385696af..8c5aba0275 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f9dc6715f459554b66ac7a560039fe42dcf7af9225c110cab079743993b79221 -size 38243 +oid sha256:f789cd8e9f94f1e6c2b47fae1cf75a75b0319491b2c34a25d3076c76c3701142 +size 38786 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico index cc11f98783..747825d974 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b8856cf9dc3129778b36f26ad154921275f4a7a6ee5935217c5dd3e394107895 -size 14208 +oid sha256:f6425f43347f3f0d95ac15df04b6f24fe5f97c6a01cc094c5f274d78dfc54141 +size 14761 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100.ico index dd451716f2..74766d9764 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7aa29791c2c8441ee51652136d5d3c5c88c94ea81c69419113fcf7c1f17dc4d0 -size 34412 +oid sha256:49747ed2fa4e61bf91411e3331224ad16239e447704d9c9be3dbbb49f30fb45d +size 35041 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico index 54bf751bbc..015ef5d41a 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9706b70c3333dcb3b84e700d2361c780d8a945049b10597c4aa8fdc267bebdfe -size 14116 +oid sha256:daff335bd0f83821765b48e551437e31d540b146124064a8f516782eeda88c62 +size 14620 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100.ico index d89b7af5c8..f3cdc541b1 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:8b1c3a03c2c9b3d16b9824a765d9b2a674b6e6e8fd821777d55ea57b4878bd90 -size 34550 +oid sha256:373ed747d0a41a08f8dd11f711ba50edc76499e036cf7deb5ad578be7ae42cd3 +size 35086 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-lg.ico index 5f4e09cb91..cbfa7e73e6 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4ffd998044a27014af8890bf96e4b0a5c46c14abc7c32c9b4098aeca86ec3eff -size 49860 +oid sha256:15ee8625665dffb4df8dc4c39f89fcdbf5ee1b9ebad28047cf27d6c995f278ab +size 50779 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-md.ico index bf3a32892c..b439359a89 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:bf5407efbbfa93ab7db0b38857a0412c16cb91963bac5b91a9bdc471017523ab -size 43237 +oid sha256:bfd91b50f415db4810c46aaf220e47419c49b6986d2d7cf3a827b9b8a24abbfb +size 44123 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-sm.ico index a9b4a852d4..d6197677b5 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:811f0bfb6e0b546b1337430b800c4e2ab99ac563d274aa3b19da9d9767c6ec89 -size 29849 +oid sha256:6adbe087095962621842663d05effaad9bac3f65a1b227dcdad1d4487ea414fe +size 30348 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico index bfe6376a38..3063f885ad 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9414e9cebdb9c1b737c4f9686db729f6018c374b67b1cc441d976ecfc9ab27f6 -size 15339 +oid sha256:d54cff2d948ae1170bd14ae130b55a5406853732c0cc74b89a37e8c6a474d1cd +size 15833 diff --git a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100.ico index 8a7ec1345b..57cb0b0115 100644 --- a/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Firefox/baseline/s-post-summary-light-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:260e88bc98d7fb85b0767fddb63befd2c95a06bcee93f0aaf4e2ad069d23438e -size 37483 +oid sha256:0a77f8b253fac4dc74f5f6db68a8a52d104b226693d28557da5da6fe55b22f3b +size 38027 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico index afaae07fae..b51d1e9aa4 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:fc8f8dacd1d7223953b3c6255a0038cde38be73a2874a651852b5cf5d0dd17d8 -size 13027 +oid sha256:f5e17c1ae5cb3f68d1928a5d99ae7e3b0faa6cb3cb6ba5e32d69dae64c06bbd2 +size 13269 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100.ico index 6c119dac38..4d61539662 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:514ca19e382dbae2f93fb78d2c306b75792e330b390954aa5022674c2d6005f2 -size 33896 +oid sha256:1525f0a57e4814f9414e3e28e1025af1db361859772a0b09012e0c70ea108175 +size 33935 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico index 229206eafa..a485e9833e 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d1f604c1906b6caf1793d96b52014b96905cd3d082440e6f4c2041eb28474c46 -size 12963 +oid sha256:5dab3c373b5ce646b2c05260920daad2091243b3d16ed65a3429ed344bd7d5eb +size 13197 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100.ico index 8b8d23d3ab..fec44e587d 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f130d3954036830fd3c0adb6ca9960e8c83395c88cf0b8298a63d6947fec4c21 -size 33729 +oid sha256:ab824bd74f00652a121c337ec11ce6cd37db54c9af71a66cf3b64adfa832d063 +size 33918 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-lg.ico index c64fb392a8..a289d22dd2 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:4e41703362a894607a55c4a88942c4c092961fa995a673a102c33f7f0c27e439 -size 47966 +oid sha256:68e3a8ad66ebc60381ef8c51463a538ff97bf6202912fc96c2bde5f5c95f47f1 +size 47921 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-md.ico index 0ed0385708..f008f4d784 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:a95b42d65bc18c3d7cd6b3b7327faa3d3cc197c6e7a1ead3c25824fd5609a195 -size 41545 +oid sha256:b9f57febd14bc3fc86c7467443b576dffe140cdf13fa368d1f394a0615df8804 +size 41510 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-sm.ico index 265fcbd4f2..4487b5a7d5 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:bc103bd3c7e6cc2b18430a2fad9ac121ea7894e96a67932d409ff47366ee18c6 -size 27558 +oid sha256:0e0d014d75cad1080edab546132ca904bf963b0930f03a9b120c512838c606d1 +size 27711 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico index d80e5d1883..801dab8b9a 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:81fc1d0970c47b4df049a4bf6569cd7790c635bbd88dadff7cd31232a8d3857b -size 13593 +oid sha256:32ec64025a4827e40a60773bc4f4ea9ae3fa8914e7af5b34eb237862b9486cb6 +size 13829 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100.ico index f40c4a8f48..3b129a92e9 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-dark-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7525ede07c138025ab4a740d45f6716a1634be7e965e6506eeff767a6c07a382 -size 35230 +oid sha256:570d88ddbefa726d1a268673bfa5760954b560369f88f45ea7fd89befdcdbd47 +size 35408 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico index da7952d318..a3a2eeaf57 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9d164ac7f189fd7e09481309118a10730e8f87b2aac5c1f0be11cba0e725c53f -size 13125 +oid sha256:4e1a28e7a399ad00677a539dec13177e0a3f4b17242b9e23bc914a0da92f640d +size 13363 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico index 35661dd589..7b281b91ce 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:1d0e87ed197ef7de9022074c8efaa9efeed6a995c8f1e2f5cc50dbd69e04d086 -size 34427 +oid sha256:593ec90a8d89487aa176951469592c54c7e6407e1298c4460ddbd8f3c550e35c +size 34583 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico index 5f6a4dd3dc..7f003d2301 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:fc69d2457d7856f4a97d760fa76b1446685f240e36030cb34bf4da90cfad2aed -size 13176 +oid sha256:2eae43e2dd8e15e0e92879ef2515f23fc20506a368a060c638be8d7847838cf5 +size 13410 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico index 265bd4bc42..8250a842b2 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:5622f4c9f690bed8022d812d61e4d5ca30797773b88f8b1338b272e175af6201 -size 34440 +oid sha256:823351bf11f5dec2b72eda536545b65b32037ed73e9dbb57fa0d4a43cad71490 +size 34603 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico index c7de0a03cc..0b2eda46c6 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:bdef1c92305810efc83a153ea25b28753ecffcc8d3bfbe82c5fb40c849c359f6 -size 47796 +oid sha256:7f878a6099788687c789ce5a3653a7ab52b6324443daa6c217106db9c1212ac0 +size 48031 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico index bffc0f8dd2..dd68670243 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:cef7a99ec1b14c3b46c4636e8e2ff5818efb4a1de695c5052874a06d73d2be7b -size 41377 +oid sha256:617f9f201990d1bb6de046abe06a2315b6dc9e034f5b06b8a6b8a6b3177abe48 +size 41625 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico index 8c88e7c8df..c7e8b59613 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:dfe40fab258f6cb0a478be90de922018f065a545e4e132d3672ee8d930f888a6 -size 27594 +oid sha256:320088e0572ab59b2385b040992bdd7d4b0af4fe1b5aed983b2de922e923d3f4 +size 27802 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico index 91c96bb0f9..54dc82254d 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ac459f12b9e6950f1a31d009d8605e59c33844668724207b8143df84372ad8f0 -size 13479 +oid sha256:4b40c7252ba1e15e993ad70662dcaa786f43a3c4cacce2272d540320766c78e3 +size 13718 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico index 20fd23c05b..98f2b117a2 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-dark-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ed8e0fef070094bd6104feaede1e93388bdabe534141a50e044dfed76562527a -size 35653 +oid sha256:89bba27c1789272632adaa7c50a507ebd81f8269150b1a05962c6143ed68d51b +size 35805 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico index ca1276a211..f509d4f6d6 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:37e0c4f362ad54c782bf3e37716361c58d5deb6b990f59e1c8b29a685829ec61 -size 13047 +oid sha256:de8f81dc2493b7ded4d08944c80d5d341320926c168617acc21190def524d713 +size 13281 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico index f8a2316b8b..a81004ed3d 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:866ea0cb7a702c6b38f9dd0924689f3d16f14a4726ab3ed0998a1abd45980831 -size 34401 +oid sha256:54fbef4692202f0a9062a5fb60c68aea38b9342be72ae669914c04e711bdca4d +size 34532 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico index 439d5bdacc..f52069fa01 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:f4c00c2d86bd4f79d8d377b5312c49aeeccca76e2a1d0b57459a06526896ade6 -size 12961 +oid sha256:4ec5d590ed504a078a6908ff9964101000fdfc22e0d3eb78289fe094e8d4eb1a +size 13203 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico index 732d45b10e..8617e61589 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:1bd607c0811e4cc91797d4b7c4c211b94fe03b0faff82c2ff0b40badea04d570 -size 34468 +oid sha256:0ec70a4f349c2c6fe73a4d4397c2dbfc47a9ab38ccb4f4f0eef9c141d92e7701 +size 34739 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico index d63fb2cf52..3c6f792fa1 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:eb2c8c54b2dd1fbac9a1684dd51cc8273ad1c960c266339ed7bd3d824e78dd59 -size 49612 +oid sha256:cb7dcb5a84aade669a90e81d783fb64016656dc3cc4a0cb343dbb3d1da32f030 +size 49779 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-md.ico index 984e09b9e2..c9e785aa9e 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d3e925816d9e19db91f1c7a3961c97f957bb7a3b09e6aafa9f9c2bee98b7ab8b -size 42893 +oid sha256:52beb37a211b51c38419a809777b7fab44258eed355099ba4e73822955e43579 +size 43055 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico index 61e78bce01..a151640b9c 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:55bb9ab7821548313b588a4cf0a0858b4dc26840cbe22170a06944793c08295c -size 28594 +oid sha256:acd1d520de2224f3bb4946629459799393d2d4f494c4a29c0f396ba306ef9679 +size 28746 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico index 153e73f06b..281a74015b 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:666369a96059e10fb5552a6ac1d5280722497827ab65801fbd7d607535a48d0f -size 13530 +oid sha256:0c5b23ae5f4d0d01643f2163ebb7bf5a5e1108102107ce346547cf4b60623661 +size 13701 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico index ece429ded9..f0fa173c91 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-highcontrast-light-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:6f40eda2795ad4594f41336f93d1db0c8661820918bd4c11d714b422f96d15f6 -size 35725 +oid sha256:dd5fcf62ea6ee3f44e9591aad0299a3481e58093218a321a697a7061a3b94ffd +size 35846 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico index dc44d2b439..9398d69a07 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:1b58b8c972adf6eacd79fc6fc0aa6220ed58562a3922b7b2f0d40ce64a1cac8e -size 12790 +oid sha256:9ec73ed69bc1b279de2d80349c6a1c813b887241152560c14f72874d91a3fdf4 +size 13033 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100.ico index fbd6d7a7ae..07aeef1db5 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-deleted-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:42338382d3bafc53548c254ead929c4b7d86fbccb227016aee66bc4812943462 -size 33537 +oid sha256:e2e00a536439456d77711ed5072c99db1f4a9d6b8d8b4365b26072769bc6c05b +size 33551 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico index 82d02429be..450af2c6f9 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9481e7c982b5808fb00bd745a1ec3a422d734459f62c0f095c6c5d6e59bc018a -size 12697 +oid sha256:6dee6ce233ad110babb73995a5a979a6403f8b12b3d819cba59ca0e011a3f296 +size 12931 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100.ico index b7e44133e6..766a499b0a 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-ignored-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:ee23649e8d7205025999c80a8337670abc9bff1c1e6583fd840d4e7a7753a59c -size 33496 +oid sha256:a91503fae5984a3e7d8dd5a53cfafc80132857372b2d44eb6d925ab3bba9a5e9 +size 33637 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-lg.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-lg.ico index 75360f3daa..671739caf1 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-lg.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-lg.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:21657f816979cfbb8c60c6bf81c167cd7da0ad1cb872b642aa12cca165e3e009 -size 48671 +oid sha256:8002078ecc596775b380ded563c27b6c1b2aeac1daa8aff72e18333cb2e023a3 +size 49162 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-md.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-md.ico index 7c62eb6967..b3c4ba601f 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-md.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-md.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d4c5393c277fdf9462b6bdc4f2c6e095f70f2dcef84bbb7fac604859d00f2a69 -size 41984 +oid sha256:707fbbd02469185358862f9d20a0e5c8570019ab08245ea89400b7c215431d8e +size 42477 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-sm.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-sm.ico index b2791c3767..a0f09d0964 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-sm.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-w100-description-sm.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9686b656e42aeccad6942ae7dbcb754810a8512ed227dccb13d72c579441ce1d -size 27957 +oid sha256:751a9273d5b584df659427659bfbd461bda946a0be30e6fe7d2298e535aa9296 +size 28135 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico index d03581d0a8..40797c0403 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100-sparce.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:bdf7a549da1817139dc1c510d375a3d39a4b38638b5d2a07866d6830003b59eb -size 13452 +oid sha256:53ea7207d51e614b546abd702f53754f897d3916a0d4290c3fb21c159e301509 +size 13630 diff --git a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100.ico b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100.ico index e5a6f63f89..b2e98e02c4 100644 --- a/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100.ico +++ b/packages/stacks-classic/screenshots/Webkit/baseline/s-post-summary-light-watched-minimal-w100.ico @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:7a980bcefa16f9943788cb60191566f86e959732b636ae199002e9c4f1c8a348 -size 35100 +oid sha256:636fac0a31a3187f3b1267b654e8938054d7a393bbb5a5235e52637080ffb0fe +size 35241 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 108f2a4ddd..0044bd629c 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/spec/v1 -oid sha256:f701c230b8a1d0ce474abc7c5bce08d409db8a23322eea770cb6ebd02c080064 -size 10557 +oid sha256:37514c2f6e51e4e433d4ab28708c4f273d26206f654629a5ca041cf990024b9c +size 10844 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 0dc4e2f705..318aa50340 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/spec/v1 -oid sha256:400b84bd3cab0658a867376f324731022d340fb10e9b7d79cbd619e9d740c33c -size 10797 +oid sha256:97efc0512ad1e79eea20184e4466b55266b3949c60c24054e778c7b2e16ca19a +size 10998 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 6aa8d5e3d2..b0dfc4f312 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/spec/v1 -oid sha256:d4d104cb9782ba0cdf1b71dbebab3a8daf3168cbe2d3b2b98461ea4f23b8ca3c -size 9006 +oid sha256:21e019a3e15253ee12bd0b6e2201034d586c52c2802dd2b453907ecbb59513bc +size 9332 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 d9db783a3a..e39845a8d2 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/spec/v1 -oid sha256:3ddedc7f20604900681223df7faffdafe57e9fd89c81f77f9be374db3da3714d -size 10063 +oid sha256:84ccf6513b0503aab1db4cad1a124d0a4040fbf65d1638411972d7fe2bef9f67 +size 10180 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 477bc708c6..a514f2e3ae 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/spec/v1 -oid sha256:a69053742d0c7c698abec6224de052821500f87ce75b9f341ccd9749e064cba4 -size 10578 +oid sha256:fc7be414adbaf925d36a469b14053661e2d8c9b13037c8d8b654accd116d3333 +size 10730 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 5eb6c8a07d..26705569dc 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/spec/v1 -oid sha256:2d351cb5675d4e21d8a503f598a80c4a3d7f7cb212cb3eb426b713ab4819834d -size 9157 +oid sha256:3a27f325fd6e1285ca4593b4cf4db762026a97329c1cdf0b2d22872600c27661 +size 9278 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 70e2d8e21b..fa6bd42fd9 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/spec/v1 -oid sha256:92c6f8103eb16054928a547e7a16787593d20e60490c998962728ebb106104b6 -size 10501 +oid sha256:0c7121d115ce40213035eb2a5461b4d3c8a6075e5cd5cfd5200630043ffa05b5 +size 10755 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 6673fb0bb6..4ff374d97e 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/spec/v1 -oid sha256:586aba38e524d71d7b695b108c18a2e1d8c59ae8d6bb344dd9b6cec8b890f66d -size 9914 +oid sha256:be31992c36dc0e9bbc6ffada2c8a16c43357b7b8e9c321476e1c47528137c7ec +size 10043 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 c39d9afa14..44e0ab6564 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/spec/v1 -oid sha256:e021ec89fb8d3988455c8b44ff9dc8df36846be583deeb5c443838d23a4c4f4f -size 10468 +oid sha256:58bf1137e4a075e130655ad659a07071353da2a746d3af7414d04399ad94935e +size 10731 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 6a3a4f5971..47f04f3e9d 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/spec/v1 -oid sha256:5874f30d48d513f06ab8ffd2580d04cc350f8ef2eec2bed7b2bf37856b8330a9 -size 10402 +oid sha256:445c6033877d9befbf2f69260af1bf3948528817faa75bd7022270e369dbca61 +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 1b7b320643..80db10a376 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/spec/v1 -oid sha256:8dcb86bd8a6d060d49e058713371926f319bc4bfb1ea4fba5d76da5822b48f57 -size 9923 +oid sha256:2d8c814af60510bd0ca70b88df7255802d6b0abc6ea38500e47384b8c68f60ca +size 10092 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 6a3a4f5971..47f04f3e9d 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/spec/v1 -oid sha256:5874f30d48d513f06ab8ffd2580d04cc350f8ef2eec2bed7b2bf37856b8330a9 -size 10402 +oid sha256:445c6033877d9befbf2f69260af1bf3948528817faa75bd7022270e369dbca61 +size 10713 From 9421ecb792b348e8bf4636e43c5ce73a627dbb78 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 13:17:13 +0000 Subject: [PATCH 46/56] Update rep color --- packages/stacks-classic/lib/components/user-card/user-card.less | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index b9b95a2dc2..9bab4b0e1f 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -43,6 +43,7 @@ & &--rep { font-weight: 600; + color: var(--black-600); } & &--time { From b6f123e7ce1045f7a59feee056be4958707f0b62 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 16:21:15 +0000 Subject: [PATCH 47/56] Update based on comments --- .../lib/components/user-card/user-card.less | 5 +--- .../product/components/user-cards.html | 30 +++++++++---------- .../UserCard/UserCardTimestamp.svelte | 18 ++++++----- 3 files changed, 26 insertions(+), 27 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 9bab4b0e1f..806a10a5bc 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -48,6 +48,7 @@ & &--time { color: var(--black-400); + margin-left: var(--su2); } & &--username { @@ -71,10 +72,6 @@ --_uc-group-gap: var(--su6); } - &:has(+ .s-user-card--time) { - margin-right: var(--su2); - } - align-items: center; display: flex; gap: var(--_uc-group-gap); diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 9f000fdb75..8468253150 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -74,9 +74,9 @@ … - - - +
    {% endhighlight %}
    @@ -125,9 +125,9 @@ {% endif %} {% if user.timestamp %} - - - + {% endif %}
    {% endfor %} @@ -177,9 +177,9 @@ … - - - +
    {% endhighlight %}
    @@ -235,9 +235,9 @@ {% endif %} {% if user.timestamp %} - - - + {% endif %}
    {% endfor %} @@ -313,9 +313,9 @@ … - - - +
    {% endhighlight %}
    diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte index c04e702eb2..c61a0b2d0f 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte @@ -25,13 +25,15 @@ {#if timestamp} - - {timestamp} + {:else} {timestamp} - - + {/if} + {/if} From fcee573e61fe65d73af097dd025313bed3e419a6 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 16:25:59 +0000 Subject: [PATCH 48/56] fix small issue --- .../product/components/user-cards.html | 30 +++++++++---------- .../UserCard/UserCardTimestamp.svelte | 18 +++++------ 2 files changed, 23 insertions(+), 25 deletions(-) diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 8468253150..9f000fdb75 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -74,9 +74,9 @@ … - + + +
    {% endhighlight %}
    @@ -125,9 +125,9 @@ {% endif %} {% if user.timestamp %} - + + + {% endif %}
    {% endfor %} @@ -177,9 +177,9 @@ … - + + +
    {% endhighlight %}
    @@ -235,9 +235,9 @@ {% endif %} {% if user.timestamp %} - + + + {% endif %}
    {% endfor %} @@ -313,9 +313,9 @@ … - + + +
    {% endhighlight %}
    diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte index c61a0b2d0f..c04e702eb2 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte @@ -25,15 +25,13 @@ {#if timestamp} - + {/if} From 64d503b07c5f5b2f1d944883eb6bf597d0a118e9 Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 18:10:36 +0000 Subject: [PATCH 49/56] Update user-card.less --- .../stacks-classic/lib/components/user-card/user-card.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 806a10a5bc..b3b05af875 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -95,6 +95,10 @@ align-items: center; display: inline-flex; gap: var(--su2); + + &:has(.s-bling__gold, .s-bling__silver, .s-bling__bronze):not(:last-child) { + margin-right: calc(var(--su2) * -1); + } } .list-reset; From 69cf57ddcbd36053f6bcaa1a4292a5fa06dd880f Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Thu, 8 Jan 2026 18:37:14 +0000 Subject: [PATCH 50/56] Back out empty bling changes --- .../stacks-classic/lib/components/user-card/user-card.less | 4 ---- 1 file changed, 4 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index b3b05af875..806a10a5bc 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -95,10 +95,6 @@ align-items: center; display: inline-flex; gap: var(--su2); - - &:has(.s-bling__gold, .s-bling__silver, .s-bling__bronze):not(:last-child) { - margin-right: calc(var(--su2) * -1); - } } .list-reset; From ce8a728f4d6fc8e4e133e26f2afcf2c82037bff0 Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Thu, 8 Jan 2026 16:53:30 -0500 Subject: [PATCH 51/56] Adjust timestamp spacing/link changes --- .../lib/components/user-card/user-card.less | 9 ++++--- .../product/components/user-cards.html | 24 +++++++++---------- 2 files changed, 18 insertions(+), 15 deletions(-) diff --git a/packages/stacks-classic/lib/components/user-card/user-card.less b/packages/stacks-classic/lib/components/user-card/user-card.less index 806a10a5bc..c3a4a5e747 100644 --- a/packages/stacks-classic/lib/components/user-card/user-card.less +++ b/packages/stacks-classic/lib/components/user-card/user-card.less @@ -42,21 +42,20 @@ } & &--rep { - font-weight: 600; color: var(--black-600); + font-weight: 600; } & &--time { color: var(--black-400); - margin-left: var(--su2); } & &--username { font-size: var(--_uc-username-fs); font-weight: 500; + min-width: 0; overflow-wrap: break-word; word-break: break-all; - min-width: 0; } // Layout specific @@ -72,6 +71,10 @@ --_uc-group-gap: var(--su6); } + &:has(+ .s-user-card--time) { + margin-right: var(--su2); + } + align-items: center; display: flex; gap: var(--_uc-group-gap); diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 9f000fdb75..a25404d11c 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -74,8 +74,8 @@ … - - + +
    {% endhighlight %} @@ -125,8 +125,8 @@ {% endif %} {% if user.timestamp %} - - + + {% endif %}
    @@ -177,8 +177,8 @@ … - - + +
    {% endhighlight %} @@ -235,8 +235,8 @@ {% endif %} {% if user.timestamp %} - - + + {% endif %}
    @@ -313,8 +313,8 @@ … - - + +
    {% endhighlight %} @@ -371,8 +371,8 @@ {% endif %} {% if user.timestamp %} - - + + {% endif %}
    From 70317645c9a56e2b12f3da1193af49ec4c120b7b Mon Sep 17 00:00:00 2001 From: Tavian Taylor Date: Fri, 9 Jan 2026 09:59:30 +0000 Subject: [PATCH 52/56] Update Svelte component based on markup changes --- .../components/UserCard/UserCardTimestamp.svelte | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte index c04e702eb2..098d8b63be 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCardTimestamp.svelte @@ -25,12 +25,13 @@ {#if timestamp} - - + From 6bfd3e2ffc8353279ed859fea17253f25bd31444 Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Fri, 9 Jan 2026 15:18:04 -0500 Subject: [PATCH 53/56] Remove badge markup from default example code --- .../product/components/user-cards.html | 3 - .../src/components/UserCard/UserCard.svelte | 466 ++++++++---------- 2 files changed, 206 insertions(+), 263 deletions(-) diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index a25404d11c..2fd768fbc3 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -45,9 +45,6 @@ … -
    - … -
    • diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index 971f8e1585..a61bb77895 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -5,216 +5,212 @@ -{#snippet avatarAndName()} +
      - {#if size !== "lg"} - {@render avatarAndName()} - - - - {:else} -
      - {#if avatar} - - {/if} -
      -
      - {#if name} - - {name} - - {/if} - -
      - -
      -
      - {#if recognition || role || location || bio} -
      - - - -
      - {/if} - {/if} +
      From 72e72d13c0b7ea8980f3d1fc480c8185dbf6db3d Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Fri, 9 Jan 2026 16:42:39 -0500 Subject: [PATCH 54/56] Update migration guide with markup/class changes --- MIGRATION_GUIDE.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/MIGRATION_GUIDE.md b/MIGRATION_GUIDE.md index e83c26cc66..7efd6020a8 100755 --- a/MIGRATION_GUIDE.md +++ b/MIGRATION_GUIDE.md @@ -129,6 +129,23 @@ The menu component has been updated to use new class names and structure. The fo - `s-textarea__md` removed - `s-textarea__xl` removed +#### User Card + +Markup for the User Card has changed significantly. Please refer to the [docs](https://beta.stackoverflow.design/product/components/user-cards) for full guidance. Here are the most notable class changes: + +- Some component child classes have been replaced in favor of more generic wrappers. These include: + - `s-user-card--avatar`: The avatar should just include the appropriate `.s-avatar` classes + - `s-user-card--awards`: Awards should be placed within a `li` in a `ul.s-user-card--group` container + - `s-user-card--info`: Replaced with other layout classes as appropriate + - `s-user-card--link`: Previously used to style the username and now handled by `.s-user-card--username` + - `s-user-card--location`: Location should be placed in a `li` in a `ul.s-user-card--group.s-user-card--group__split` container + - `s-user-card--role`: Role should be placed in a `li` in a `ul.s-user-card--group.s-user-card--group__split` container + - `s-user-card--tags`: Tags are no longer included in the user card + - `s-user-card--type`: Replaced with `.s-user-card--recognition` +- `s-user-card__highlighted` removed +- `s-user-card__deleted` removed (expected to return in our next User Card iteration) +- The size modifiers `full`, `small`, and `minimal` have been replaced with `sm` and `lg` + # Migrating from Stacks Svelte v0 to v1 ## Breaking changes From 087ae26cf2737523624fcf3865b2d02bfd9d634c Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Fri, 9 Jan 2026 16:48:59 -0500 Subject: [PATCH 55/56] Revert "Remove badge markup from default example code" This reverts commit 6bfd3e2ffc8353279ed859fea17253f25bd31444. --- .../product/components/user-cards.html | 3 + .../src/components/UserCard/UserCard.svelte | 466 ++++++++++-------- 2 files changed, 263 insertions(+), 206 deletions(-) diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index 2fd768fbc3..a25404d11c 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -45,6 +45,9 @@       … +
      + … +
      • diff --git a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte index a61bb77895..971f8e1585 100644 --- a/packages/stacks-svelte/src/components/UserCard/UserCard.svelte +++ b/packages/stacks-svelte/src/components/UserCard/UserCard.svelte @@ -5,212 +5,216 @@ - +{/snippet}
        -
        + {#if size !== "lg"} + {@render avatarAndName()} + + + + {:else} +
        + {#if avatar} + + {/if} +
        +
        + {#if name} + + {name} + + {/if} + +
        + +
        +
        + {#if recognition || role || location || bio} +
        + + + +
        + {/if} + {/if}
        From 36a9d8332a50a172da1e1eaf721f6dba96e168ff Mon Sep 17 00:00:00 2001 From: Dan Cormier Date: Fri, 9 Jan 2026 16:49:44 -0500 Subject: [PATCH 56/56] Remove badge markup from default example code (attempt 2) --- packages/stacks-docs/product/components/user-cards.html | 3 --- 1 file changed, 3 deletions(-) diff --git a/packages/stacks-docs/product/components/user-cards.html b/packages/stacks-docs/product/components/user-cards.html index a25404d11c..2fd768fbc3 100644 --- a/packages/stacks-docs/product/components/user-cards.html +++ b/packages/stacks-docs/product/components/user-cards.html @@ -45,9 +45,6 @@         … -
        - … -