From abb774643da83a946f3b403b168eefe34ac93c99 Mon Sep 17 00:00:00 2001 From: vagnerbarbosant Date: Thu, 19 Dec 2024 14:24:23 -0300 Subject: [PATCH] fix(natds-react): fix wrapper input.styles component added borderRadius theme affects: @naturacosmeticos/natds-react DSY-5288 --- packages/react/src/components/Input/Input.styles.ts | 1 + .../src/components/Input/InputAction/InputAction.styles.ts | 5 ++++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/react/src/components/Input/Input.styles.ts b/packages/react/src/components/Input/Input.styles.ts index ee90c7b7de..dfd06ae609 100644 --- 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 index 14b1bc8f96..6b3ea38b50 100644 --- 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 } }))