@hero-design/rn 8.33.1 → 8.34.0

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

@@ -8,25 +8,22 @@ exports[`Label renders correctly with themeState default 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,
         },
         undefined,
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="default"
-  themeTypeface="neutral"
 >
   Label
 </Text>
@@ -40,25 +37,22 @@ exports[`Label renders correctly with themeState disabled 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"
 >
   Label
 </Text>
@@ -72,25 +66,22 @@ exports[`Label renders correctly with themeState error 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,
         },
         undefined,
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="error"
-  themeTypeface="neutral"
 >
   Label
 </Text>
@@ -104,25 +95,22 @@ exports[`Label renders correctly with themeState filled 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,
         },
         undefined,
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="filled"
-  themeTypeface="neutral"
 >
   Label
 </Text>
@@ -136,25 +124,22 @@ exports[`Label renders correctly with themeState readonly 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"
 >
   Label
 </Text>
@@ -187,16 +172,15 @@ exports[`LabelInsideTextInput renders correctly with themeState default 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",
         },
@@ -204,11 +188,10 @@ exports[`LabelInsideTextInput renders correctly with themeState default 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
-  themeFontWeight="regular"
   themeIntent="body"
   themeState="default"
   themeTypeface="neutral"
+  themeVariant="regular"
 >
   Label
 </Text>
@@ -222,16 +205,15 @@ exports[`LabelInsideTextInput renders correctly with themeState disabled 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": "#bfc1c5",
-          "fontSize": 16,
           "marginTop": -2,
           "textAlignVertical": "center",
         },
@@ -239,11 +221,10 @@ exports[`LabelInsideTextInput renders correctly with themeState disabled 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
-  themeFontWeight="regular"
   themeIntent="body"
   themeState="disabled"
   themeTypeface="neutral"
+  themeVariant="regular"
 >
   Label
 </Text>
@@ -257,16 +238,15 @@ exports[`LabelInsideTextInput renders correctly with themeState error 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",
         },
@@ -274,11 +254,10 @@ exports[`LabelInsideTextInput renders correctly with themeState error 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
-  themeFontWeight="regular"
   themeIntent="body"
   themeState="error"
   themeTypeface="neutral"
+  themeVariant="regular"
 >
   Label
 </Text>
@@ -292,16 +271,15 @@ exports[`LabelInsideTextInput renders correctly with themeState filled 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",
         },
@@ -309,11 +287,10 @@ exports[`LabelInsideTextInput renders correctly with themeState filled 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
-  themeFontWeight="regular"
   themeIntent="body"
   themeState="filled"
   themeTypeface="neutral"
+  themeVariant="regular"
 >
   Label
 </Text>
@@ -327,16 +304,15 @@ exports[`LabelInsideTextInput renders correctly with themeState readonly 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": "#808f91",
-          "fontSize": 16,
           "marginTop": -2,
           "textAlignVertical": "center",
         },
@@ -344,11 +320,10 @@ exports[`LabelInsideTextInput renders correctly with themeState readonly 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
-  themeFontWeight="regular"
   themeIntent="body"
   themeState="readonly"
   themeTypeface="neutral"
+  themeVariant="regular"
 >
   Label
 </Text>
@@ -362,25 +337,22 @@ exports[`StyledAsteriskLabel renders correctly with themeState default 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="default"
-  themeTypeface="neutral"
 >
   *
 </Text>
@@ -394,25 +366,22 @@ exports[`StyledAsteriskLabel renders correctly with themeState disabled 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>
@@ -426,25 +395,22 @@ exports[`StyledAsteriskLabel renders correctly with themeState error 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>
@@ -458,25 +424,22 @@ exports[`StyledAsteriskLabel renders correctly with themeState filled 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>
@@ -490,25 +453,22 @@ exports[`StyledAsteriskLabel renders correctly with themeState readonly 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>
@@ -654,24 +614,21 @@ exports[`StyledErrorMessage 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,
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
-  themeTypeface="neutral"
 >
   must not exceed character limit
 </Text>
@@ -702,16 +659,13 @@ exports[`StyledHelperText renders correctly 1`] = `
       Object {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
+        "fontSize": 42,
+        "letterSpacing": 0,
+        "lineHeight": 50,
       },
       Array [
         Object {
           "color": "#001f23",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 24,
-          "lineHeight": 32,
           "marginBottom": 24,
           "marginRight": 24,
           "textAlign": "right",
@@ -720,9 +674,8 @@ exports[`StyledHelperText renders correctly 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
-  themeFontWeight="regular"
   themeIntent="body"
+  themeLevel="h1"
   themeTypeface="neutral"
 >
   helper text
@@ -737,9 +690,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState default 1`] =
       Object {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
+        "fontSize": 12,
+        "letterSpacing": 0.48,
+        "lineHeight": 16,
       },
       Array [
         Object {
@@ -747,7 +700,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeState default 1`] =
           "color": "#001f23",
           "flex": 1,
           "flexGrow": 1,
-          "fontSize": 12,
           "marginRight": 4,
           "textAlign": "right",
         },
@@ -755,11 +707,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState default 1`] =
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="default"
-  themeTypeface="neutral"
 >
   100/255
 </Text>
@@ -773,9 +723,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState disabled 1`] =
       Object {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
+        "fontSize": 12,
+        "letterSpacing": 0.48,
+        "lineHeight": 16,
       },
       Array [
         Object {
@@ -783,7 +733,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeState disabled 1`] =
           "color": "#bfc1c5",
           "flex": 1,
           "flexGrow": 1,
-          "fontSize": 12,
           "marginRight": 4,
           "textAlign": "right",
         },
@@ -791,11 +740,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState disabled 1`] =
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="disabled"
-  themeTypeface="neutral"
 >
   100/255
 </Text>
@@ -809,9 +756,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState error 1`] = `
       Object {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
+        "fontSize": 12,
+        "letterSpacing": 0.48,
+        "lineHeight": 16,
       },
       Array [
         Object {
@@ -819,7 +766,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeState error 1`] = `
           "color": "#de350b",
           "flex": 1,
           "flexGrow": 1,
-          "fontSize": 12,
           "marginRight": 4,
           "textAlign": "right",
         },
@@ -827,11 +773,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState error 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="error"
-  themeTypeface="neutral"
 >
   100/255
 </Text>
@@ -845,9 +789,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState filled 1`] = `
       Object {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
+        "fontSize": 12,
+        "letterSpacing": 0.48,
+        "lineHeight": 16,
       },
       Array [
         Object {
@@ -855,7 +799,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeState filled 1`] = `
           "color": "#001f23",
           "flex": 1,
           "flexGrow": 1,
-          "fontSize": 12,
           "marginRight": 4,
           "textAlign": "right",
         },
@@ -863,11 +806,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState filled 1`] = `
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="filled"
-  themeTypeface="neutral"
 >
   100/255
 </Text>
@@ -881,9 +822,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState readonly 1`] =
       Object {
         "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
-        "fontSize": 14,
-        "letterSpacing": 0.42,
-        "lineHeight": 22,
+        "fontSize": 12,
+        "letterSpacing": 0.48,
+        "lineHeight": 16,
       },
       Array [
         Object {
@@ -891,7 +832,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeState readonly 1`] =
           "color": "#808f91",
           "flex": 1,
           "flexGrow": 1,
-          "fontSize": 12,
           "marginRight": 4,
           "textAlign": "right",
         },
@@ -899,11 +839,9 @@ exports[`StyledMaxLengthMessage renders correctly with themeState readonly 1`] =
       ],
     ]
   }
-  themeFontSize="medium"
   themeFontWeight="regular"
   themeIntent="body"
   themeState="readonly"
-  themeTypeface="neutral"
 >
   100/255
 </Text>