@hero-design/rn-work-uikit 1.8.0 → 1.9.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @hero-design/rn-work-uikit
 
+## 1.9.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
+
+- Updated dependencies [[`52f1ccb86d7c307f93aa95ccf7b9e11ff97e542a`](https://github.com/Thinkei/hero-design/commit/52f1ccb86d7c307f93aa95ccf7b9e11ff97e542a), [`e7d09c0d84402f39f49d9de984b435de75fda538`](https://github.com/Thinkei/hero-design/commit/e7d09c0d84402f39f49d9de984b435de75fda538), [`41d0eb39bb03540a9c2d47c40c79846739ebedcf`](https://github.com/Thinkei/hero-design/commit/41d0eb39bb03540a9c2d47c40c79846739ebedcf)]:
+  - @hero-design/rn@8.111.0
+
+## 1.8.1
+
+### Patch Changes
+
+- [#4262](https://github.com/Thinkei/hero-design/pull/4262) [`7fbdf8736b42b9a9cb1c7ee203c69192b6d12a1f`](https://github.com/Thinkei/hero-design/commit/7fbdf8736b42b9a9cb1c7ee203c69192b6d12a1f) Thanks [@ttkien](https://github.com/ttkien)! - Upgrade react-native 0.77.3
+
+- Updated dependencies [[`7fbdf8736b42b9a9cb1c7ee203c69192b6d12a1f`](https://github.com/Thinkei/hero-design/commit/7fbdf8736b42b9a9cb1c7ee203c69192b6d12a1f)]:
+  - @hero-design/rn@8.110.1
+
 ## 1.8.0
 
 ### Minor Changes

package/lib/index.js

@@ -5504,13 +5504,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")
     }
   };
 };
@@ -7622,29 +7628,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
       }
     }
   };
@@ -8860,17 +8868,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,
@@ -8879,35 +8890,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$2 = 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$2, _extends$1({}, nativeProps, {
     themeIntent: intent,
+    themeIsItalic: fontStyle === 'italic',
     allowFontScaling: allowFontScaling
   }), children);
 };
@@ -8916,17 +8938,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,
@@ -8937,11 +8960,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);
 };
@@ -8962,17 +8988,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,
@@ -8983,11 +9012,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);
 };
@@ -9316,6 +9348,10 @@ var StyledButtonIcon = index$c(Icon)(function (_ref6) {
   }, themeStyling());
 });
 
+/**
+ * @deprecated Use 'primary' | 'secondary' | 'danger' | 'inverted' instead.
+ */
+
 var isIconName = function isIconName(icon) {
   return typeof icon === 'string';
 };
@@ -15299,7 +15335,8 @@ var Accordion = function Accordion(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     style = _ref.style,
-    testID = _ref.testID;
+    testID = _ref.testID,
+    accessible = _ref.accessible;
   var defaultValue = React.useMemo(function () {
     return typeof activeItemKey === 'number' ? NaN : '';
   }, [activeItemKey]);
@@ -15309,7 +15346,8 @@ var Accordion = function Accordion(_ref) {
     _onItemPress = _usePropsOrInternalSt2[1];
   return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$c, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
       props = _objectWithoutProperties(_ref2, _excluded$y);
@@ -15412,6 +15450,11 @@ var AlertIcon = function AlertIcon(_ref) {
     themeIntent: intent
   })) : null;
 };
+
+/**
+ * @deprecated Use 'success' | 'info' | 'warning' | 'error' instead.
+ */
+
 var Alert = function Alert(_ref2) {
   var content = _ref2.content,
     icon = _ref2.icon,
@@ -22134,7 +22177,12 @@ var StyledChipIcon = index$c(Icon)(function (_ref2) {
   };
 });
 
-var _excluded$p = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon"];
+var _excluded$p = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon", "accessible"];
+
+/**
+ * @deprecated Use 'selection' | 'filter' | 'compact' | 'compact-outlined' instead.
+ */
+
 var getChipLabel = function getChipLabel(label) {
   if (typeof label === 'string') {
     return /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
@@ -22167,6 +22215,7 @@ var Chip = function Chip(_ref) {
     onPress = _ref.onPress,
     _ref$showSelectedIcon = _ref.showSelectedIcon,
     showSelectedIcon = _ref$showSelectedIcon === void 0 ? true : _ref$showSelectedIcon,
+    accessible = _ref.accessible,
     otherProps = _objectWithoutProperties(_ref, _excluded$p);
   useDeprecation('Chip variant `outlined` and `filled` are deprecated.', variant === 'outlined' || variant === 'filled');
   var renamedVariant = getChipVariant(variant);
@@ -22177,7 +22226,8 @@ var Chip = function Chip(_ref) {
   return /*#__PURE__*/React__namespace.default.createElement(StyledChipWrapper, _extends$1({
     onPress: onPress,
     themeVariant: renamedVariant,
-    themeSelected: selected
+    themeSelected: selected,
+    accessible: accessible
   }, otherProps), icon && /*#__PURE__*/React__namespace.default.createElement(Box, {
     marginRight: "small"
   }, /*#__PURE__*/React__namespace.default.createElement(StyledChipIcon, {
@@ -26028,7 +26078,8 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     style = _ref2.style,
     testID = _ref2.testID,
     textContentType = _ref2.textContentType,
-    autoComplete = _ref2.autoComplete;
+    autoComplete = _ref2.autoComplete,
+    accessible = _ref2.accessible;
   var inputRef = React.useRef(null);
   var _useState = React.useState(autoFocus),
     _useState2 = _slicedToArray(_useState, 2),
@@ -26090,7 +26141,8 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   }, [trimmedValue]);
   return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$5, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, /*#__PURE__*/React__namespace.default.createElement(StyledPinWrapper, {
     onPress: focus,
     disabled: disabled,
@@ -26786,11 +26838,13 @@ var RadioGroup = function RadioGroup(_ref) {
     keyExtractor = _ref.keyExtractor,
     style = _ref.style,
     testID = _ref.testID,
+    accessible = _ref.accessible,
     _ref$inactiveIntent = _ref.inactiveIntent,
     inactiveIntent = _ref$inactiveIntent === void 0 ? 'light' : _ref$inactiveIntent;
   return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, options.map(function (option, index) {
     return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, {
       key: getKey(option, index, keyExtractor)
@@ -28289,14 +28343,20 @@ var ToolbarItem = function ToolbarItem(_ref3) {
   }));
 };
 
+/**
+ * @deprecated Use 'right' instead.
+ */
+
 var ToolbarGroup = function ToolbarGroup(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'right' : _ref$align,
     _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items;
+    items = _ref$items === void 0 ? [] : _ref$items,
+    accessible = _ref.accessible;
   useDeprecation("Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.", align !== 'right');
   return /*#__PURE__*/React__namespace.default.createElement(ToolbarGroupWrapper, {
-    align: align
+    align: align,
+    accessible: accessible
   }, items.map(function (_ref2) {
     var label = _ref2.label,
       icon = _ref2.icon,
@@ -48277,10 +48337,12 @@ var SearchTwoLine = function SearchTwoLine(props) {
     content = props.content,
     testID = props.testID,
     _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'basic' : _props$variant;
+    variant = _props$variant === void 0 ? 'basic' : _props$variant,
+    accessible = props.accessible;
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$1, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, /*#__PURE__*/React__namespace.default.createElement(StyledInputContainer, {
     themeVariant: variant
   }, renderPrefix({
@@ -48292,7 +48354,7 @@ var SearchTwoLine = function SearchTwoLine(props) {
   })));
 };
 
-var _excluded$5 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable"];
+var _excluded$5 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable", "accessible"];
 var getState$1 = function getState(_ref) {
   var disabled = _ref.disabled,
     editable = _ref.editable,
@@ -48336,6 +48398,7 @@ var SearchOneLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
     variant = _props$variant === void 0 ? 'basic' : _props$variant,
     _props$clearable = props.clearable,
     clearable = _props$clearable === void 0 ? false : _props$clearable,
+    accessible = props.accessible,
     nativeProps = _objectWithoutProperties(props, _excluded$5);
   var _React$useState = React__namespace.default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -48397,7 +48460,8 @@ var SearchOneLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$1, {
     pointerEvents: state === 'disabled' || state === 'readonly' ? 'none' : 'auto',
     testID: testID,
-    style: style
+    style: style,
+    accessible: accessible
   }, /*#__PURE__*/React__namespace.default.createElement(StyledInputContainer, {
     themeVariant: variant
   }, renderPrefix({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn-work-uikit",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -23,7 +23,7 @@
     "@emotion/native": "^11.9.3",
     "@emotion/primitives-core": "11.0.0",
     "@emotion/react": "^11.9.3",
-    "@hero-design/rn": "^8.110.0",
+    "@hero-design/rn": "^8.111.0",
     "hero-editor": "^1.17.0"
   },
   "peerDependencies": {
@@ -32,7 +32,7 @@
     "@react-native-community/datetimepicker": "^3.5.2 || ^7.6.1",
     "@react-native-community/slider": "^4.5.1",
     "react": "18.3.1",
-    "react-native": "0.76.9",
+    "react-native": "0.77.3",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-linear-gradient": "^2.8.3",
     "react-native-pager-view": "^6.7.0",
@@ -61,10 +61,10 @@
     "@react-native-community/cli-platform-ios": "15.0.1",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/slider": "^4.5.1",
-    "@react-native/babel-preset": "0.76.9",
-    "@react-native/eslint-config": "0.76.9",
-    "@react-native/metro-config": "0.76.9",
-    "@react-native/typescript-config": "0.76.9",
+    "@react-native/babel-preset": "0.77.3",
+    "@react-native/eslint-config": "0.77.3",
+    "@react-native/metro-config": "0.77.3",
+    "@react-native/typescript-config": "0.77.3",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
@@ -102,7 +102,7 @@
     "prettier-config-hd": "8.42.4",
     "react": "18.3.1",
     "react-dom": "^18.2.0",
-    "react-native": "0.76.9",
+    "react-native": "0.77.3",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-linear-gradient": "2.8.3",
     "react-native-pager-view": "6.5.1",

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

@@ -161,6 +161,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
               testID="input-label-text"
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
               themeState="filled"
             >
               Start date
@@ -190,6 +191,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
               }
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
               themeState="filled"
             >
                (Optional)
@@ -464,6 +466,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
                   ]
                 }
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular-bold"
               >
@@ -636,6 +639,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
                   themeButtonVariant="text-primary"
                   themeIntent="body"
                   themeIsCompact={false}
+                  themeIsItalic={false}
                   themeIsPressed={false}
                   themeTypeface="neutral"
                   themeVariant="regular-bold"
@@ -813,6 +817,7 @@ exports[`Dialog renders DatePickerAndroid when OS is android 1`] = `
               testID="input-label-text"
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
               themeState="filled"
             >
               Start date
@@ -842,6 +847,7 @@ exports[`Dialog renders DatePickerAndroid when OS is android 1`] = `
               }
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
               themeState="filled"
             >
                (Optional)
@@ -1147,6 +1153,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
               testID="input-label-text"
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
               themeState="filled"
             >
               Start date
@@ -1176,6 +1183,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
               }
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
               themeState="filled"
             >
                (Optional)
@@ -1450,6 +1458,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
                   ]
                 }
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular-bold"
               >
@@ -1622,6 +1631,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
                   themeButtonVariant="text-primary"
                   themeIntent="body"
                   themeIsCompact={false}
+                  themeIsItalic={false}
                   themeIsPressed={false}
                   themeTypeface="neutral"
                   themeVariant="regular-bold"

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

@@ -158,6 +158,7 @@ exports[`FormGroup should render: xxx 1`] = `
             testID="input-label-text"
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="filled"
           >
             Text Input 1
@@ -418,6 +419,7 @@ exports[`FormGroup should render: xxx 1`] = `
             testID="input-label-text-text-input-2"
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="error"
           >
             Text Input 2
@@ -447,6 +449,7 @@ exports[`FormGroup should render: xxx 1`] = `
             }
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="error"
           >
              (Optional)
@@ -618,6 +621,7 @@ exports[`FormGroup should render: xxx 1`] = `
             testID="input-error-message"
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
           >
             This is an error
           </Text>
@@ -786,6 +790,7 @@ exports[`FormGroup should render: xxx 1`] = `
             testID="input-label-text"
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="filled"
           >
             Text Input 3

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

@@ -163,6 +163,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
                   testID="input-label-text"
                   themeFontWeight="regular"
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeState="filled"
                 >
                   Select Label
@@ -192,6 +193,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
                   }
                   themeFontWeight="regular"
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeState="filled"
                 >
                    (Optional)
@@ -472,6 +474,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
                   ]
                 }
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular-bold"
               >
@@ -683,6 +686,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
                   themeButtonVariant="text-primary"
                   themeIntent="body"
                   themeIsCompact={false}
+                  themeIsItalic={false}
                   themeIsPressed={false}
                   themeTypeface="neutral"
                   themeVariant="regular-bold"
@@ -862,6 +866,7 @@ exports[`Select renders correctly (snapshot) 1`] = `
                   testID="input-label-text"
                   themeFontWeight="regular"
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeState="filled"
                 >
                   Select Label
@@ -891,6 +896,7 @@ exports[`Select renders correctly (snapshot) 1`] = `
                   }
                   themeFontWeight="regular"
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeState="filled"
                 >
                    (Optional)
@@ -1171,6 +1177,7 @@ exports[`Select renders correctly (snapshot) 1`] = `
                   ]
                 }
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular-bold"
               >