fix(natds-react): fix wrapper input.styles component added borderRadi…

…us theme affects: @naturacosmeticos/natds-react DSY-5288
natura-cosmeticos · Dec 19, 2024 · abb7746 · abb7746
1 parent 3ad8ee2
commit abb7746
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/react/src/components/Input/Input.styles.ts b/packages/react/src/components/Input/Input.styles.ts
@@ -51,6 +51,7 @@ const styles = createUseStyles((theme: Theme) => ({
       content: '""',
       height: '100%',
       left: 0,
+      borderRadius: theme.textField.borderRadius,
       opacity: ({ readOnly }: InputStyleProps) => (readOnly ? theme.opacity.disabledLow : 0),
       pointerEvents: 'none',
       position: 'absolute',

diff --git a/packages/react/src/components/Input/InputAction/InputAction.styles.ts b/packages/react/src/components/Input/InputAction/InputAction.styles.ts
@@ -16,7 +16,10 @@ const styles = createUseStyles((theme: Theme) => ({
   },
   image: {
     maxWidth: theme.size.large,
-    objectFit: 'cover'
+    objectFit: 'cover',
+    borderRadius: theme.textField.borderRadius,
+    borderBottomLeftRadius: 0,
+    borderTopLeftRadius: 0
   }
 }))