@hero-design/rn 8.12.2 → 8.12.4

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
-@hero-design/rn:build: cache hit, replaying output 11fbf9e3773167e6
-@hero-design/rn:build: $ yarn build:js && yarn build:types
-@hero-design/rn:build: $ rollup -c
-@hero-design/rn:build: 
-@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-@hero-design/rn:build: created lib/index.js, es/index.js in 24.8s
-@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json
+@hero-design/rn:build: cache hit, replaying output c1ce0a6dbcd003d9
+@hero-design/rn:build: $ yarn build:js && yarn build:types
+@hero-design/rn:build: $ rollup -c
+@hero-design/rn:build: 
+@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
+@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
+@hero-design/rn:build: created lib/index.js, es/index.js in 26.9s
+@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/es/index.js

@@ -969,7 +969,7 @@ var blue$1 = colorScales.blue,
   purple$1 = colorScales.purple,
   vermilion$3 = colorScales.vermilion,
   smalt = colorScales.smalt,
-  violet$2 = colorScales.violet,
+  violet$1 = colorScales.violet,
   yellow$1 = colorScales.yellow;
 ({
   black: '#000000',
@@ -1042,16 +1042,16 @@ var blue$1 = colorScales.blue,
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$2.base,
-  violetDark15: violet$2.darken15,
-  violetDark30: violet$2.darken30,
-  violetDark45: violet$2.darken45,
-  violetDark60: violet$2.darken60,
-  violetDark75: violet$2.darken75,
-  violetLight30: violet$2.lighten30,
-  violetLight60: violet$2.lighten60,
-  violetLight75: violet$2.lighten75,
-  violetLight90: violet$2.lighten90,
+  violet: violet$1.base,
+  violetDark15: violet$1.darken15,
+  violetDark30: violet$1.darken30,
+  violetDark45: violet$1.darken45,
+  violetDark60: violet$1.darken60,
+  violetDark75: violet$1.darken75,
+  violetLight30: violet$1.lighten30,
+  violetLight60: violet$1.lighten60,
+  violetLight75: violet$1.lighten75,
+  violetLight90: violet$1.lighten90,
   yellow: yellow$1.base,
   yellowDark15: yellow$1.darken15,
   yellowDark75: yellow$1.darken75,
@@ -1191,8 +1191,8 @@ var currant$1 = colorScales.currant,
   pastelRed = colorScales.pastelRed,
   vermilion = colorScales.vermilion,
   mauve$3 = colorScales.mauve,
-  violet1$2 = colorScales.violet1,
-  violet$1 = colorScales.violet,
+  violet1$3 = colorScales.violet1,
+  violet$2 = colorScales.violet,
   scarletGum$2 = colorScales.scarletGum;
 var palette$6 = {
   currant: currant$1.base,
@@ -1211,18 +1211,18 @@ var palette$6 = {
   pastelRed: pastelRed.base,
   vermilion: vermilion.base,
   mauve: mauve$3.base,
-  violetLight30: violet$1.lighten30,
-  violet1: violet1$2.base,
-  violet: violet$1.base,
+  violetLight30: violet$2.lighten30,
+  violet1: violet1$3.base,
+  violet: violet$2.base,
   scarletGum: scarletGum$2.base
 };
-var violet$3 = colorScales.violet,
+var violet1$2 = colorScales.violet1,
   mauve$2 = colorScales.mauve;
 var palette$5 = Object.assign(Object.assign({}, palette$8), {
-  violet: violet$3.base,
-  violetLight20: violet$3.lighten20,
-  violetLight30: violet$3.lighten30,
-  violetLight90: violet$3.lighten90,
+  violet: violet1$2.base,
+  violetLight20: violet1$2.lighten20,
+  violetLight30: violet1$2.lighten30,
+  violetLight90: violet1$2.lighten90,
   mauve: mauve$2.base,
   mauveLight80: mauve$2.lighten80
 });
@@ -1723,6 +1723,16 @@ var getAvatarTheme = function getAvatarTheme(theme) {
     xxxxlarge: theme.space.xlarge * 1.5,
     xxxxxlarge: theme.space.xxlarge * 1.5
   };
+  var 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
+  };
   var radii = {
     rounded: theme.radii.rounded
   };
@@ -1731,7 +1741,8 @@ var getAvatarTheme = function getAvatarTheme(theme) {
     sizes: sizes,
     radii: radii,
     fonts: fonts,
-    fontSizes: fontSizes
+    fontSizes: fontSizes,
+    lineHeights: lineHeights
   };
 };
 
@@ -1751,6 +1762,9 @@ var getBadgeTheme = function getBadgeTheme(theme) {
   var fontSizes = {
     "default": theme.fontSizes.small
   };
+  var lineHeights = {
+    "default": theme.lineHeights.small
+  };
   var sizes = {
     height: theme.fontSizes.small + theme.sizes.small,
     minWidth: theme.fontSizes.small + theme.sizes.small,
@@ -1767,7 +1781,8 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     fonts: fonts,
     fontSizes: fontSizes,
     sizes: sizes,
-    space: space
+    space: space,
+    lineHeights: lineHeights
   };
 };
 
@@ -2337,6 +2352,10 @@ var getPinInputTheme = function getPinInputTheme(theme) {
     cellText: theme.fontSizes.xxxxlarge,
     errorMessage: theme.fontSizes.small
   };
+  var lineHeights = {
+    cellText: theme.lineHeights.xxxxlarge,
+    errorMessage: theme.fontSizes.small
+  };
   var sizes = {
     cellWidth: theme.sizes.xxlarge,
     cellHeight: theme.sizes.xxxlarge,
@@ -2352,6 +2371,7 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   };
   return {
     borderWidths: borderWidths,
+    lineHeights: lineHeights,
     colors: colors,
     fonts: fonts,
     fontSizes: fontSizes,
@@ -2869,6 +2889,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     archived: theme.colors.onArchivedSurface
   };
   var fontSizes = {
+    xsmall: theme.fontSizes.xsmall,
     small: theme.fontSizes.small,
     medium: theme.fontSizes.medium,
     large: theme.fontSizes.large,
@@ -2880,6 +2901,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     '7xlarge': theme.fontSizes['7xlarge']
   };
   var lineHeights = {
+    xsmall: theme.lineHeights.xsmall,
     small: theme.lineHeights.small,
     medium: theme.lineHeights.medium,
     large: theme.lineHeights.large,
@@ -5956,7 +5978,7 @@ var StyledText$3 = index$a(Text$1)(function (_ref) {
   });
 });
 
-var _excluded$p = ["children", "fontSize", "fontWeight", "intent", "typeface"];
+var _excluded$p = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -5967,12 +5989,15 @@ var Text = function Text(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
+    _ref$allowFontScaling = _ref.allowFontScaling,
+    allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$p);
   return /*#__PURE__*/React.createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
     themeIntent: intent,
-    themeTypeface: typeface
+    themeTypeface: typeface,
+    allowFontScaling: allowFontScaling
   }), children);
 };
 
@@ -6806,12 +6831,15 @@ var StyledTextWrapper$1 = index$a(View)(function () {
     height: '100%'
   };
 });
-var StyledText$2 = index$a(Text$1)(function (_ref2) {
+var StyledText$2 = index$a(Typography.Text)(function (_ref2) {
   var themeSize = _ref2.themeSize,
     theme = _ref2.theme;
   return {
     fontFamily: theme.__hd__.avatar.fonts["default"],
     fontSize: theme.__hd__.avatar.fontSizes[themeSize],
+    lineHeight: 0,
+    textAlignVertical: 'center',
+    textAlign: 'center',
     color: theme.__hd__.avatar.colors.text,
     overflow: 'hidden'
   };
@@ -6960,11 +6988,12 @@ var StyledView$2 = index$a(Animated.View)(function (_ref) {
     paddingHorizontal: themePadding === 'wideContent' ? theme.__hd__.badge.space.horizontalPadding : undefined
   };
 });
-var StyledText$1 = index$a(Text$1)(function (_ref2) {
+var StyledText$1 = index$a(Typography.Text)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     fontFamily: theme.__hd__.badge.fonts["default"],
     fontSize: theme.__hd__.badge.fontSizes["default"],
+    lineHeight: theme.__hd__.badge.lineHeights["default"],
     color: theme.__hd__.badge.colors.text,
     includeFontPadding: false,
     textAlignVertical: 'center',
@@ -11514,7 +11543,7 @@ var StyledErrorAndMaxLengthContainer = index$a(View)(function () {
   };
 });
 
-var _excluded$a = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue"];
+var _excluded$a = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue", "allowFontScaling"];
 var getVariant$1 = function getVariant(_ref) {
   var disabled = _ref.disabled,
     error = _ref.error,
@@ -11560,6 +11589,8 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     value = _ref2.value,
     defaultValue = _ref2.defaultValue,
     renderInputValue = _ref2.renderInputValue,
+    _ref2$allowFontScalin = _ref2.allowFontScaling,
+    allowFontScaling = _ref2$allowFontScalin === void 0 ? false : _ref2$allowFontScalin,
     nativeProps = _objectWithoutProperties(_ref2, _excluded$a);
   var displayText = (_ref3 = value !== undefined ? value : defaultValue) !== null && _ref3 !== void 0 ? _ref3 : '';
   var isEmptyValue = displayText.length === 0;
@@ -11648,7 +11679,8 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     },
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    accessibilityLabelledBy: accessibilityLabelledBy
+    accessibilityLabelledBy: accessibilityLabelledBy,
+    allowFontScaling: allowFontScaling
   }, nativeProps), {}, {
     onFocus: function onFocus(event) {
       var _nativeProps$onFocus;
@@ -12185,7 +12217,7 @@ var StyledWrapper$5 = index$a(View)(function (_ref) {
     padding: theme.__hd__.empty.space.wrapperPadding
   };
 });
-var StyledTitle = index$a(Text$1)(function (_ref2) {
+var StyledTitle = index$a(Typography.Text)(function (_ref2) {
   var theme = _ref2.theme,
     themeVariant = _ref2.themeVariant;
   return {
@@ -12196,7 +12228,7 @@ var StyledTitle = index$a(Text$1)(function (_ref2) {
     color: themeVariant === 'dark' ? theme.__hd__.empty.colors.invertedText : theme.__hd__.empty.colors.text
   };
 });
-var StyledDescription = index$a(Text$1)(function (_ref3) {
+var StyledDescription = index$a(Typography.Text)(function (_ref3) {
   var theme = _ref3.theme,
     themeVariant = _ref3.themeVariant;
   return {
@@ -12253,7 +12285,7 @@ var StyledFABIcon = index$a(Icon)(function (_ref2) {
     textAlign: 'center'
   };
 });
-var StyledFABText = index$a(Text$1)(function (_ref3) {
+var StyledFABText = index$a(Typography.Text)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     fontFamily: theme.__hd__.fab.fonts.title,
@@ -12736,12 +12768,13 @@ var StyledCell = index$a(View)(function (_ref) {
     borderColor: theme.__hd__.pinInput.colors[themeState]
   };
 });
-var StyledCellText = index$a(Text$1)(function (_ref2) {
+var StyledCellText = index$a(Typography.Text)(function (_ref2) {
   var theme = _ref2.theme,
     themeState = _ref2.themeState;
   return {
     fontFamily: theme.__hd__.pinInput.fonts.cellText,
     fontSize: theme.__hd__.pinInput.fontSizes.cellText,
+    lineHeight: theme.__hd__.pinInput.lineHeights.cellText,
     color: theme.__hd__.pinInput.colors[themeState]
   };
 });
@@ -12792,10 +12825,11 @@ var StyledErrorContainer = index$a(View)(function (_ref7) {
   var theme = _ref7.theme;
   return {
     flexDirection: 'row',
-    paddingTop: theme.__hd__.pinInput.space.errorMessagePadding
+    paddingTop: theme.__hd__.pinInput.space.errorMessagePadding,
+    alignItems: 'center'
   };
 });
-var StyledErrorMessage = index$a(Text$1)(function (_ref8) {
+var StyledErrorMessage = index$a(Typography.Text)(function (_ref8) {
   var theme = _ref8.theme;
   return {
     fontFamily: theme.__hd__.pinInput.fonts.errorMessage,
@@ -14804,7 +14838,7 @@ var StyledView = index$a(View)(function (_ref) {
     backgroundColor: backgroundColor
   };
 });
-var StyledText = index$a(Text$1)(function (_ref3) {
+var StyledText = index$a(Typography.Text)(function (_ref3) {
   var themeIntent = _ref3.themeIntent,
     themeVariant = _ref3.themeVariant,
     theme = _ref3.theme;

package/lib/index.js

@@ -998,7 +998,7 @@ var blue$1 = colorScales.blue,
   purple$1 = colorScales.purple,
   vermilion$3 = colorScales.vermilion,
   smalt = colorScales.smalt,
-  violet$2 = colorScales.violet,
+  violet$1 = colorScales.violet,
   yellow$1 = colorScales.yellow;
 ({
   black: '#000000',
@@ -1071,16 +1071,16 @@ var blue$1 = colorScales.blue,
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$2.base,
-  violetDark15: violet$2.darken15,
-  violetDark30: violet$2.darken30,
-  violetDark45: violet$2.darken45,
-  violetDark60: violet$2.darken60,
-  violetDark75: violet$2.darken75,
-  violetLight30: violet$2.lighten30,
-  violetLight60: violet$2.lighten60,
-  violetLight75: violet$2.lighten75,
-  violetLight90: violet$2.lighten90,
+  violet: violet$1.base,
+  violetDark15: violet$1.darken15,
+  violetDark30: violet$1.darken30,
+  violetDark45: violet$1.darken45,
+  violetDark60: violet$1.darken60,
+  violetDark75: violet$1.darken75,
+  violetLight30: violet$1.lighten30,
+  violetLight60: violet$1.lighten60,
+  violetLight75: violet$1.lighten75,
+  violetLight90: violet$1.lighten90,
   yellow: yellow$1.base,
   yellowDark15: yellow$1.darken15,
   yellowDark75: yellow$1.darken75,
@@ -1220,8 +1220,8 @@ var currant$1 = colorScales.currant,
   pastelRed = colorScales.pastelRed,
   vermilion = colorScales.vermilion,
   mauve$3 = colorScales.mauve,
-  violet1$2 = colorScales.violet1,
-  violet$1 = colorScales.violet,
+  violet1$3 = colorScales.violet1,
+  violet$2 = colorScales.violet,
   scarletGum$2 = colorScales.scarletGum;
 var palette$6 = {
   currant: currant$1.base,
@@ -1240,18 +1240,18 @@ var palette$6 = {
   pastelRed: pastelRed.base,
   vermilion: vermilion.base,
   mauve: mauve$3.base,
-  violetLight30: violet$1.lighten30,
-  violet1: violet1$2.base,
-  violet: violet$1.base,
+  violetLight30: violet$2.lighten30,
+  violet1: violet1$3.base,
+  violet: violet$2.base,
   scarletGum: scarletGum$2.base
 };
-var violet$3 = colorScales.violet,
+var violet1$2 = colorScales.violet1,
   mauve$2 = colorScales.mauve;
 var palette$5 = Object.assign(Object.assign({}, palette$8), {
-  violet: violet$3.base,
-  violetLight20: violet$3.lighten20,
-  violetLight30: violet$3.lighten30,
-  violetLight90: violet$3.lighten90,
+  violet: violet1$2.base,
+  violetLight20: violet1$2.lighten20,
+  violetLight30: violet1$2.lighten30,
+  violetLight90: violet1$2.lighten90,
   mauve: mauve$2.base,
   mauveLight80: mauve$2.lighten80
 });
@@ -1752,6 +1752,16 @@ var getAvatarTheme = function getAvatarTheme(theme) {
     xxxxlarge: theme.space.xlarge * 1.5,
     xxxxxlarge: theme.space.xxlarge * 1.5
   };
+  var 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
+  };
   var radii = {
     rounded: theme.radii.rounded
   };
@@ -1760,7 +1770,8 @@ var getAvatarTheme = function getAvatarTheme(theme) {
     sizes: sizes,
     radii: radii,
     fonts: fonts,
-    fontSizes: fontSizes
+    fontSizes: fontSizes,
+    lineHeights: lineHeights
   };
 };
 
@@ -1780,6 +1791,9 @@ var getBadgeTheme = function getBadgeTheme(theme) {
   var fontSizes = {
     "default": theme.fontSizes.small
   };
+  var lineHeights = {
+    "default": theme.lineHeights.small
+  };
   var sizes = {
     height: theme.fontSizes.small + theme.sizes.small,
     minWidth: theme.fontSizes.small + theme.sizes.small,
@@ -1796,7 +1810,8 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     fonts: fonts,
     fontSizes: fontSizes,
     sizes: sizes,
-    space: space
+    space: space,
+    lineHeights: lineHeights
   };
 };
 
@@ -2366,6 +2381,10 @@ var getPinInputTheme = function getPinInputTheme(theme) {
     cellText: theme.fontSizes.xxxxlarge,
     errorMessage: theme.fontSizes.small
   };
+  var lineHeights = {
+    cellText: theme.lineHeights.xxxxlarge,
+    errorMessage: theme.fontSizes.small
+  };
   var sizes = {
     cellWidth: theme.sizes.xxlarge,
     cellHeight: theme.sizes.xxxlarge,
@@ -2381,6 +2400,7 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   };
   return {
     borderWidths: borderWidths,
+    lineHeights: lineHeights,
     colors: colors,
     fonts: fonts,
     fontSizes: fontSizes,
@@ -2898,6 +2918,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     archived: theme.colors.onArchivedSurface
   };
   var fontSizes = {
+    xsmall: theme.fontSizes.xsmall,
     small: theme.fontSizes.small,
     medium: theme.fontSizes.medium,
     large: theme.fontSizes.large,
@@ -2909,6 +2930,7 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     '7xlarge': theme.fontSizes['7xlarge']
   };
   var lineHeights = {
+    xsmall: theme.lineHeights.xsmall,
     small: theme.lineHeights.small,
     medium: theme.lineHeights.medium,
     large: theme.lineHeights.large,
@@ -5985,7 +6007,7 @@ var StyledText$3 = index$a(reactNative.Text)(function (_ref) {
   });
 });
 
-var _excluded$p = ["children", "fontSize", "fontWeight", "intent", "typeface"];
+var _excluded$p = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -5996,12 +6018,15 @@ var Text = function Text(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
+    _ref$allowFontScaling = _ref.allowFontScaling,
+    allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$p);
   return /*#__PURE__*/React__default["default"].createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
     themeIntent: intent,
-    themeTypeface: typeface
+    themeTypeface: typeface,
+    allowFontScaling: allowFontScaling
   }), children);
 };
 
@@ -6835,12 +6860,15 @@ var StyledTextWrapper$1 = index$a(reactNative.View)(function () {
     height: '100%'
   };
 });
-var StyledText$2 = index$a(reactNative.Text)(function (_ref2) {
+var StyledText$2 = index$a(Typography.Text)(function (_ref2) {
   var themeSize = _ref2.themeSize,
     theme = _ref2.theme;
   return {
     fontFamily: theme.__hd__.avatar.fonts["default"],
     fontSize: theme.__hd__.avatar.fontSizes[themeSize],
+    lineHeight: 0,
+    textAlignVertical: 'center',
+    textAlign: 'center',
     color: theme.__hd__.avatar.colors.text,
     overflow: 'hidden'
   };
@@ -6989,11 +7017,12 @@ var StyledView$2 = index$a(reactNative.Animated.View)(function (_ref) {
     paddingHorizontal: themePadding === 'wideContent' ? theme.__hd__.badge.space.horizontalPadding : undefined
   };
 });
-var StyledText$1 = index$a(reactNative.Text)(function (_ref2) {
+var StyledText$1 = index$a(Typography.Text)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     fontFamily: theme.__hd__.badge.fonts["default"],
     fontSize: theme.__hd__.badge.fontSizes["default"],
+    lineHeight: theme.__hd__.badge.lineHeights["default"],
     color: theme.__hd__.badge.colors.text,
     includeFontPadding: false,
     textAlignVertical: 'center',
@@ -11543,7 +11572,7 @@ var StyledErrorAndMaxLengthContainer = index$a(reactNative.View)(function () {
   };
 });
 
-var _excluded$a = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue"];
+var _excluded$a = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue", "allowFontScaling"];
 var getVariant$1 = function getVariant(_ref) {
   var disabled = _ref.disabled,
     error = _ref.error,
@@ -11589,6 +11618,8 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     value = _ref2.value,
     defaultValue = _ref2.defaultValue,
     renderInputValue = _ref2.renderInputValue,
+    _ref2$allowFontScalin = _ref2.allowFontScaling,
+    allowFontScaling = _ref2$allowFontScalin === void 0 ? false : _ref2$allowFontScalin,
     nativeProps = _objectWithoutProperties(_ref2, _excluded$a);
   var displayText = (_ref3 = value !== undefined ? value : defaultValue) !== null && _ref3 !== void 0 ? _ref3 : '';
   var isEmptyValue = displayText.length === 0;
@@ -11677,7 +11708,8 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     },
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    accessibilityLabelledBy: accessibilityLabelledBy
+    accessibilityLabelledBy: accessibilityLabelledBy,
+    allowFontScaling: allowFontScaling
   }, nativeProps), {}, {
     onFocus: function onFocus(event) {
       var _nativeProps$onFocus;
@@ -12214,7 +12246,7 @@ var StyledWrapper$5 = index$a(reactNative.View)(function (_ref) {
     padding: theme.__hd__.empty.space.wrapperPadding
   };
 });
-var StyledTitle = index$a(reactNative.Text)(function (_ref2) {
+var StyledTitle = index$a(Typography.Text)(function (_ref2) {
   var theme = _ref2.theme,
     themeVariant = _ref2.themeVariant;
   return {
@@ -12225,7 +12257,7 @@ var StyledTitle = index$a(reactNative.Text)(function (_ref2) {
     color: themeVariant === 'dark' ? theme.__hd__.empty.colors.invertedText : theme.__hd__.empty.colors.text
   };
 });
-var StyledDescription = index$a(reactNative.Text)(function (_ref3) {
+var StyledDescription = index$a(Typography.Text)(function (_ref3) {
   var theme = _ref3.theme,
     themeVariant = _ref3.themeVariant;
   return {
@@ -12282,7 +12314,7 @@ var StyledFABIcon = index$a(Icon)(function (_ref2) {
     textAlign: 'center'
   };
 });
-var StyledFABText = index$a(reactNative.Text)(function (_ref3) {
+var StyledFABText = index$a(Typography.Text)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     fontFamily: theme.__hd__.fab.fonts.title,
@@ -12765,12 +12797,13 @@ var StyledCell = index$a(reactNative.View)(function (_ref) {
     borderColor: theme.__hd__.pinInput.colors[themeState]
   };
 });
-var StyledCellText = index$a(reactNative.Text)(function (_ref2) {
+var StyledCellText = index$a(Typography.Text)(function (_ref2) {
   var theme = _ref2.theme,
     themeState = _ref2.themeState;
   return {
     fontFamily: theme.__hd__.pinInput.fonts.cellText,
     fontSize: theme.__hd__.pinInput.fontSizes.cellText,
+    lineHeight: theme.__hd__.pinInput.lineHeights.cellText,
     color: theme.__hd__.pinInput.colors[themeState]
   };
 });
@@ -12821,10 +12854,11 @@ var StyledErrorContainer = index$a(reactNative.View)(function (_ref7) {
   var theme = _ref7.theme;
   return {
     flexDirection: 'row',
-    paddingTop: theme.__hd__.pinInput.space.errorMessagePadding
+    paddingTop: theme.__hd__.pinInput.space.errorMessagePadding,
+    alignItems: 'center'
   };
 });
-var StyledErrorMessage = index$a(reactNative.Text)(function (_ref8) {
+var StyledErrorMessage = index$a(Typography.Text)(function (_ref8) {
   var theme = _ref8.theme;
   return {
     fontFamily: theme.__hd__.pinInput.fonts.errorMessage,
@@ -14833,7 +14867,7 @@ var StyledView = index$a(reactNative.View)(function (_ref) {
     backgroundColor: backgroundColor
   };
 });
-var StyledText = index$a(reactNative.Text)(function (_ref3) {
+var StyledText = index$a(Typography.Text)(function (_ref3) {
   var themeIntent = _ref3.themeIntent,
     themeVariant = _ref3.themeVariant,
     theme = _ref3.theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.12.2",
+  "version": "8.12.4",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.12.2",
+    "@hero-design/colors": "8.12.4",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.12.2",
+    "@hero-design/eslint-plugin": "8.12.4",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -60,9 +60,9 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.12.2",
+    "eslint-config-hd": "8.12.4",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.12.2",
+    "prettier-config-hd": "8.12.4",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",