npm - @hero-design/rn - Versions diffs - 8.44.0 → 8.44.1 - Mend

@hero-design/rn 8.44.0 → 8.44.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

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

@@ -1,399 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`Label renders correctly with themeState default 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#001f23",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="default"
-  >
-    Label
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`Label renders correctly with themeState disabled 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#bfc1c5",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="disabled"
-  >
-    Label
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`Label renders correctly with themeState error 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#001f23",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="error"
-  >
-    Label
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`Label renders correctly with themeState filled 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#001f23",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="filled"
-  >
-    Label
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`Label renders correctly with themeState readonly 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#808f91",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="readonly"
-  >
-    Label
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`LabelContainer renders correctly 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <View
-    style={
-      [
-        {
-          "backgroundColor": "#ffffff",
-          "flexDirection": "row",
-          "left": 16,
-          "paddingHorizontal": 4,
-          "position": "absolute",
-          "top": -4,
-          "zIndex": 1,
-        },
-        undefined,
-      ]
-    }
-  />
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`LabelInsideTextInput renders correctly with themeState default 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 16,
-          "letterSpacing": 0.48,
-          "lineHeight": 24,
-        },
-        [
-          {
-            "alignContent": "center",
-            "alignItems": "center",
-            "color": "#001f23",
-            "marginTop": -2,
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeIntent="body"
-    themeState="default"
-    themeTypeface="neutral"
-    themeVariant="regular"
-  >
-    Label
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`LabelInsideTextInput renders correctly with themeState disabled 1`] = `
+exports[`LabelInsideTextInput renders correctly with themeState default 1`] = `
 <View
   style={
     {
@@ -416,7 +23,7 @@ exports[`LabelInsideTextInput renders correctly with themeState disabled 1`] = `
           {
             "alignContent": "center",
             "alignItems": "center",
-            "color": "#bfc1c5",
+            "color": "#001f23",
             "marginTop": -2,
             "textAlignVertical": "center",
           },
@@ -425,7 +32,7 @@ exports[`LabelInsideTextInput renders correctly with themeState disabled 1`] = `
       ]
     }
     themeIntent="body"
-    themeState="disabled"
+    themeState="default"
     themeTypeface="neutral"
     themeVariant="regular"
   >
@@ -454,7 +61,7 @@ exports[`LabelInsideTextInput renders correctly with themeState disabled 1`] = `
 </View>
 `;
-exports[`LabelInsideTextInput renders correctly with themeState error 1`] = `
+exports[`LabelInsideTextInput renders correctly with themeState disabled 1`] = `
 <View
   style={
     {
@@ -477,7 +84,7 @@ exports[`LabelInsideTextInput renders correctly with themeState error 1`] = `
           {
             "alignContent": "center",
             "alignItems": "center",
-            "color": "#001f23",
+            "color": "#bfc1c5",
             "marginTop": -2,
             "textAlignVertical": "center",
           },
@@ -486,7 +93,7 @@ exports[`LabelInsideTextInput renders correctly with themeState error 1`] = `
       ]
     }
     themeIntent="body"
-    themeState="error"
+    themeState="disabled"
     themeTypeface="neutral"
     themeVariant="regular"
   >
@@ -515,7 +122,7 @@ exports[`LabelInsideTextInput renders correctly with themeState error 1`] = `
 </View>
 `;
-exports[`LabelInsideTextInput renders correctly with themeState filled 1`] = `
+exports[`LabelInsideTextInput renders correctly with themeState error 1`] = `
 <View
   style={
     {
@@ -547,7 +154,7 @@ exports[`LabelInsideTextInput renders correctly with themeState filled 1`] = `
       ]
     }
     themeIntent="body"
-    themeState="filled"
+    themeState="error"
     themeTypeface="neutral"
     themeVariant="regular"
   >
@@ -576,7 +183,7 @@ exports[`LabelInsideTextInput renders correctly with themeState filled 1`] = `
 </View>
 `;
-exports[`LabelInsideTextInput renders correctly with themeState readonly 1`] = `
+exports[`LabelInsideTextInput renders correctly with themeState filled 1`] = `
 <View
   style={
     {
@@ -599,7 +206,7 @@ exports[`LabelInsideTextInput renders correctly with themeState readonly 1`] = `
           {
             "alignContent": "center",
             "alignItems": "center",
-            "color": "#808f91",
+            "color": "#001f23",
             "marginTop": -2,
             "textAlignVertical": "center",
           },
@@ -608,7 +215,7 @@ exports[`LabelInsideTextInput renders correctly with themeState readonly 1`] = `
       ]
     }
     themeIntent="body"
-    themeState="readonly"
+    themeState="filled"
     themeTypeface="neutral"
     themeVariant="regular"
   >
@@ -637,235 +244,7 @@ exports[`LabelInsideTextInput renders correctly with themeState readonly 1`] = `
 </View>
 `;
-exports[`StyledAsteriskLabel renders correctly with themeState default 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#cb300a",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="default"
-  >
-    *
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`StyledAsteriskLabel renders correctly with themeState disabled 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#bfc1c5",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="disabled"
-  >
-    *
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`StyledAsteriskLabel renders correctly with themeState error 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#cb300a",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="error"
-  >
-    *
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`StyledAsteriskLabel renders correctly with themeState filled 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <Text
-    allowFontScaling={false}
-    style={
-      [
-        {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
-          "letterSpacing": 0.48,
-          "lineHeight": 16,
-        },
-        [
-          {
-            "color": "#cb300a",
-            "lineHeight": 12,
-          },
-          undefined,
-        ],
-      ]
-    }
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeState="filled"
-  >
-    *
-  </Text>
-  <View
-    pointerEvents="box-none"
-    position="bottom"
-    style={
-      [
-        {
-          "bottom": 0,
-          "elevation": 9999,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "paddingHorizontal": 24,
-          "paddingVertical": 16,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  />
-</View>
-`;
-exports[`StyledAsteriskLabel renders correctly with themeState readonly 1`] = `
+exports[`LabelInsideTextInput renders correctly with themeState readonly 1`] = `
 <View
   style={
     {
@@ -880,24 +259,28 @@ exports[`StyledAsteriskLabel renders correctly with themeState readonly 1`] = `
         {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 12,
+          "fontSize": 16,
           "letterSpacing": 0.48,
-          "lineHeight": 16,
+          "lineHeight": 24,
         },
         [
           {
+            "alignContent": "center",
+            "alignItems": "center",
             "color": "#808f91",
-            "lineHeight": 12,
+            "marginTop": -2,
+            "textAlignVertical": "center",
           },
           undefined,
         ],
       ]
     }
-    themeFontWeight="regular"
     themeIntent="body"
     themeState="readonly"
+    themeTypeface="neutral"
+    themeVariant="regular"
   >
-    *
+    Label
   </Text>
   <View
     pointerEvents="box-none"