fix(react-input): Remove box-shadow from Input filled appearances (#2…

…4491)
microsoft · Aug 23, 2022 · c868d64 · c868d64
1 parent 23a0768
commit c868d64
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/change/@fluentui-react-input-b6dae232-bb04-4dcd-90b6-eb9272f009fe.json 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": "[email protected]",
+  "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
@@ -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: {