From b35443f12718bd0b6f9cfc21417a05b2bb79a5ac Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 21 Jun 2022 15:22:12 -0600 Subject: [PATCH 1/2] fix:Make AvatarGroup's pie layout dividers white for HCM. --- .../src/components/AvatarGroup/useAvatarGroupStyles.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts index 04fe6f70d00ccf..9b33bd69d5bf6b 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts @@ -22,6 +22,9 @@ const useStyles = makeStyles({ }, pie: { clipPath: 'circle(50%)', + '@media (forced-colors: active)': { + backgroundColor: 'CanvasText', + }, }, focusIndicator: createCustomFocusIndicatorStyle( { From ddedc1f7aa8fd21e39f5424a52c81059a4442300 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Date: Tue, 21 Jun 2022 15:22:52 -0600 Subject: [PATCH 2/2] change files --- ...-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json diff --git a/change/@fluentui-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json b/change/@fluentui-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json new file mode 100644 index 00000000000000..ddf9e8f9f8f340 --- /dev/null +++ b/change/@fluentui-react-avatar-62374814-379f-45a2-9e21-3a44e308ddbf.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "fix:Make AvatarGroup's pie layout dividers white for HCM.", + "packageName": "@fluentui/react-avatar", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "none" +}