@hero-design/rn 8.12.3 → 8.12.4

package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap

@@ -19,20 +19,33 @@ exports[`Tag has archived style when intent is archived 1`] = `
   themeVariant="outlined"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#737479",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "color": "#001f23",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#737479",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="archived"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="outlined"
   >
     ARCHIVED
@@ -59,20 +72,33 @@ exports[`Tag has archived style when intent is primary 1`] = `
   themeVariant="outlined"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#401960",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "color": "#001f23",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#401960",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="primary"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="outlined"
   >
     PRIMARY
@@ -99,20 +125,33 @@ exports[`Tag has danger style when intent is danger 1`] = `
   themeVariant="outlined"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#de350b",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "color": "#001f23",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#de350b",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="danger"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="outlined"
   >
     DANGER
@@ -139,20 +178,33 @@ exports[`Tag has info style when intent is info 1`] = `
   themeVariant="outlined"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#4568fb",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "color": "#001f23",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#4568fb",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="info"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="outlined"
   >
     INFO
@@ -179,20 +231,33 @@ exports[`Tag has success style when intent is success 1`] = `
   themeVariant="outlined"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#017d6d",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "color": "#001f23",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#017d6d",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="success"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="outlined"
   >
     SUCCESS
@@ -219,20 +284,33 @@ exports[`Tag has warning style when intent is warning 1`] = `
   themeVariant="outlined"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#ffa234",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "color": "#001f23",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#ffa234",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="warning"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="outlined"
   >
     WARNING
@@ -259,20 +337,33 @@ exports[`Tag renders correctly when variant is filled and intent is danger 1`] =
   themeVariant="filled"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
           "color": "#001f23",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#001f23",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="danger"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="filled"
   >
     DANGER
@@ -299,20 +390,33 @@ exports[`Tag renders correctly when variant is filled and intent is warning 1`]
   themeVariant="filled"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {
           "color": "#001f23",
-          "fontFamily": "BeVietnamPro-SemiBold",
-          "fontSize": 12,
-          "includeFontPadding": false,
-          "textAlign": "center",
-          "textAlignVertical": "center",
+          "fontFamily": "BeVietnamPro-Regular",
+          "fontSize": 14,
+          "letterSpacing": 0.42,
+          "lineHeight": 22,
         },
-        undefined,
+        Array [
+          Object {
+            "color": "#001f23",
+            "fontFamily": "BeVietnamPro-SemiBold",
+            "fontSize": 12,
+            "includeFontPadding": false,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+          },
+          undefined,
+        ],
       ]
     }
-    themeIntent="warning"
+    themeFontSize="medium"
+    themeFontWeight="regular"
+    themeIntent="body"
+    themeTypeface="neutral"
     themeVariant="filled"
   >
     WARNING
@@ -339,6 +443,7 @@ exports[`Tag renders correctly with custom content 1`] = `
   themeVariant="outlined"
 >
   <Text
+    allowFontScaling={false}
     style={
       Array [
         Object {

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

@@ -2,6 +2,7 @@
 
 exports[`Label renders correctly with themeVariant default 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -31,6 +32,7 @@ exports[`Label renders correctly with themeVariant default 1`] = `
 
 exports[`Label renders correctly with themeVariant disabled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -60,6 +62,7 @@ exports[`Label renders correctly with themeVariant disabled 1`] = `
 
 exports[`Label renders correctly with themeVariant error 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -89,6 +92,7 @@ exports[`Label renders correctly with themeVariant error 1`] = `
 
 exports[`Label renders correctly with themeVariant filled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -118,6 +122,7 @@ exports[`Label renders correctly with themeVariant filled 1`] = `
 
 exports[`Label renders correctly with themeVariant readonly 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -166,6 +171,7 @@ exports[`LabelContainer renders correctly 1`] = `
 
 exports[`LabelInsideTextInput renders correctly with themeVariant default 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -200,6 +206,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant default 1`] =
 
 exports[`LabelInsideTextInput renders correctly with themeVariant disabled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -234,6 +241,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant disabled 1`] =
 
 exports[`LabelInsideTextInput renders correctly with themeVariant error 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -268,6 +276,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant error 1`] = `
 
 exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -302,6 +311,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
 
 exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -336,6 +346,7 @@ exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] =
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant default 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -365,6 +376,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant default 1`] = `
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant disabled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -394,6 +406,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant disabled 1`] =
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant error 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -423,6 +436,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant error 1`] = `
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant filled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -452,6 +466,7 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant filled 1`] = `
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -613,6 +628,7 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant readonly 1`] =
 
 exports[`StyledErrorMessage renders correctly 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -660,6 +676,7 @@ exports[`StyledErrorMessageContainer renders correctly 1`] = `
 
 exports[`StyledHelperText renders correctly 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -694,6 +711,7 @@ exports[`StyledHelperText renders correctly 1`] = `
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant default 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -729,6 +747,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant default 1`]
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant disabled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -764,6 +783,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant disabled 1`]
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant error 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -799,6 +819,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant error 1`] =
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant filled 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -834,6 +855,7 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant filled 1`] =
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant readonly 1`] = `
 <Text
+  allowFontScaling={false}
   style={
     Array [
       Object {