Merge pull request #1770 from natura-cosmeticos/DSY-3684

Dsy 3684 - rollback border Textfield pattern 1px focus 2px
natura-cosmeticos · Aug 17, 2023 · 6f5612a · 6f5612a
2 parents d7544ad + 8fefa34
commit 6f5612a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 16 deletions.
diff --git a/packages/react/src/components/Input/Input.styles.ts b/packages/react/src/components/Input/Input.styles.ts
@@ -30,7 +30,7 @@ const styles = createUseStyles((theme: Theme) => ({
   wrapper: {
     alignItems: 'center',
     backgroundColor: theme.color.surface,
-    border: '2px solid',
+    border: '1px solid',
     borderColor: getFeedbackBorderColor(theme),
     borderRadius: theme.textField.borderRadius,
     cursor: ({ disabled, readOnly }: InputStyleProps) => (!disabled && !readOnly ? 'text' : 'default'),

diff --git a/packages/react/src/components/Input/__snapshots__/Input.test.tsx.snap b/packages/react/src/components/Input/__snapshots__/Input.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Input component should render correctly when type is multiline 1`] = `
 Array [
   ".wrapper-0-2-1 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -138,7 +138,7 @@ Array [
 exports[`Input component should render correctly with default props 1`] = `
 Array [
   ".wrapper-0-2-1 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;

diff --git a/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`TextField component should render correctly when have a label 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -184,7 +184,7 @@ Array [
 exports[`TextField component should render correctly when is disabled 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -363,7 +363,7 @@ Array [
 exports[`TextField component should render correctly when is read only 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -542,7 +542,7 @@ Array [
 exports[`TextField component should render correctly when is required 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -721,7 +721,7 @@ Array [
 exports[`TextField component should render correctly when it has a helper text 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -902,7 +902,7 @@ Array [
 exports[`TextField component should render correctly when it has a success feedback 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -1097,7 +1097,7 @@ Array [
 exports[`TextField component should render correctly when it has an error feedback 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -1292,7 +1292,7 @@ Array [
 exports[`TextField component should render correctly when it has an icon button action 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -1659,7 +1659,7 @@ Array [
 exports[`TextField component should render correctly when it has an image action 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -1870,7 +1870,7 @@ Array [
 exports[`TextField component should render correctly when it has multiline type 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -2048,7 +2048,7 @@ Array [
 exports[`TextField component should render correctly when it has password type 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -2227,7 +2227,7 @@ Array [
 exports[`TextField component should render correctly when size is medium 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;
@@ -2406,7 +2406,7 @@ Array [
 exports[`TextField component should render correctly with default props 1`] = `
 Array [
   ".wrapper-0-2-4 {
-  border: 2px solid;
+  border: 1px solid;
   display: flex;
   position: relative;
   align-items: center;