From 7254783743f4bc5c8c0634462e565ccf67108e40 Mon Sep 17 00:00:00 2001 From: GeoffCoxMSFT Date: Thu, 30 Mar 2023 16:25:18 -0700 Subject: [PATCH 1/2] Updated preview color to ignore forced colors --- ...luentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json | 7 +++++++ .../react/src/components/ColorPicker/ColorPicker.styles.ts | 1 + 2 files changed, 8 insertions(+) create mode 100644 change/@fluentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json diff --git a/change/@fluentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json b/change/@fluentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json new file mode 100644 index 00000000000000..bf8ac8a4df3fc1 --- /dev/null +++ b/change/@fluentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: ColorPicker preview box updated to ignore forced colors to display chosen color", + "packageName": "@fluentui/react", + "email": "gcox@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/src/components/ColorPicker/ColorPicker.styles.ts b/packages/react/src/components/ColorPicker/ColorPicker.styles.ts index 235667128ac3b7..2190b19358af54 100644 --- a/packages/react/src/components/ColorPicker/ColorPicker.styles.ts +++ b/packages/react/src/components/ColorPicker/ColorPicker.styles.ts @@ -55,6 +55,7 @@ export const getStyles = (props: IColorPickerStyleProps): IColorPickerStyles => height: 48, margin: '0 0 0 8px', border: '1px solid #c8c6c4', + forcedColorAdjust: 'none', }, ], flexContainer: { From 091a6d0f3aa65ad923d77aaf4093c2bf90342c66 Mon Sep 17 00:00:00 2001 From: GeoffCoxMSFT Date: Fri, 31 Mar 2023 15:18:19 -0700 Subject: [PATCH 2/2] Updated colorpicker snapshot --- .../ColorPicker/__snapshots__/ColorPicker.test.tsx.snap | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap b/packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap index 21276141f6cb0d..162728310e5794 100644 --- a/packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap +++ b/packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap @@ -1428,6 +1428,7 @@ exports[`ColorPicker renders correctly with preview 1`] = ` is-preview { border: 1px solid #c8c6c4; + forced-color-adjust: none; height: 48px; margin-bottom: 0; margin-left: 8px;