From d06ff9d839caea113d9457b0f6a112465f559a2a Mon Sep 17 00:00:00 2001 From: Peter Lazzarino Date: Thu, 24 Aug 2023 12:16:37 -0400 Subject: [PATCH 1/2] Override SE23 background override with imageHasLoaded --- polaris-react/src/components/Avatar/Avatar.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/polaris-react/src/components/Avatar/Avatar.scss b/polaris-react/src/components/Avatar/Avatar.scss index 3e9699fd857..879774563ff 100644 --- a/polaris-react/src/components/Avatar/Avatar.scss +++ b/polaris-react/src/components/Avatar/Avatar.scss @@ -28,6 +28,10 @@ // stylelint-enable background: var(--p-color-avatar-background-experimental); color: var(--p-color-avatar-color-experimental); + + &.imageHasLoaded { + background: transparent; + } } @media (forced-colors: active) { From e292972a7199deebb66f0fc9a9045035e33ce0e6 Mon Sep 17 00:00:00 2001 From: Peter Lazzarino Date: Thu, 24 Aug 2023 14:49:02 -0400 Subject: [PATCH 2/2] Add patch change --- .changeset/popular-pumas-sin.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/popular-pumas-sin.md diff --git a/.changeset/popular-pumas-sin.md b/.changeset/popular-pumas-sin.md new file mode 100644 index 00000000000..b49d867553e --- /dev/null +++ b/.changeset/popular-pumas-sin.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Ensure Avatar has no background color if an source prop is passed in to allow for transparent images