@hero-design/rn 8.12.4 → 8.12.5-alpha.0

package/src/components/Tag/StyledTag.tsx

@@ -1,7 +1,6 @@
-import { View } from 'react-native';
+import { View, Text } from 'react-native';
 import styled from '@emotion/native';
 import { Theme } from '../../theme';
-import Typography from '../Typography';
 
 type ThemeIntent =
   | 'primary'
@@ -44,7 +43,7 @@ const StyledView = styled(View)<{
   };
 });
 
-const StyledText = styled(Typography.Text)<{
+const StyledText = styled(Text)<{
   themeIntent: ThemeIntent;
   themeVariant: ThemeVariant;
 }>(({ themeIntent, themeVariant, theme }) => {

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

@@ -19,33 +19,20 @@ exports[`Tag has archived style when intent is archived 1`] = `
   themeVariant="outlined"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#737479",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#737479",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="archived"
     themeVariant="outlined"
   >
     ARCHIVED
@@ -72,33 +59,20 @@ exports[`Tag has archived style when intent is primary 1`] = `
   themeVariant="outlined"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#401960",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#401960",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="primary"
     themeVariant="outlined"
   >
     PRIMARY
@@ -125,33 +99,20 @@ exports[`Tag has danger style when intent is danger 1`] = `
   themeVariant="outlined"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#de350b",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#de350b",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="danger"
     themeVariant="outlined"
   >
     DANGER
@@ -178,33 +139,20 @@ exports[`Tag has info style when intent is info 1`] = `
   themeVariant="outlined"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#4568fb",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#4568fb",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="info"
     themeVariant="outlined"
   >
     INFO
@@ -231,33 +179,20 @@ exports[`Tag has success style when intent is success 1`] = `
   themeVariant="outlined"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#017d6d",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#017d6d",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="success"
     themeVariant="outlined"
   >
     SUCCESS
@@ -284,33 +219,20 @@ exports[`Tag has warning style when intent is warning 1`] = `
   themeVariant="outlined"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#ffa234",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#ffa234",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="warning"
     themeVariant="outlined"
   >
     WARNING
@@ -337,33 +259,20 @@ 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-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#001f23",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="danger"
     themeVariant="filled"
   >
     DANGER
@@ -390,33 +299,20 @@ 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-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#001f23",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
+    themeIntent="warning"
     themeVariant="filled"
   >
     WARNING
@@ -443,7 +339,6 @@ 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,7 +2,6 @@
 
 exports[`Label renders correctly with themeVariant default 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -32,7 +31,6 @@ exports[`Label renders correctly with themeVariant default 1`] = `
 
 exports[`Label renders correctly with themeVariant disabled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -62,7 +60,6 @@ exports[`Label renders correctly with themeVariant disabled 1`] = `
 
 exports[`Label renders correctly with themeVariant error 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -92,7 +89,6 @@ exports[`Label renders correctly with themeVariant error 1`] = `
 
 exports[`Label renders correctly with themeVariant filled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -122,7 +118,6 @@ exports[`Label renders correctly with themeVariant filled 1`] = `
 
 exports[`Label renders correctly with themeVariant readonly 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -171,7 +166,6 @@ exports[`LabelContainer renders correctly 1`] = `
 
 exports[`LabelInsideTextInput renders correctly with themeVariant default 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -206,7 +200,6 @@ exports[`LabelInsideTextInput renders correctly with themeVariant default 1`] =
 
 exports[`LabelInsideTextInput renders correctly with themeVariant disabled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -241,7 +234,6 @@ exports[`LabelInsideTextInput renders correctly with themeVariant disabled 1`] =
 
 exports[`LabelInsideTextInput renders correctly with themeVariant error 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -276,7 +268,6 @@ exports[`LabelInsideTextInput renders correctly with themeVariant error 1`] = `
 
 exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -311,7 +302,6 @@ exports[`LabelInsideTextInput renders correctly with themeVariant filled 1`] = `
 
 exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -346,7 +336,6 @@ exports[`LabelInsideTextInput renders correctly with themeVariant readonly 1`] =
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant default 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -376,7 +365,6 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant default 1`] = `
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant disabled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -406,7 +394,6 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant disabled 1`] =
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant error 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -436,7 +423,6 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant error 1`] = `
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant filled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -466,7 +452,6 @@ exports[`StyledAsteriskLabel renders correctly with themeVariant filled 1`] = `
 
 exports[`StyledAsteriskLabel renders correctly with themeVariant readonly 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -628,7 +613,6 @@ exports[`StyledBorderBackDrop renders correctly with themeVariant readonly 1`] =
 
 exports[`StyledErrorMessage renders correctly 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -676,7 +660,6 @@ exports[`StyledErrorMessageContainer renders correctly 1`] = `
 
 exports[`StyledHelperText renders correctly 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -711,7 +694,6 @@ exports[`StyledHelperText renders correctly 1`] = `
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant default 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -747,7 +729,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant default 1`]
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant disabled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -783,7 +764,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant disabled 1`]
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant error 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -819,7 +799,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant error 1`] =
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant filled 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -855,7 +834,6 @@ exports[`StyledMaxLengthMessage renders correctly with themeVariant filled 1`] =
 
 exports[`StyledMaxLengthMessage renders correctly with themeVariant readonly 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {