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

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

@@ -24,34 +24,19 @@ exports[`Badge has danger style when intent is danger 1`] = `
   themePadding="wideContent"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#ffffff",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#ffffff",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "lineHeight": 20,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
   >
     DECLINED
   </Text>
@@ -82,34 +67,19 @@ exports[`Badge has info style when intent is info 1`] = `
   themePadding="wideContent"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#ffffff",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#ffffff",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "lineHeight": 20,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
   >
     SUBMITTED
   </Text>
@@ -140,34 +110,19 @@ exports[`Badge has info style when intent is primary 1`] = `
   themePadding="wideContent"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#ffffff",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#ffffff",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "lineHeight": 20,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
   >
     PRIMARY
   </Text>
@@ -198,34 +153,19 @@ exports[`Badge has success style when intent is success 1`] = `
   themePadding="wideContent"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#ffffff",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#ffffff",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "lineHeight": 20,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
   >
     APPROVED
   </Text>
@@ -256,34 +196,19 @@ exports[`Badge has warning style when intent is warning 1`] = `
   themePadding="wideContent"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#ffffff",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#ffffff",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "lineHeight": 20,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
   >
     PENDING
   </Text>
@@ -315,34 +240,19 @@ exports[`Badge renders correctly with custom props 1`] = `
   themePadding="wideContent"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
-          "color": "#001f23",
-          "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "color": "#ffffff",
+          "fontFamily": "BeVietnamPro-SemiBold",
+          "fontSize": 12,
+          "includeFontPadding": false,
+          "textAlign": "center",
+          "textAlignVertical": "center",
         },
-        Array [
-          Object {
-            "color": "#ffffff",
-            "fontFamily": "BeVietnamPro-SemiBold",
-            "fontSize": 12,
-            "includeFontPadding": false,
-            "lineHeight": 20,
-            "textAlign": "center",
-            "textAlignVertical": "center",
-          },
-          undefined,
-        ],
+        undefined,
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
-    themeIntent="body"
-    themeTypeface="neutral"
   >
     50+
   </Text>

package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap

@@ -44,7 +44,6 @@ exports[`Status Badge renders correctly 1`] = `
 exports[`Status Badge renders correctly with intent 1`] = `
 <View>
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {

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

@@ -134,7 +134,6 @@ exports[`BottomNavigation renders correctly 1`] = `
             themeSize="medium"
           />
           <Text
-            allowFontScaling={false}
             numberOfLines={1}
             style={
               Array [
@@ -197,7 +196,6 @@ exports[`BottomNavigation renders correctly 1`] = `
             themeSize="medium"
           />
           <Text
-            allowFontScaling={false}
             numberOfLines={1}
             style={
               Array [
@@ -260,7 +258,6 @@ exports[`BottomNavigation renders correctly 1`] = `
             themeSize="medium"
           />
           <Text
-            allowFontScaling={false}
             numberOfLines={1}
             style={
               Array [
@@ -323,7 +320,6 @@ exports[`BottomNavigation renders correctly 1`] = `
             themeSize="medium"
           />
           <Text
-            allowFontScaling={false}
             numberOfLines={1}
             style={
               Array [

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

@@ -136,7 +136,6 @@ exports[`BottomSheet renders correctly with open state 1`] = `
             }
           >
             <Text
-              allowFontScaling={false}
               style={
                 Array [
                   Object {

package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap

@@ -53,7 +53,6 @@ exports[`UtilityButton snapshot has intent primary style 1`] = `
     />
   </View>
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -137,7 +136,6 @@ exports[`UtilityButton snapshot has intent text style 1`] = `
     />
   </View>
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {

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

@@ -32,7 +32,6 @@ exports[`Button renders correctly 1`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={false}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -247,7 +246,6 @@ exports[`Button renders correctly 3`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={true}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -318,7 +316,6 @@ exports[`Button renders correctly 4`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={false}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -537,7 +534,6 @@ exports[`Button renders correctly 6`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={true}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -606,7 +602,6 @@ exports[`Button renders correctly 7`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={false}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -821,7 +816,6 @@ exports[`Button renders correctly 9`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={true}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -890,7 +884,6 @@ exports[`Button renders correctly 10`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={false}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -1105,7 +1098,6 @@ exports[`Button renders correctly 12`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={true}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -1174,7 +1166,6 @@ exports[`Button renders correctly 13`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={false}
     ellipsizeMode="tail"
     numberOfLines={1}
@@ -1389,7 +1380,6 @@ exports[`Button renders correctly 15`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     disabled={true}
     ellipsizeMode="tail"
     numberOfLines={1}

package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap

@@ -597,7 +597,6 @@ exports[`StyledButtonIconWrapper has right style 1`] = `
 
 exports[`StyledButtonText has filled-danger style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -632,7 +631,6 @@ exports[`StyledButtonText has filled-danger style 1`] = `
 
 exports[`StyledButtonText has filled-primary style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -667,7 +665,6 @@ exports[`StyledButtonText has filled-primary style 1`] = `
 
 exports[`StyledButtonText has filled-secondary style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -702,7 +699,6 @@ exports[`StyledButtonText has filled-secondary style 1`] = `
 
 exports[`StyledButtonText has outlined-danger style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -737,7 +733,6 @@ exports[`StyledButtonText has outlined-danger style 1`] = `
 
 exports[`StyledButtonText has outlined-primary style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -772,7 +767,6 @@ exports[`StyledButtonText has outlined-primary style 1`] = `
 
 exports[`StyledButtonText has outlined-secondary style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -807,7 +801,6 @@ exports[`StyledButtonText has outlined-secondary style 1`] = `
 
 exports[`StyledButtonText has text-danger style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -842,7 +835,6 @@ exports[`StyledButtonText has text-danger style 1`] = `
 
 exports[`StyledButtonText has text-primary style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -877,7 +869,6 @@ exports[`StyledButtonText has text-primary style 1`] = `
 
 exports[`StyledButtonText has text-secondary style 1`] = `
 <Text
-  allowFontScaling={false}
   style={
     Array [
       Object {
@@ -912,7 +903,6 @@ exports[`StyledButtonText has text-secondary style 1`] = `
 
 exports[`StyledButtonText renders disabled correctly 1`] = `
 <Text
-  allowFontScaling={false}
   disabled={true}
   style={
     Array [

package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap

@@ -42,7 +42,6 @@ exports[`CalendarRowItem renders correctly 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -125,7 +124,6 @@ exports[`CalendarRowItem renders correctly 2`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -208,7 +206,6 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -291,7 +288,6 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -374,7 +370,6 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     }
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {

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

@@ -15,7 +15,6 @@ exports[`Card renders correctly when intent is archived 1`] = `
   themeIntent="archived"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -53,7 +52,6 @@ exports[`Card renders correctly when intent is danger 1`] = `
   themeIntent="danger"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -91,7 +89,6 @@ exports[`Card renders correctly when intent is info 1`] = `
   themeIntent="info"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -129,7 +126,6 @@ exports[`Card renders correctly when intent is primary 1`] = `
   themeIntent="primary"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -167,7 +163,6 @@ exports[`Card renders correctly when intent is success 1`] = `
   themeIntent="success"
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {
@@ -203,7 +198,6 @@ exports[`Card renders correctly when intent is undefined 1`] = `
   }
 >
   <Text
-    allowFontScaling={false}
     style={
       Array [
         Object {

package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap

@@ -133,7 +133,6 @@ exports[`CardCarousel should render correctly 1`] = `
               }
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -217,7 +216,6 @@ exports[`CardCarousel should render correctly 1`] = `
               }
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {

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

@@ -173,7 +173,6 @@ exports[`Carousel renders basic carousel 1`] = `
               width={750}
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -203,7 +202,6 @@ exports[`Carousel renders basic carousel 1`] = `
                 Welcome to the new Employment Hero app
               </Text>
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -309,7 +307,6 @@ exports[`Carousel renders basic carousel 1`] = `
                 }
               />
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -339,7 +336,6 @@ exports[`Carousel renders basic carousel 1`] = `
                 Same app with a new look!
               </Text>
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -435,7 +431,6 @@ exports[`Carousel renders basic carousel 1`] = `
               width={750}
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -465,7 +460,6 @@ exports[`Carousel renders basic carousel 1`] = `
                 Easier to get around
               </Text>
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -559,7 +553,6 @@ exports[`Carousel renders basic carousel 1`] = `
               width={750}
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -638,7 +631,6 @@ exports[`Carousel renders basic carousel 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           disabled={false}
           ellipsizeMode="tail"
           numberOfLines={1}
@@ -924,7 +916,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               width={750}
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -954,7 +945,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
                 Welcome to the new Employment Hero app
               </Text>
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -1060,7 +1050,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
                 }
               />
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -1090,7 +1079,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
                 Same app with a new look!
               </Text>
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -1186,7 +1174,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               width={750}
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -1216,7 +1203,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
                 Easier to get around
               </Text>
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -1310,7 +1296,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
               width={750}
             >
               <Text
-                allowFontScaling={false}
                 style={
                   Array [
                     Object {
@@ -1389,7 +1374,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           disabled={false}
           ellipsizeMode="tail"
           numberOfLines={1}