@hero-design/rn 8.33.1 → 8.34.0

package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -79,25 +79,22 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#de350b",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               undefined,
             ],
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         *
       </Text>
@@ -108,14 +105,13 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -125,11 +121,9 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -208,6 +202,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -231,22 +226,15 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
-            Array [
-              Object {
-                "fontSize": 12,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
-        themeTypeface="neutral"
       >
         This is helper text
       </Text>
@@ -258,7 +246,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
-              "letterSpacing": 0.36,
+              "letterSpacing": 0.48,
               "lineHeight": 16,
             },
             Array [
@@ -267,7 +255,6 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
                 "color": "#001f23",
                 "flex": 1,
                 "flexGrow": 1,
-                "fontSize": 12,
                 "marginRight": 4,
                 "textAlign": "right",
               },
@@ -275,11 +262,9 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             ],
           ]
         }
-        themeFontSize="small"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         4
         /
@@ -369,25 +354,22 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#de350b",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               undefined,
             ],
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         *
       </Text>
@@ -398,14 +380,13 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -415,11 +396,9 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -497,6 +476,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -520,22 +500,15 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
-            Array [
-              Object {
-                "fontSize": 12,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
-        themeTypeface="neutral"
       >
         This is helper text
       </Text>
@@ -547,7 +520,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
-              "letterSpacing": 0.36,
+              "letterSpacing": 0.48,
               "lineHeight": 16,
             },
             Array [
@@ -556,7 +529,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
                 "color": "#001f23",
                 "flex": 1,
                 "flexGrow": 1,
-                "fontSize": 12,
                 "marginRight": 4,
                 "textAlign": "right",
               },
@@ -564,11 +536,9 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             ],
           ]
         }
-        themeFontSize="small"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         4
         /
@@ -658,25 +628,22 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#de350b",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               undefined,
             ],
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         *
       </Text>
@@ -687,14 +654,13 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -704,11 +670,9 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -787,6 +751,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -810,22 +775,15 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
-            Array [
-              Object {
-                "fontSize": 12,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
-        themeTypeface="neutral"
       >
         This is helper text
       </Text>
@@ -837,7 +795,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
-              "letterSpacing": 0.36,
+              "letterSpacing": 0.48,
               "lineHeight": 16,
             },
             Array [
@@ -846,7 +804,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
                 "color": "#001f23",
                 "flex": 1,
                 "flexGrow": 1,
-                "fontSize": 12,
                 "marginRight": 4,
                 "textAlign": "right",
               },
@@ -854,11 +811,9 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             ],
           ]
         }
-        themeFontSize="small"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         4
         /
@@ -949,25 +904,22 @@ exports[`TextInput disabled renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#bfc1c5",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               undefined,
             ],
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="disabled"
-        themeTypeface="neutral"
       >
         *
       </Text>
@@ -978,14 +930,13 @@ exports[`TextInput disabled renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#bfc1c5",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -995,11 +946,9 @@ exports[`TextInput disabled renders correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="disabled"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -1061,6 +1010,7 @@ exports[`TextInput disabled renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -1188,24 +1138,22 @@ exports[`TextInput error renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 16,
                 },
                 undefined,
               ],
             ]
           }
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="error"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           *
         </Text>
@@ -1216,16 +1164,15 @@ exports[`TextInput error renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -1234,11 +1181,10 @@ exports[`TextInput error renders correctly 1`] = `
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="error"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Amount (AUD)
         </Text>
@@ -1285,6 +1231,7 @@ exports[`TextInput error renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -1337,14 +1284,13 @@ exports[`TextInput error renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 12,
+                "letterSpacing": 0.48,
+                "lineHeight": 16,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 12,
                   "marginLeft": 4,
                 },
                 undefined,
@@ -1352,10 +1298,8 @@ exports[`TextInput error renders correctly 1`] = `
             ]
           }
           testID="input-error-message"
-          themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
-          themeTypeface="neutral"
         >
           This field is required
         </Text>
@@ -1444,14 +1388,13 @@ exports[`TextInput filled renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -1461,11 +1404,9 @@ exports[`TextInput filled renders correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -1557,6 +1498,7 @@ exports[`TextInput filled renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -1684,24 +1626,22 @@ exports[`TextInput helper text renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 16,
                 },
                 undefined,
               ],
             ]
           }
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           *
         </Text>
@@ -1712,16 +1652,15 @@ exports[`TextInput helper text renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -1730,11 +1669,10 @@ exports[`TextInput helper text renders correctly 1`] = `
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Amount (AUD)
         </Text>
@@ -1781,6 +1719,7 @@ exports[`TextInput helper text renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -1804,22 +1743,15 @@ exports[`TextInput helper text renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
-            Array [
-              Object {
-                "fontSize": 12,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
-        themeTypeface="neutral"
       >
         This is helper text
       </Text>
@@ -1938,16 +1870,15 @@ exports[`TextInput idle renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -1956,11 +1887,10 @@ exports[`TextInput idle renders correctly 1`] = `
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Amount (AUD)
         </Text>
@@ -2022,6 +1952,7 @@ exports[`TextInput idle renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -2149,24 +2080,22 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 16,
                 },
                 undefined,
               ],
             ]
           }
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           *
         </Text>
@@ -2177,16 +2106,15 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -2195,11 +2123,10 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Amount (AUD)
         </Text>
@@ -2261,6 +2188,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -2435,6 +2363,7 @@ exports[`TextInput loading renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -2534,25 +2463,22 @@ exports[`TextInput max length renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#de350b",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               undefined,
             ],
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="error"
-        themeTypeface="neutral"
       >
         *
       </Text>
@@ -2563,14 +2489,13 @@ exports[`TextInput max length renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -2580,11 +2505,9 @@ exports[`TextInput max length renders correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="error"
-        themeTypeface="neutral"
       >
         Shout out
       </Text>
@@ -2648,6 +2571,7 @@ exports[`TextInput max length renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -2700,14 +2624,13 @@ exports[`TextInput max length renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 12,
+                "letterSpacing": 0.48,
+                "lineHeight": 16,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 12,
                   "marginLeft": 4,
                 },
                 undefined,
@@ -2715,10 +2638,8 @@ exports[`TextInput max length renders correctly 1`] = `
             ]
           }
           testID="input-error-message"
-          themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
-          themeTypeface="neutral"
         >
           must not exceed character limit
         </Text>
@@ -2731,7 +2652,7 @@ exports[`TextInput max length renders correctly 1`] = `
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 12,
-              "letterSpacing": 0.36,
+              "letterSpacing": 0.48,
               "lineHeight": 16,
             },
             Array [
@@ -2740,7 +2661,6 @@ exports[`TextInput max length renders correctly 1`] = `
                 "color": "#de350b",
                 "flex": 1,
                 "flexGrow": 1,
-                "fontSize": 12,
                 "marginRight": 4,
                 "textAlign": "right",
               },
@@ -2748,11 +2668,9 @@ exports[`TextInput max length renders correctly 1`] = `
             ],
           ]
         }
-        themeFontSize="small"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="error"
-        themeTypeface="neutral"
       >
         18
         /
@@ -2842,25 +2760,22 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#de350b",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               undefined,
             ],
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="error"
-        themeTypeface="neutral"
       >
         *
       </Text>
@@ -2871,14 +2786,13 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -2888,11 +2802,9 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="error"
-        themeTypeface="neutral"
       >
         Shout out
       </Text>
@@ -2956,6 +2868,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -3008,14 +2921,13 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 12,
+                "letterSpacing": 0.48,
+                "lineHeight": 16,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 12,
                   "marginLeft": 4,
                 },
                 undefined,
@@ -3023,10 +2935,8 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             ]
           }
           testID="input-error-message"
-          themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
-          themeTypeface="neutral"
         >
           must not exceed character limit
         </Text>
@@ -3143,24 +3053,22 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 16,
                 },
                 undefined,
               ],
             ]
           }
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           *
         </Text>
@@ -3171,16 +3079,15 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -3189,11 +3096,10 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Amount (AUD)
         </Text>
@@ -3240,6 +3146,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -3263,22 +3170,15 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
-            Array [
-              Object {
-                "fontSize": 12,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
-        themeTypeface="neutral"
       >
         This is helper text
       </Text>
@@ -3366,25 +3266,22 @@ exports[`TextInput readonly renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#808f91",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               undefined,
             ],
           ]
         }
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="readonly"
-        themeTypeface="neutral"
       >
         *
       </Text>
@@ -3395,14 +3292,13 @@ exports[`TextInput readonly renders correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#808f91",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -3412,11 +3308,9 @@ exports[`TextInput readonly renders correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="readonly"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -3508,6 +3402,7 @@ exports[`TextInput readonly renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -3607,14 +3502,13 @@ exports[`TextInput ref ref methods work correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -3624,11 +3518,9 @@ exports[`TextInput ref ref methods work correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -3690,6 +3582,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -3817,24 +3710,22 @@ exports[`TextInput required renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "color": "#de350b",
-                  "fontSize": 16,
                 },
                 undefined,
               ],
             ]
           }
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           *
         </Text>
@@ -3845,16 +3736,15 @@ exports[`TextInput required renders correctly 1`] = `
               Object {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
-                "fontSize": 14,
-                "letterSpacing": 0.42,
-                "lineHeight": 22,
+                "fontSize": 16,
+                "letterSpacing": 0.48,
+                "lineHeight": 24,
               },
               Array [
                 Object {
                   "alignContent": "center",
                   "alignItems": "center",
                   "color": "#001f23",
-                  "fontSize": 16,
                   "marginTop": -2,
                   "textAlignVertical": "center",
                 },
@@ -3863,11 +3753,10 @@ exports[`TextInput required renders correctly 1`] = `
             ]
           }
           testID="input-label"
-          themeFontSize="medium"
-          themeFontWeight="regular"
           themeIntent="body"
           themeState="default"
           themeTypeface="neutral"
+          themeVariant="regular"
         >
           Amount (AUD)
         </Text>
@@ -3929,6 +3818,7 @@ exports[`TextInput required renders correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]
@@ -4028,14 +3918,13 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
             Object {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 12,
+              "letterSpacing": 0.48,
+              "lineHeight": 16,
             },
             Array [
               Object {
                 "color": "#001f23",
-                "fontSize": 12,
                 "lineHeight": 12,
               },
               Object {
@@ -4045,11 +3934,9 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
           ]
         }
         testID="input-label"
-        themeFontSize="medium"
         themeFontWeight="regular"
         themeIntent="body"
         themeState="filled"
-        themeTypeface="neutral"
       >
         Amount (AUD)
       </Text>
@@ -4112,6 +3999,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
         Object {
           "minHeight": 16,
           "paddingLeft": 16,
+          "paddingTop": 2,
         },
         undefined,
       ]