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

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap

@@ -99,35 +99,18 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
             }
           >
             <Text
-              allowFontScaling={false}
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#ffffff",
                     "fontFamily": "BeVietnamPro-Regular",
-                    "fontSize": 14,
-                    "letterSpacing": 0.42,
-                    "lineHeight": 22,
+                    "fontSize": 16,
+                    "overflow": "hidden",
                   },
-                  Array [
-                    Object {
-                      "color": "#ffffff",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "lineHeight": 0,
-                      "overflow": "hidden",
-                      "textAlign": "center",
-                      "textAlignVertical": "center",
-                    },
-                    undefined,
-                  ],
+                  undefined,
                 ]
               }
-              themeFontSize="medium"
-              themeFontWeight="regular"
-              themeIntent="body"
               themeSize="small"
-              themeTypeface="neutral"
             >
               ML
             </Text>
@@ -145,7 +128,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -166,7 +148,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           Menu List
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -235,7 +216,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -256,7 +236,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           Gross pay
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -287,7 +266,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -308,7 +286,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           Gross pay
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -393,7 +370,6 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -414,7 +390,6 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
           List item
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -538,7 +513,6 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -689,35 +663,18 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             }
           >
             <Text
-              allowFontScaling={false}
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#ffffff",
                     "fontFamily": "BeVietnamPro-Regular",
-                    "fontSize": 14,
-                    "letterSpacing": 0.42,
-                    "lineHeight": 22,
+                    "fontSize": 16,
+                    "overflow": "hidden",
                   },
-                  Array [
-                    Object {
-                      "color": "#ffffff",
-                      "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 16,
-                      "lineHeight": 0,
-                      "overflow": "hidden",
-                      "textAlign": "center",
-                      "textAlignVertical": "center",
-                    },
-                    undefined,
-                  ],
+                  undefined,
                 ]
               }
-              themeFontSize="medium"
-              themeFontWeight="regular"
-              themeIntent="body"
               themeSize="small"
-              themeTypeface="neutral"
             >
               ML
             </Text>
@@ -735,7 +692,6 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -756,7 +712,6 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           List item
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {

package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap

@@ -26,7 +26,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -75,7 +74,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -124,7 +122,6 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -173,7 +170,6 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {

package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap

@@ -118,7 +118,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -164,7 +163,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -220,7 +218,6 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -266,7 +263,6 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {

package/src/components/PinInput/StyledPinInput.tsx

@@ -1,6 +1,5 @@
 import styled from '@emotion/native';
-import { TextInput, View } from 'react-native';
-import Typography from '../Typography';
+import { Text, TextInput, View } from 'react-native';
 
 export const StyledWrapper = styled(View)(() => ({
   alignContent: 'flex-start',
@@ -27,12 +26,11 @@ export const StyledCell = styled(View)<{
   borderColor: theme.__hd__.pinInput.colors[themeState],
 }));
 
-export const StyledCellText = styled(Typography.Text)<{
+export const StyledCellText = styled(Text)<{
   themeState: State;
 }>(({ theme, themeState }) => ({
   fontFamily: theme.__hd__.pinInput.fonts.cellText,
   fontSize: theme.__hd__.pinInput.fontSizes.cellText,
-  lineHeight: theme.__hd__.pinInput.lineHeights.cellText,
   color: theme.__hd__.pinInput.colors[themeState],
 }));
 
@@ -80,10 +78,9 @@ export const StyledHiddenInput = styled(TextInput)<{ themePinLength: number }>(
 export const StyledErrorContainer = styled(View)(({ theme }) => ({
   flexDirection: 'row',
   paddingTop: theme.__hd__.pinInput.space.errorMessagePadding,
-  alignItems: 'center',
 }));
 
-export const StyledErrorMessage = styled(Typography.Text)(({ theme }) => ({
+export const StyledErrorMessage = styled(Text)(({ theme }) => ({
   fontFamily: theme.__hd__.pinInput.fonts.errorMessage,
   fontSize: theme.__hd__.pinInput.fontSizes.errorMessage,
   color: theme.__hd__.pinInput.colors.error,

package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap

@@ -20,32 +20,17 @@ exports[`PinCell renders correctly when focused is false, state is default 1`] =
   themeState="default"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
           "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 28,
         },
-        Array [
-          Object {
-            "color": "#001f23",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 28,
-            "lineHeight": 36,
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
     themeState="default"
-    themeTypeface="neutral"
   >
     1
   </Text>
@@ -72,32 +57,17 @@ exports[`PinCell renders correctly when focused is false, state is disabled 1`]
   themeState="disabled"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#bfc1c5",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 28,
         },
-        Array [
-          Object {
-            "color": "#bfc1c5",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 28,
-            "lineHeight": 36,
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
     themeState="disabled"
-    themeTypeface="neutral"
   >
     1
   </Text>
@@ -124,32 +94,17 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
   themeState="error"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#de350b",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 28,
         },
-        Array [
-          Object {
-            "color": "#de350b",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 28,
-            "lineHeight": 36,
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
     themeState="error"
-    themeTypeface="neutral"
   >
     1
   </Text>
@@ -176,32 +131,17 @@ exports[`PinCell renders correctly when focused is true, state is default 1`] =
   themeState="default"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
           "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 28,
         },
-        Array [
-          Object {
-            "color": "#001f23",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 28,
-            "lineHeight": 36,
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
     themeState="default"
-    themeTypeface="neutral"
   >
     1
   </Text>
@@ -228,32 +168,17 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
   themeState="error"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#de350b",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 28,
         },
-        Array [
-          Object {
-            "color": "#de350b",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 28,
-            "lineHeight": 36,
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
     themeState="error"
-    themeTypeface="neutral"
   >
     1
   </Text>

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

@@ -492,32 +492,17 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
       themeState="default"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
               "color": "#001f23",
-              "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 28,
             },
-            Array [
-              Object {
-                "color": "#001f23",
-                "fontFamily": "BeVietnamPro-SemiBold",
-                "fontSize": 28,
-                "lineHeight": 36,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
-        themeFontWeight="regular"
-        themeIntent="body"
         themeState="default"
-        themeTypeface="neutral"
       >
         1
       </Text>
@@ -551,32 +536,17 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
       themeState="default"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
               "color": "#001f23",
-              "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 28,
             },
-            Array [
-              Object {
-                "color": "#001f23",
-                "fontFamily": "BeVietnamPro-SemiBold",
-                "fontSize": 28,
-                "lineHeight": 36,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
-        themeFontWeight="regular"
-        themeIntent="body"
         themeState="default"
-        themeTypeface="neutral"
       >
         2
       </Text>
@@ -610,32 +580,17 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
       themeState="default"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
               "color": "#001f23",
-              "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 28,
             },
-            Array [
-              Object {
-                "color": "#001f23",
-                "fontFamily": "BeVietnamPro-SemiBold",
-                "fontSize": 28,
-                "lineHeight": 36,
-              },
-              undefined,
-            ],
+            undefined,
           ]
         }
-        themeFontSize="medium"
-        themeFontWeight="regular"
-        themeIntent="body"
         themeState="default"
-        themeTypeface="neutral"
       >
         3
       </Text>
@@ -1006,7 +961,6 @@ exports[`rendering renders correctly when there is error 1`] = `
     style={
       Array [
         Object {
-          "alignItems": "center",
           "flexDirection": "row",
           "paddingTop": 4,
         },
@@ -1030,31 +984,17 @@ exports[`rendering renders correctly when there is error 1`] = `
       themeSize="xsmall"
     />
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#de350b",
             "fontFamily": "BeVietnamPro-Regular",
-            "fontSize": 14,
-            "letterSpacing": 0.42,
-            "lineHeight": 22,
+            "fontSize": 12,
+            "paddingLeft": 4,
           },
-          Array [
-            Object {
-              "color": "#de350b",
-              "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 12,
-              "paddingLeft": 4,
-            },
-            undefined,
-          ],
+          undefined,
         ]
       }
-      themeFontSize="medium"
-      themeFontWeight="regular"
-      themeIntent="body"
-      themeTypeface="neutral"
     >
       PIN is not correct
     </Text>

package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap

@@ -342,7 +342,6 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -633,7 +632,6 @@ exports[`Progress.Circle renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -924,7 +922,6 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {

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

@@ -41,7 +41,6 @@ exports[`rendering renders correctly when checked 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -148,7 +147,6 @@ exports[`rendering renders correctly when not checked 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {

package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap

@@ -42,7 +42,6 @@ exports[`rendering renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -141,7 +140,6 @@ exports[`rendering renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -240,7 +238,6 @@ exports[`rendering renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {

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

@@ -78,7 +78,6 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -236,7 +235,6 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
           themeSize="xsmall"
         />
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -348,7 +346,6 @@ exports[`RichTextEditor should render correctly 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -505,7 +502,6 @@ exports[`RichTextEditor should render correctly 1`] = `
           themeSize="xsmall"
         />
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {