From cbc6188edbe994d00fd4448c5200a85ce97d7388 Mon Sep 17 00:00:00 2001 From: "Geoff Cox (Microsoft)" Date: Fri, 31 Mar 2023 16:24:39 -0700 Subject: [PATCH] fix: ColorPicker preview color updated to ignore forced colors (#27394) * Updated preview color to ignore forced colors * Updated colorpicker snapshot --- ...luentui-react-8e2d7e7a-c47a-459d-8184-f5744bc1d88e.json | 7 +++++++ .../react/src/components/ColorPicker/ColorPicker.styles.ts | 1 + .../ColorPicker/__snapshots__/ColorPicker.test.tsx.snap | 1 + 3 files changed, 9 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: { 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;