Merge pull request #774 from gympass/DS-813

[DS-813] Add v3Theme to Input component
gympass · Mar 22, 2024 · 12546aa · 12546aa
2 parents ec752cf + c8e8be9
commit 12546aa
Show file tree

Hide file tree

Showing 24 changed files with 311 additions and 87 deletions.
diff --git a/packages/yoga/src/AutoComplete/web/__snapshots__/AutoComplete.test.jsx.snap b/packages/yoga/src/AutoComplete/web/__snapshots__/AutoComplete.test.jsx.snap
@@ -22,6 +22,7 @@ exports[`<AutoComplete /> Snapshots should match with a full width component 1`]
   font-family: Rubik,sans-serif;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
 }
 
 .c3:focus {
@@ -50,7 +51,7 @@ exports[`<AutoComplete /> Snapshots should match with a full width component 1`]
   -webkit-transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   font-size: 12px;
-  font-weight: 400;
+  line-height: 16px;
   color: #231B22;
 }
 
@@ -127,11 +128,13 @@ exports[`<AutoComplete /> Snapshots should match with a full width component 1`]
   max-width: 0;
   width: auto;
   height: 0;
-  font-weight: normal;
   visibility: hidden;
   -webkit-transition-property: max-width,padding;
   transition-property: max-width,padding;
+  font-family: Rubik;
   font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
   -webkit-letter-spacing: normal;
   -moz-letter-spacing: normal;
   -ms-letter-spacing: normal;
@@ -158,8 +161,10 @@ exports[`<AutoComplete /> Snapshots should match with a full width component 1`]
   user-select: none;
   top: 16px;
   left: 16px;
+  font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
   color: #6B6B78;
   -webkit-transition-property: -webkit-transform,font-size;
   -webkit-transition-property: transform,font-size;
@@ -280,6 +285,7 @@ exports[`<AutoComplete /> Snapshots should match with default component 1`] = `
   font-family: Rubik,sans-serif;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
 }
 
 .c3:focus {
@@ -308,7 +314,7 @@ exports[`<AutoComplete /> Snapshots should match with default component 1`] = `
   -webkit-transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   font-size: 12px;
-  font-weight: 400;
+  line-height: 16px;
   color: #231B22;
 }
 
@@ -385,11 +391,13 @@ exports[`<AutoComplete /> Snapshots should match with default component 1`] = `
   max-width: 0;
   width: auto;
   height: 0;
-  font-weight: normal;
   visibility: hidden;
   -webkit-transition-property: max-width,padding;
   transition-property: max-width,padding;
+  font-family: Rubik;
   font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
   -webkit-letter-spacing: normal;
   -moz-letter-spacing: normal;
   -ms-letter-spacing: normal;
@@ -416,8 +424,10 @@ exports[`<AutoComplete /> Snapshots should match with default component 1`] = `
   user-select: none;
   top: 16px;
   left: 16px;
+  font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
   color: #6B6B78;
   -webkit-transition-property: -webkit-transform,font-size;
   -webkit-transition-property: transform,font-size;
@@ -538,6 +548,7 @@ exports[`<AutoComplete /> Snapshots should match with full width options list 1`
   font-family: Rubik,sans-serif;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
 }
 
 .c3:focus {
@@ -566,7 +577,7 @@ exports[`<AutoComplete /> Snapshots should match with full width options list 1`
   -webkit-transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   font-size: 12px;
-  font-weight: 400;
+  line-height: 16px;
   color: #231B22;
 }
 
@@ -627,6 +638,7 @@ exports[`<AutoComplete /> Snapshots should match with full width options list 1`
   -webkit-transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   font-size: 12px;
+  line-height: 16px;
 }
 
 .c3[type="number"]::-webkit-outer-spin-button,
@@ -664,11 +676,13 @@ exports[`<AutoComplete /> Snapshots should match with full width options list 1`
   max-width: 0;
   width: auto;
   height: 0;
-  font-weight: normal;
   visibility: hidden;
   -webkit-transition-property: max-width,padding;
   transition-property: max-width,padding;
+  font-family: Rubik;
   font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
   -webkit-letter-spacing: normal;
   -moz-letter-spacing: normal;
   -ms-letter-spacing: normal;
@@ -695,8 +709,10 @@ exports[`<AutoComplete /> Snapshots should match with full width options list 1`
   user-select: none;
   top: 16px;
   left: 16px;
+  font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
   color: #6B6B78;
   -webkit-transition-property: -webkit-transform,font-size;
   -webkit-transition-property: transform,font-size;
@@ -951,6 +967,7 @@ exports[`<AutoComplete /> Snapshots should match with options list 1`] = `
   font-family: Rubik,sans-serif;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
 }
 
 .c3:focus {
@@ -979,7 +996,7 @@ exports[`<AutoComplete /> Snapshots should match with options list 1`] = `
   -webkit-transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   font-size: 12px;
-  font-weight: 400;
+  line-height: 16px;
   color: #231B22;
 }
 
@@ -1040,6 +1057,7 @@ exports[`<AutoComplete /> Snapshots should match with options list 1`] = `
   -webkit-transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   transition-timing-function: cubic-bezier(0,0.75,0.1,1);
   font-size: 12px;
+  line-height: 16px;
 }
 
 .c3[type="number"]::-webkit-outer-spin-button,
@@ -1077,11 +1095,13 @@ exports[`<AutoComplete /> Snapshots should match with options list 1`] = `
   max-width: 0;
   width: auto;
   height: 0;
-  font-weight: normal;
   visibility: hidden;
   -webkit-transition-property: max-width,padding;
   transition-property: max-width,padding;
+  font-family: Rubik;
   font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
   -webkit-letter-spacing: normal;
   -moz-letter-spacing: normal;
   -ms-letter-spacing: normal;
@@ -1108,8 +1128,10 @@ exports[`<AutoComplete /> Snapshots should match with options list 1`] = `
   user-select: none;
   top: 16px;
   left: 16px;
+  font-family: Rubik;
   font-size: 14px;
   font-weight: 400;
+  line-height: 20px;
   color: #6B6B78;
   -webkit-transition-property: -webkit-transform,font-size;
   -webkit-transition-property: transform,font-size;