From c868d64e3c84449d5e3d1235a5ef49f9eb0ec487 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Tue, 23 Aug 2022 17:05:51 -0600 Subject: [PATCH] fix(react-input): Remove box-shadow from Input filled appearances (#24491) --- ...i-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json | 7 +++++++ .../react-input/src/components/Input/useInputStyles.ts | 1 - 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json diff --git a/change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json b/change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json new file mode 100644 index 00000000000000..11598c81563d7b --- /dev/null +++ b/change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Remove box-shadow from filled appearances.", + "packageName": "@fluentui/react-input", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-input/src/components/Input/useInputStyles.ts b/packages/react-components/react-input/src/components/Input/useInputStyles.ts index 3ece561d6f418e..02d5b90c2a7963 100644 --- a/packages/react-components/react-input/src/components/Input/useInputStyles.ts +++ b/packages/react-components/react-input/src/components/Input/useInputStyles.ts @@ -144,7 +144,6 @@ const useRootStyles = makeStyles({ '::after': shorthands.borderRadius(0), // remove rounded corners from focus underline }, filled: { - boxShadow: tokens.shadow2, // optional shadow for filled appearances ...shorthands.border('1px', 'solid', tokens.colorTransparentStroke), }, filledInteractive: {