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

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

@@ -73,7 +73,6 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -100,7 +99,6 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
         *
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -165,7 +163,6 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         defaultValue="1000"
         editable={true}
         maxLength={255}
@@ -217,7 +214,6 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -243,7 +239,6 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
         This is helper text
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -355,7 +350,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -382,7 +376,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
         *
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -447,7 +440,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         defaultValue="1000"
         editable={true}
         maxLength={255}
@@ -498,7 +490,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -524,7 +515,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
         This is helper text
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -636,7 +626,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -663,7 +652,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
         *
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -728,7 +716,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         defaultValue="1000"
         editable={true}
         maxLength={255}
@@ -780,7 +767,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -806,7 +792,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
         This is helper text
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -919,7 +904,6 @@ exports[`TextInput disabled renders correctly 1`] = `
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -946,7 +930,6 @@ exports[`TextInput disabled renders correctly 1`] = `
         *
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -996,7 +979,6 @@ exports[`TextInput disabled renders correctly 1`] = `
             "disabled": true,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -1149,7 +1131,6 @@ exports[`TextInput error renders correctly 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -1177,7 +1158,6 @@ exports[`TextInput error renders correctly 1`] = `
           *
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -1216,7 +1196,6 @@ exports[`TextInput error renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -1294,7 +1273,6 @@ exports[`TextInput error renders correctly 1`] = `
           themeSize="xsmall"
         />
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -1401,7 +1379,6 @@ exports[`TextInput filled renders correctly 1`] = `
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -1466,7 +1443,6 @@ exports[`TextInput filled renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -1634,7 +1610,6 @@ exports[`TextInput helper text renders correctly 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -1662,7 +1637,6 @@ exports[`TextInput helper text renders correctly 1`] = `
           *
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -1701,7 +1675,6 @@ exports[`TextInput helper text renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -1750,7 +1723,6 @@ exports[`TextInput helper text renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -1883,7 +1855,6 @@ exports[`TextInput idle renders correctly 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -1922,7 +1893,6 @@ exports[`TextInput idle renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -2089,7 +2059,6 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -2117,7 +2086,6 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
           *
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -2156,7 +2124,6 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -2313,7 +2280,6 @@ exports[`TextInput loading renders correctly 1`] = `
             "disabled": true,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -2465,7 +2431,6 @@ exports[`TextInput max length renders correctly 1`] = `
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -2492,7 +2457,6 @@ exports[`TextInput max length renders correctly 1`] = `
         *
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -2542,7 +2506,6 @@ exports[`TextInput max length renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         maxLength={255}
         multiline={true}
@@ -2623,7 +2586,6 @@ exports[`TextInput max length renders correctly 1`] = `
           themeSize="xsmall"
         />
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -2653,7 +2615,6 @@ exports[`TextInput max length renders correctly 1`] = `
         </Text>
       </View>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -2792,7 +2753,6 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -2820,7 +2780,6 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
           *
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -2859,7 +2818,6 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -2908,7 +2866,6 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -3011,7 +2968,6 @@ exports[`TextInput readonly renders correctly 1`] = `
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -3038,7 +2994,6 @@ exports[`TextInput readonly renders correctly 1`] = `
         *
       </Text>
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -3103,7 +3058,6 @@ exports[`TextInput readonly renders correctly 1`] = `
             "disabled": true,
           }
         }
-        allowFontScaling={false}
         editable={false}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -3244,7 +3198,6 @@ exports[`TextInput ref ref methods work correctly 1`] = `
       testID="label-container"
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -3294,7 +3247,6 @@ exports[`TextInput ref ref methods work correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -3447,7 +3399,6 @@ exports[`TextInput required renders correctly 1`] = `
         }
       >
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -3475,7 +3426,6 @@ exports[`TextInput required renders correctly 1`] = `
           *
         </Text>
         <Text
-          allowFontScaling={false}
           style={
             Array [
               Object {
@@ -3514,7 +3464,6 @@ exports[`TextInput required renders correctly 1`] = `
             "disabled": false,
           }
         }
-        allowFontScaling={false}
         editable={true}
         onBlur={[Function]}
         onChangeText={[Function]}

package/src/components/TextInput/index.tsx

@@ -161,7 +161,6 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
       value,
       defaultValue,
       renderInputValue,
-      allowFontScaling = false,
       ...nativeProps
     }: TextInputProps,
     ref?: React.Ref<TextInputHandles>
@@ -252,7 +251,6 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       accessibilityLabelledBy,
-      allowFontScaling,
       ...nativeProps,
       onFocus: (event) => {
         setIsFocused(true);

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap

@@ -99,7 +99,6 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
           testID="label-container"
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -149,7 +148,6 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
                 "disabled": false,
               }
             }
-            allowFontScaling={false}
             editable={true}
             onBlur={[Function]}
             onChangeText={[Function]}
@@ -199,7 +197,6 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -330,7 +327,6 @@ exports[`TimePickerAndroid renders correctly 1`] = `
           testID="label-container"
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -380,7 +376,6 @@ exports[`TimePickerAndroid renders correctly 1`] = `
                 "disabled": false,
               }
             }
-            allowFontScaling={false}
             editable={true}
             onBlur={[Function]}
             onChangeText={[Function]}

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap

@@ -99,7 +99,6 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
           testID="label-container"
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -149,7 +148,6 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
                 "disabled": false,
               }
             }
-            allowFontScaling={false}
             editable={true}
             onBlur={[Function]}
             onChangeText={[Function]}
@@ -199,7 +197,6 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
           }
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -330,7 +327,6 @@ exports[`TimePickerIOS renders correctly 1`] = `
           testID="label-container"
         >
           <Text
-            allowFontScaling={false}
             style={
               Array [
                 Object {
@@ -380,7 +376,6 @@ exports[`TimePickerIOS renders correctly 1`] = `
                 "disabled": false,
               }
             }
-            allowFontScaling={false}
             editable={true}
             onBlur={[Function]}
             onChangeText={[Function]}
@@ -606,7 +601,6 @@ exports[`TimePickerIOS renders correctly 1`] = `
                     }
                   >
                     <Text
-                      allowFontScaling={false}
                       style={
                         Array [
                           Object {
@@ -746,7 +740,6 @@ exports[`TimePickerIOS renders correctly 1`] = `
                       }
                     >
                       <Text
-                        allowFontScaling={false}
                         disabled={false}
                         ellipsizeMode="tail"
                         numberOfLines={1}

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

@@ -82,7 +82,6 @@ exports[`Toast Icon render custom icon correctly 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -189,7 +188,6 @@ exports[`Toast renders correctly when intent is error 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -232,7 +230,6 @@ exports[`Toast renders correctly when intent is error 1`] = `
     testID="toast-action-button"
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -338,7 +335,6 @@ exports[`Toast renders correctly when intent is info 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -381,7 +377,6 @@ exports[`Toast renders correctly when intent is info 1`] = `
     testID="toast-action-button"
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -460,7 +455,6 @@ exports[`Toast renders correctly when intent is notification 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -503,7 +497,6 @@ exports[`Toast renders correctly when intent is notification 1`] = `
     testID="toast-action-button"
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -582,7 +575,6 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -625,7 +617,6 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
     testID="toast-action-button"
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -731,7 +722,6 @@ exports[`Toast renders correctly when intent is success 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -774,7 +764,6 @@ exports[`Toast renders correctly when intent is success 1`] = `
     testID="toast-action-button"
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -880,7 +869,6 @@ exports[`Toast renders correctly when intent is warning 1`] = `
       }
     >
       <Text
-        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -923,7 +911,6 @@ exports[`Toast renders correctly when intent is warning 1`] = `
     testID="toast-action-button"
   >
     <Text
-      allowFontScaling={false}
       style={
         Array [
           Object {

package/src/components/Typography/Text/index.tsx

@@ -66,7 +66,6 @@ const Text = ({
   fontWeight = 'regular',
   intent = 'body',
   typeface = 'neutral',
-  allowFontScaling = false,
   ...nativeProps
 }: TextProps) => (
   <StyledText
@@ -75,7 +74,6 @@ const Text = ({
     themeFontWeight={fontWeight}
     themeIntent={intent}
     themeTypeface={typeface}
-    allowFontScaling={allowFontScaling}
   >
     {children}
   </StyledText>

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -80,16 +80,6 @@ Object {
       "fonts": Object {
         "default": "BeVietnamPro-Regular",
       },
-      "lineHeights": Object {
-        "large": 28,
-        "medium": 26,
-        "small": 24,
-        "xlarge": 32,
-        "xxlarge": 44,
-        "xxxlarge": 36,
-        "xxxxlarge": 39,
-        "xxxxxlarge": 42,
-      },
       "radii": Object {
         "rounded": 999,
       },
@@ -120,9 +110,6 @@ Object {
       "fonts": Object {
         "default": "BeVietnamPro-SemiBold",
       },
-      "lineHeights": Object {
-        "default": 20,
-      },
       "sizes": Object {
         "height": 20,
         "minWidth": 20,
@@ -573,10 +560,6 @@ Object {
         "cellText": "BeVietnamPro-SemiBold",
         "errorMessage": "BeVietnamPro-Regular",
       },
-      "lineHeights": Object {
-        "cellText": 36,
-        "errorMessage": 12,
-      },
       "radii": Object {
         "cell": 8,
         "mask": 999,

package/src/theme/components/avatar.ts

@@ -35,22 +35,12 @@ const getAvatarTheme = (theme: GlobalTheme) => {
     xxxxlarge: theme.space.xlarge * 1.5,
     xxxxxlarge: theme.space.xxlarge * 1.5,
   };
-  const lineHeights = {
-    small: theme.lineHeights.large,
-    medium: theme.lineHeights.xlarge,
-    large: theme.lineHeights.xxlarge,
-    xlarge: theme.lineHeights.xxxlarge,
-    xxlarge: theme.lineHeights.medium * 2,
-    xxxlarge: theme.lineHeights.large * 1.5,
-    xxxxlarge: theme.lineHeights.xlarge * 1.5,
-    xxxxxlarge: theme.lineHeights.xxlarge * 1.5,
-  };
 
   const radii = {
     rounded: theme.radii.rounded,
   };
 
-  return { colors, sizes, radii, fonts, fontSizes, lineHeights };
+  return { colors, sizes, radii, fonts, fontSizes };
 };
 
 export default getAvatarTheme;

package/src/theme/components/badge.ts

@@ -19,10 +19,6 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     default: theme.fontSizes.small,
   };
 
-  const lineHeights = {
-    default: theme.lineHeights.small,
-  };
-
   const sizes = {
     height: theme.fontSizes.small + theme.sizes.small,
     minWidth: theme.fontSizes.small + theme.sizes.small,
@@ -36,7 +32,7 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     statusPositionRight: -theme.space.xxsmall,
   };
 
-  return { colors, fonts, fontSizes, sizes, space, lineHeights };
+  return { colors, fonts, fontSizes, sizes, space };
 };
 
 export default getBadgeTheme;