From 1e40f17a04a420bd4db0f7ced9dd6657967c6ef7 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Wed, 8 Oct 2025 15:57:21 -0700 Subject: [PATCH 1/3] fix(card): add border radius to slotted content to match parent card Co-authored-by: Marissa Huysentruyt <69602589+marissahuysentruyt@users.noreply.github.com> --- packages/card/src/card.css | 20 +++++--------------- 1 file changed, 5 insertions(+), 15 deletions(-) diff --git a/packages/card/src/card.css b/packages/card/src/card.css index be68aa37227..fae954a2cec 100644 --- a/packages/card/src/card.css +++ b/packages/card/src/card.css @@ -58,6 +58,7 @@ slot[name="description"] { :host(:not([variant="gallery"])) #preview ::slotted(*) { height: 100%; +border-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-focus-indicator-thickness)); } :host([horizontal]) #preview { @@ -97,23 +98,12 @@ sp-popover { pointer-events: none; } -:host([variant='quiet']:focus) #preview:after { - border: var( - --mod-card-focus-indicator-width, - var(--spectrum-card-focus-indicator-width) - ) - solid - var( - --mod-card-focus-indicator-color, - var(--spectrum-card-focus-indicator-color) - ); +:host([variant="quiet"]:focus) #preview:after { + border: var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)) solid var(--mod-card-focus-indicator-color, var(--spectrum-card-focus-indicator-color)); } -:host([variant='quiet'][selected]:focus) #preview { - border-width: var( - --mod-card-focus-indicator-width, - var(--spectrum-card-focus-indicator-width) - ); +:host([variant="quiet"][selected]:focus) #preview { + border-width: var(--mod-card-focus-indicator-width, var(--spectrum-card-focus-indicator-width)); } /* This ensures that the checkbox is tabbable when the card toggles but is not itself focusable */ From 1bd7e9973de8f318233aa41b5b8a97a2956cd44d Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Mon, 13 Oct 2025 10:06:27 -0700 Subject: [PATCH 2/3] fix(card): scope border-radius change to small quiet only --- packages/card/src/card.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/card/src/card.css b/packages/card/src/card.css index fae954a2cec..e91c0420e67 100644 --- a/packages/card/src/card.css +++ b/packages/card/src/card.css @@ -58,7 +58,10 @@ slot[name="description"] { :host(:not([variant="gallery"])) #preview ::slotted(*) { height: 100%; -border-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-focus-indicator-thickness)); +} + +:host([variant="quiet"][size="s"]) #preview ::slotted(*) { + border-radius: calc(var(--spectrum-card-corner-radius) - var(--spectrum-focus-indicator-thickness)); } :host([horizontal]) #preview { From c467d85af5e89ae6bcaac5033df7073f3fd34d39 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Tue, 14 Oct 2025 08:06:00 -0700 Subject: [PATCH 3/3] chore(card): update golden hash --- .circleci/config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.circleci/config.yml b/.circleci/config.yml index 52852f185c0..672af66d47c 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -22,7 +22,7 @@ parameters: # 3. Commit this change to the PR branch where the changes exist. current_golden_images_hash: type: string - default: fb61509de41ae6a2cd09fbcf661e20b9f270450b + default: 1bd7e9973de8f318233aa41b5b8a97a2956cd44d wireit_cache_name: type: string default: wireit