@hero-design/rn 8.110.1 → 8.111.0

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:2754) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:2763) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
@@ -9,9 +9,9 @@ node_modules/d3-selection/src/selection/index.js -> node_modules/d3-selection/sr
 ...and 12 more
 (!) [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`.
 (!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/_work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 2m 13.6s
+created lib/index.js, es/index.js in 2m 5.7s
 
 /home/runner/_work/hero-design/hero-design/packages/rn/src/locales/en_AU.ts, /home/runner/_work/hero-design/hero-design/packages/rn/src/locales/en_CA.ts, /home/runner/_work/hero-design/hero-design/packages/rn/src/locales/index.ts, /home/runner/_work/hero-design/hero-design/packages/rn/src/locales/types.ts → ., ....
 (!) Generated empty chunks
 "locales/types" and "locales/types"
-created ., . in 35.8s
+created ., . in 38.3s

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hero-design/rn
 
+## 8.111.0
+
+### Minor Changes
+
+- [#4287](https://github.com/Thinkei/hero-design/pull/4287) [`e7d09c0d84402f39f49d9de984b435de75fda538`](https://github.com/Thinkei/hero-design/commit/e7d09c0d84402f39f49d9de984b435de75fda538) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Typography.Body][typography.caption][Typography.Label] Support italic style prop
+
+- [#4277](https://github.com/Thinkei/hero-design/pull/4277) [`41d0eb39bb03540a9c2d47c40c79846739ebedcf`](https://github.com/Thinkei/hero-design/commit/41d0eb39bb03540a9c2d47c40c79846739ebedcf) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Typography.Title] Support italic style
+
+### Patch Changes
+
+- [#4285](https://github.com/Thinkei/hero-design/pull/4285) [`52f1ccb86d7c307f93aa95ccf7b9e11ff97e542a`](https://github.com/Thinkei/hero-design/commit/52f1ccb86d7c307f93aa95ccf7b9e11ff97e542a) Thanks [@haudao-eh](https://github.com/haudao-eh)! - Improve component's deprecated props values typing
+
 ## 8.110.1
 
 ### Patch Changes

package/es/index.js

@@ -5171,13 +5171,19 @@ var getFonts = function getFonts(_ref) {
   return {
     neutral: {
       light: "".concat(neutral, "-Light"),
+      lightItalic: "".concat(neutral, "-LightItalic"),
       regular: "".concat(neutral, "-Regular"),
-      semiBold: "".concat(neutral, "-SemiBold")
+      regularItalic: "".concat(neutral, "-RegularItalic"),
+      semiBold: "".concat(neutral, "-SemiBold"),
+      semiBoldItalic: "".concat(neutral, "-SemiBoldItalic")
     },
     playful: {
       light: "".concat(playful, "-Light"),
+      lightItalic: "".concat(playful, "-LightItalic"),
       regular: "".concat(playful, "-Regular"),
-      semiBold: "".concat(playful, "-Medium")
+      regularItalic: "".concat(playful, "-RegularItalic"),
+      semiBold: "".concat(playful, "-Medium"),
+      semiBoldItalic: "".concat(playful, "-MediumItalic")
     }
   };
 };
@@ -7442,29 +7448,31 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     titles: {
       neutral: {
         h1: theme.fonts.neutral.regular,
+        h1Italic: theme.fonts.neutral.regularItalic,
         h2: theme.fonts.neutral.semiBold,
+        h2Italic: theme.fonts.neutral.semiBoldItalic,
         h3: theme.fonts.neutral.semiBold,
+        h3Italic: theme.fonts.neutral.semiBoldItalic,
         h4: theme.fonts.neutral.semiBold,
+        h4Italic: theme.fonts.neutral.semiBoldItalic,
         h5: theme.fonts.neutral.semiBold,
-        h6: theme.fonts.neutral.regular
+        h5Italic: theme.fonts.neutral.semiBoldItalic,
+        h6: theme.fonts.neutral.regular,
+        h6Italic: theme.fonts.neutral.regularItalic
       },
       playful: {
         h1: theme.fonts.playful.semiBold,
+        h1Italic: theme.fonts.playful.semiBoldItalic,
         h2: theme.fonts.playful.semiBold,
+        h2Italic: theme.fonts.playful.semiBoldItalic,
         h3: theme.fonts.playful.semiBold,
+        h3Italic: theme.fonts.playful.semiBoldItalic,
         h4: theme.fonts.playful.semiBold,
+        h4Italic: theme.fonts.playful.semiBoldItalic,
         h5: theme.fonts.playful.semiBold,
-        h6: theme.fonts.playful.regular
-      }
-    },
-    body: {
-      neutral: {
-        semiBold: theme.fonts.neutral.semiBold,
-        regular: theme.fonts.neutral.regular
-      },
-      playful: {
-        semiBold: theme.fonts.playful.semiBold,
-        regular: theme.fonts.playful.regular
+        h5Italic: theme.fonts.playful.semiBoldItalic,
+        h6: theme.fonts.playful.regular,
+        h6Italic: theme.fonts.playful.regularItalic
       }
     }
   };
@@ -8060,17 +8068,20 @@ var FONTWEIGHT_MAP$1 = {
 var StyledCaption = index$c(Text$1)(function (_ref) {
   var themeFontWeight = _ref.themeFontWeight,
     themeIntent = _ref.themeIntent,
-    theme = _ref.theme;
+    theme = _ref.theme,
+    themeIsItalic = _ref.themeIsItalic;
+  var baseFontWeight = FONTWEIGHT_MAP$1[themeFontWeight];
+  var fontFamily = themeIsItalic ? theme.__hd__.typography.fonts.neutral["".concat(baseFontWeight, "Italic")] : theme.__hd__.typography.fonts.neutral[baseFontWeight];
   return {
     fontSize: theme.__hd__.typography.fontSizes.caption,
     lineHeight: theme.__hd__.typography.lineHeights.caption,
     letterSpacing: themeFontWeight === 'regular' ? 0.36 : 0.24,
     color: theme.__hd__.typography.colors[themeIntent],
-    fontFamily: theme.__hd__.typography.fonts.neutral[FONTWEIGHT_MAP$1[themeFontWeight]]
+    fontFamily: fontFamily
   };
 });
 
-var _excluded$N = ["children", "fontWeight", "intent", "allowFontScaling"];
+var _excluded$N = ["children", "fontWeight", "intent", "allowFontScaling", "fontStyle"];
 var Caption = function Caption(_ref) {
   var children = _ref.children,
     _ref$fontWeight = _ref.fontWeight,
@@ -8079,35 +8090,46 @@ var Caption = function Caption(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$N);
   return /*#__PURE__*/React__default.createElement(StyledCaption, _extends$1({}, nativeProps, {
     themeFontWeight: fontWeight,
     themeIntent: intent,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };
 
 var StyledLabel$1 = index$c(Text$1)(function (_ref) {
   var themeIntent = _ref.themeIntent,
-    theme = _ref.theme;
+    theme = _ref.theme,
+    themeIsItalic = _ref.themeIsItalic;
+  // For Label, we assume 'regular' weight for base font family
+  var baseFontWeight = 'regular';
+  var fontFamily = themeIsItalic ? theme.__hd__.typography.fonts.neutral["".concat(baseFontWeight, "Italic")] : theme.__hd__.typography.fonts.neutral[baseFontWeight];
   return {
     fontSize: theme.__hd__.typography.fontSizes.label,
     lineHeight: theme.__hd__.typography.lineHeights.label,
     letterSpacing: 0,
-    color: theme.__hd__.typography.colors[themeIntent]
+    color: theme.__hd__.typography.colors[themeIntent],
+    fontFamily: fontFamily
   };
 });
 
-var _excluded$M = ["children", "intent", "allowFontScaling"];
+var _excluded$M = ["children", "intent", "allowFontScaling", "fontStyle"];
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$M);
   return /*#__PURE__*/React__default.createElement(StyledLabel$1, _extends$1({}, nativeProps, {
     themeIntent: intent,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };
@@ -8116,17 +8138,18 @@ var StyledTitle$1 = index$c(Text$1)(function (_ref) {
   var themeIntent = _ref.themeIntent,
     themeLevel = _ref.themeLevel,
     theme = _ref.theme,
-    typeface = _ref.themeTypeface;
+    typeface = _ref.themeTypeface,
+    themeIsItalic = _ref.themeIsItalic;
   return {
     fontSize: theme.__hd__.typography.fontSizes.titles[typeface][themeLevel],
     lineHeight: theme.__hd__.typography.lineHeights.titles[typeface][themeLevel],
     letterSpacing: theme.__hd__.typography.letterSpacings.titles[typeface][themeLevel],
-    fontFamily: theme.__hd__.typography.fontWeights.titles[typeface][themeLevel],
-    color: theme.__hd__.typography.colors[themeIntent]
+    color: theme.__hd__.typography.colors[themeIntent],
+    fontFamily: themeIsItalic ? theme.__hd__.typography.fontWeights.titles[typeface]["".concat(themeLevel, "Italic")] : theme.__hd__.typography.fontWeights.titles[typeface][themeLevel]
   };
 });
 
-var _excluded$L = ["children", "intent", "allowFontScaling", "level", "typeface"];
+var _excluded$L = ["children", "intent", "allowFontScaling", "level", "typeface", "fontStyle"];
 var Title = function Title(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -8137,11 +8160,14 @@ var Title = function Title(_ref) {
     level = _ref$level === void 0 ? 'h1' : _ref$level,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$L);
   return /*#__PURE__*/React__default.createElement(StyledTitle$1, _extends$1({}, nativeProps, {
     themeLevel: level,
     themeTypeface: typeface,
     themeIntent: intent,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };
@@ -8162,17 +8188,20 @@ var StyledBody$2 = index$c(Text$1)(function (_ref) {
   var themeIntent = _ref.themeIntent,
     theme = _ref.theme,
     themeTypeface = _ref.themeTypeface,
-    themeVariant = _ref.themeVariant;
+    themeVariant = _ref.themeVariant,
+    themeIsItalic = _ref.themeIsItalic;
+  var baseFontWeight = FONTWEIGHT_MAP[themeVariant];
+  var fontFamily = themeIsItalic ? theme.__hd__.typography.fonts[themeTypeface]["".concat(baseFontWeight, "Italic")] : theme.__hd__.typography.fonts[themeTypeface][baseFontWeight];
   return {
     fontSize: theme.__hd__.typography.fontSizes.body[themeTypeface][FONTSIZE_MAP[themeVariant]],
     lineHeight: theme.__hd__.typography.lineHeights.body[themeTypeface][FONTSIZE_MAP[themeVariant]],
     letterSpacing: theme.__hd__.typography.letterSpacings.body[themeTypeface][FONTWEIGHT_MAP[themeVariant]],
-    fontFamily: theme.__hd__.typography.fontWeights.body[themeTypeface][FONTWEIGHT_MAP[themeVariant]],
+    fontFamily: fontFamily,
     color: theme.__hd__.typography.colors[themeIntent]
   };
 });
 
-var _excluded$K = ["children", "intent", "allowFontScaling", "typeface", "variant"];
+var _excluded$K = ["children", "intent", "allowFontScaling", "typeface", "variant", "fontStyle"];
 var Body = function Body(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -8183,11 +8212,14 @@ var Body = function Body(_ref) {
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$K);
   return /*#__PURE__*/React__default.createElement(StyledBody$2, _extends$1({}, nativeProps, {
     themeTypeface: typeface,
     themeIntent: intent,
     themeVariant: variant,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };

package/lib/index.js

@@ -5200,13 +5200,19 @@ var getFonts = function getFonts(_ref) {
   return {
     neutral: {
       light: "".concat(neutral, "-Light"),
+      lightItalic: "".concat(neutral, "-LightItalic"),
       regular: "".concat(neutral, "-Regular"),
-      semiBold: "".concat(neutral, "-SemiBold")
+      regularItalic: "".concat(neutral, "-RegularItalic"),
+      semiBold: "".concat(neutral, "-SemiBold"),
+      semiBoldItalic: "".concat(neutral, "-SemiBoldItalic")
     },
     playful: {
       light: "".concat(playful, "-Light"),
+      lightItalic: "".concat(playful, "-LightItalic"),
       regular: "".concat(playful, "-Regular"),
-      semiBold: "".concat(playful, "-Medium")
+      regularItalic: "".concat(playful, "-RegularItalic"),
+      semiBold: "".concat(playful, "-Medium"),
+      semiBoldItalic: "".concat(playful, "-MediumItalic")
     }
   };
 };
@@ -7471,29 +7477,31 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     titles: {
       neutral: {
         h1: theme.fonts.neutral.regular,
+        h1Italic: theme.fonts.neutral.regularItalic,
         h2: theme.fonts.neutral.semiBold,
+        h2Italic: theme.fonts.neutral.semiBoldItalic,
         h3: theme.fonts.neutral.semiBold,
+        h3Italic: theme.fonts.neutral.semiBoldItalic,
         h4: theme.fonts.neutral.semiBold,
+        h4Italic: theme.fonts.neutral.semiBoldItalic,
         h5: theme.fonts.neutral.semiBold,
-        h6: theme.fonts.neutral.regular
+        h5Italic: theme.fonts.neutral.semiBoldItalic,
+        h6: theme.fonts.neutral.regular,
+        h6Italic: theme.fonts.neutral.regularItalic
       },
       playful: {
         h1: theme.fonts.playful.semiBold,
+        h1Italic: theme.fonts.playful.semiBoldItalic,
         h2: theme.fonts.playful.semiBold,
+        h2Italic: theme.fonts.playful.semiBoldItalic,
         h3: theme.fonts.playful.semiBold,
+        h3Italic: theme.fonts.playful.semiBoldItalic,
         h4: theme.fonts.playful.semiBold,
+        h4Italic: theme.fonts.playful.semiBoldItalic,
         h5: theme.fonts.playful.semiBold,
-        h6: theme.fonts.playful.regular
-      }
-    },
-    body: {
-      neutral: {
-        semiBold: theme.fonts.neutral.semiBold,
-        regular: theme.fonts.neutral.regular
-      },
-      playful: {
-        semiBold: theme.fonts.playful.semiBold,
-        regular: theme.fonts.playful.regular
+        h5Italic: theme.fonts.playful.semiBoldItalic,
+        h6: theme.fonts.playful.regular,
+        h6Italic: theme.fonts.playful.regularItalic
       }
     }
   };
@@ -8089,17 +8097,20 @@ var FONTWEIGHT_MAP$1 = {
 var StyledCaption = index$c(reactNative.Text)(function (_ref) {
   var themeFontWeight = _ref.themeFontWeight,
     themeIntent = _ref.themeIntent,
-    theme = _ref.theme;
+    theme = _ref.theme,
+    themeIsItalic = _ref.themeIsItalic;
+  var baseFontWeight = FONTWEIGHT_MAP$1[themeFontWeight];
+  var fontFamily = themeIsItalic ? theme.__hd__.typography.fonts.neutral["".concat(baseFontWeight, "Italic")] : theme.__hd__.typography.fonts.neutral[baseFontWeight];
   return {
     fontSize: theme.__hd__.typography.fontSizes.caption,
     lineHeight: theme.__hd__.typography.lineHeights.caption,
     letterSpacing: themeFontWeight === 'regular' ? 0.36 : 0.24,
     color: theme.__hd__.typography.colors[themeIntent],
-    fontFamily: theme.__hd__.typography.fonts.neutral[FONTWEIGHT_MAP$1[themeFontWeight]]
+    fontFamily: fontFamily
   };
 });
 
-var _excluded$N = ["children", "fontWeight", "intent", "allowFontScaling"];
+var _excluded$N = ["children", "fontWeight", "intent", "allowFontScaling", "fontStyle"];
 var Caption = function Caption(_ref) {
   var children = _ref.children,
     _ref$fontWeight = _ref.fontWeight,
@@ -8108,35 +8119,46 @@ var Caption = function Caption(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$N);
   return /*#__PURE__*/React__namespace.default.createElement(StyledCaption, _extends$1({}, nativeProps, {
     themeFontWeight: fontWeight,
     themeIntent: intent,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };
 
 var StyledLabel$1 = index$c(reactNative.Text)(function (_ref) {
   var themeIntent = _ref.themeIntent,
-    theme = _ref.theme;
+    theme = _ref.theme,
+    themeIsItalic = _ref.themeIsItalic;
+  // For Label, we assume 'regular' weight for base font family
+  var baseFontWeight = 'regular';
+  var fontFamily = themeIsItalic ? theme.__hd__.typography.fonts.neutral["".concat(baseFontWeight, "Italic")] : theme.__hd__.typography.fonts.neutral[baseFontWeight];
   return {
     fontSize: theme.__hd__.typography.fontSizes.label,
     lineHeight: theme.__hd__.typography.lineHeights.label,
     letterSpacing: 0,
-    color: theme.__hd__.typography.colors[themeIntent]
+    color: theme.__hd__.typography.colors[themeIntent],
+    fontFamily: fontFamily
   };
 });
 
-var _excluded$M = ["children", "intent", "allowFontScaling"];
+var _excluded$M = ["children", "intent", "allowFontScaling", "fontStyle"];
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$M);
   return /*#__PURE__*/React__namespace.default.createElement(StyledLabel$1, _extends$1({}, nativeProps, {
     themeIntent: intent,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };
@@ -8145,17 +8167,18 @@ var StyledTitle$1 = index$c(reactNative.Text)(function (_ref) {
   var themeIntent = _ref.themeIntent,
     themeLevel = _ref.themeLevel,
     theme = _ref.theme,
-    typeface = _ref.themeTypeface;
+    typeface = _ref.themeTypeface,
+    themeIsItalic = _ref.themeIsItalic;
   return {
     fontSize: theme.__hd__.typography.fontSizes.titles[typeface][themeLevel],
     lineHeight: theme.__hd__.typography.lineHeights.titles[typeface][themeLevel],
     letterSpacing: theme.__hd__.typography.letterSpacings.titles[typeface][themeLevel],
-    fontFamily: theme.__hd__.typography.fontWeights.titles[typeface][themeLevel],
-    color: theme.__hd__.typography.colors[themeIntent]
+    color: theme.__hd__.typography.colors[themeIntent],
+    fontFamily: themeIsItalic ? theme.__hd__.typography.fontWeights.titles[typeface]["".concat(themeLevel, "Italic")] : theme.__hd__.typography.fontWeights.titles[typeface][themeLevel]
   };
 });
 
-var _excluded$L = ["children", "intent", "allowFontScaling", "level", "typeface"];
+var _excluded$L = ["children", "intent", "allowFontScaling", "level", "typeface", "fontStyle"];
 var Title = function Title(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -8166,11 +8189,14 @@ var Title = function Title(_ref) {
     level = _ref$level === void 0 ? 'h1' : _ref$level,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$L);
   return /*#__PURE__*/React__namespace.default.createElement(StyledTitle$1, _extends$1({}, nativeProps, {
     themeLevel: level,
     themeTypeface: typeface,
     themeIntent: intent,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };
@@ -8191,17 +8217,20 @@ var StyledBody$2 = index$c(reactNative.Text)(function (_ref) {
   var themeIntent = _ref.themeIntent,
     theme = _ref.theme,
     themeTypeface = _ref.themeTypeface,
-    themeVariant = _ref.themeVariant;
+    themeVariant = _ref.themeVariant,
+    themeIsItalic = _ref.themeIsItalic;
+  var baseFontWeight = FONTWEIGHT_MAP[themeVariant];
+  var fontFamily = themeIsItalic ? theme.__hd__.typography.fonts[themeTypeface]["".concat(baseFontWeight, "Italic")] : theme.__hd__.typography.fonts[themeTypeface][baseFontWeight];
   return {
     fontSize: theme.__hd__.typography.fontSizes.body[themeTypeface][FONTSIZE_MAP[themeVariant]],
     lineHeight: theme.__hd__.typography.lineHeights.body[themeTypeface][FONTSIZE_MAP[themeVariant]],
     letterSpacing: theme.__hd__.typography.letterSpacings.body[themeTypeface][FONTWEIGHT_MAP[themeVariant]],
-    fontFamily: theme.__hd__.typography.fontWeights.body[themeTypeface][FONTWEIGHT_MAP[themeVariant]],
+    fontFamily: fontFamily,
     color: theme.__hd__.typography.colors[themeIntent]
   };
 });
 
-var _excluded$K = ["children", "intent", "allowFontScaling", "typeface", "variant"];
+var _excluded$K = ["children", "intent", "allowFontScaling", "typeface", "variant", "fontStyle"];
 var Body = function Body(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -8212,11 +8241,14 @@ var Body = function Body(_ref) {
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
     nativeProps = _objectWithoutProperties(_ref, _excluded$K);
   return /*#__PURE__*/React__namespace.default.createElement(StyledBody$2, _extends$1({}, nativeProps, {
     themeTypeface: typeface,
     themeIntent: intent,
     themeVariant: variant,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.110.1",
+  "version": "8.111.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap

@@ -72,6 +72,7 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >
@@ -150,6 +151,7 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -254,6 +256,7 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular-bold"
       >
@@ -332,6 +335,7 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -436,6 +440,7 @@ exports[`AccordionItem renders correctly when open 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular-bold"
       >
@@ -514,6 +519,7 @@ exports[`AccordionItem renders correctly when open 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -618,6 +624,7 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular-bold"
       >
@@ -696,6 +703,7 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >

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

@@ -80,6 +80,7 @@ exports[`Accordion allows fully controlled 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -158,6 +159,7 @@ exports[`Accordion allows fully controlled 1`] = `
                 ]
               }
               themeIntent="body"
+              themeIsItalic={false}
               themeTypeface="neutral"
               themeVariant="regular"
             >
@@ -231,6 +233,7 @@ exports[`Accordion allows fully controlled 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -309,6 +312,7 @@ exports[`Accordion allows fully controlled 1`] = `
                 ]
               }
               themeIntent="body"
+              themeIsItalic={false}
               themeTypeface="neutral"
               themeVariant="regular"
             >
@@ -422,6 +426,7 @@ exports[`Accordion renders correctly 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -500,6 +505,7 @@ exports[`Accordion renders correctly 1`] = `
                 ]
               }
               themeIntent="body"
+              themeIsItalic={false}
               themeTypeface="neutral"
               themeVariant="regular"
             >
@@ -573,6 +579,7 @@ exports[`Accordion renders correctly 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -651,6 +658,7 @@ exports[`Accordion renders correctly 1`] = `
                 ]
               }
               themeIntent="body"
+              themeIsItalic={false}
               themeTypeface="neutral"
               themeVariant="regular"
             >
@@ -764,6 +772,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -842,6 +851,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
                 ]
               }
               themeIntent="body"
+              themeIsItalic={false}
               themeTypeface="neutral"
               themeVariant="regular"
             >
@@ -926,6 +936,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -1004,6 +1015,7 @@ exports[`Accordion renders correctly when variant is card 1`] = `
                 ]
               }
               themeIntent="body"
+              themeIsItalic={false}
               themeTypeface="neutral"
               themeVariant="regular"
             >