From ecb3ccb96ff9c51e1b79d97a1c5ef866c7881437 Mon Sep 17 00:00:00 2001 From: Kumar Kshitij Date: Thu, 8 Sep 2022 14:17:46 +0530 Subject: [PATCH 1/2] fix greyed out legend key contrast ratio --- .../src/components/Legends/Legends.styles.ts | 2 +- .../Legends/__snapshots__/Legends.test.tsx.snap | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/react-charting/src/components/Legends/Legends.styles.ts b/packages/react-charting/src/components/Legends/Legends.styles.ts index 0dd4bc7f57424b..dfcd51a5d92430 100644 --- a/packages/react-charting/src/components/Legends/Legends.styles.ts +++ b/packages/react-charting/src/components/Legends/Legends.styles.ts @@ -81,7 +81,7 @@ export const getStyles = (props: ILegendStyleProps): ILegendsStyles => { ...fonts.small, lineHeight: '16px', color: theme?.semanticColors.bodyText, - opacity: props.colorOnSelectedState === palette.white ? '0.6' : '', + opacity: props.colorOnSelectedState === palette.white ? '0.67' : '', }, hoverChange: { width: '12px', diff --git a/packages/react-charting/src/components/Legends/__snapshots__/Legends.test.tsx.snap b/packages/react-charting/src/components/Legends/__snapshots__/Legends.test.tsx.snap index 0622491c7cf53e..d9416e1d01197e 100644 --- a/packages/react-charting/src/components/Legends/__snapshots__/Legends.test.tsx.snap +++ b/packages/react-charting/src/components/Legends/__snapshots__/Legends.test.tsx.snap @@ -1578,7 +1578,7 @@ exports[`Legends snapShot testing renders Legends correctly 1`] = ` font-size: 12px; font-weight: 400; line-height: 16px; - opacity: 0.6; + opacity: 0.67; } > Legend 17 @@ -3171,7 +3171,7 @@ exports[`Legends snapShot testing renders allowFocusOnLegends correctly 1`] = ` font-size: 12px; font-weight: 400; line-height: 16px; - opacity: 0.6; + opacity: 0.67; } > Legend 17 @@ -4764,7 +4764,7 @@ exports[`Legends snapShot testing renders canSelectMultipleLegends correctly 1`] font-size: 12px; font-weight: 400; line-height: 16px; - opacity: 0.6; + opacity: 0.67; } > Legend 17 @@ -6357,7 +6357,7 @@ exports[`Legends snapShot testing renders styles correctly 1`] = ` font-size: 12px; font-weight: 400; line-height: 16px; - opacity: 0.6; + opacity: 0.67; } > Legend 17 From c21725d14e7fdfaa05d5b1694d99f9f5b4513b5b Mon Sep 17 00:00:00 2001 From: Kumar Kshitij Date: Thu, 8 Sep 2022 14:55:13 +0530 Subject: [PATCH 2/2] add change file --- ...eact-charting-d686895a-39e2-4755-a198-862dec13351f.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-charting-d686895a-39e2-4755-a198-862dec13351f.json diff --git a/change/@fluentui-react-charting-d686895a-39e2-4755-a198-862dec13351f.json b/change/@fluentui-react-charting-d686895a-39e2-4755-a198-862dec13351f.json new file mode 100644 index 00000000000000..b3bb2aca1a4877 --- /dev/null +++ b/change/@fluentui-react-charting-d686895a-39e2-4755-a198-862dec13351f.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Fix greyed out legend key contrast ratio", + "packageName": "@fluentui/react-charting", + "email": "kumarkshitij@microsoft.com", + "dependentChangeType": "patch" +}