@hero-design/rn 8.110.1 → 8.112.0

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

@@ -1735,45 +1735,53 @@ exports[`theme returns correct theme object 1`] = `
         "xxxxxlarge": 32,
       },
       "fontWeights": {
-        "body": {
-          "neutral": {
-            "regular": "BeVietnamPro-Regular",
-            "semiBold": "BeVietnamPro-SemiBold",
-          },
-          "playful": {
-            "regular": "Saiga-Regular",
-            "semiBold": "Saiga-Medium",
-          },
-        },
         "titles": {
           "neutral": {
             "h1": "BeVietnamPro-Regular",
+            "h1Italic": "BeVietnamPro-RegularItalic",
             "h2": "BeVietnamPro-SemiBold",
+            "h2Italic": "BeVietnamPro-SemiBoldItalic",
             "h3": "BeVietnamPro-SemiBold",
+            "h3Italic": "BeVietnamPro-SemiBoldItalic",
             "h4": "BeVietnamPro-SemiBold",
+            "h4Italic": "BeVietnamPro-SemiBoldItalic",
             "h5": "BeVietnamPro-SemiBold",
+            "h5Italic": "BeVietnamPro-SemiBoldItalic",
             "h6": "BeVietnamPro-Regular",
+            "h6Italic": "BeVietnamPro-RegularItalic",
           },
           "playful": {
             "h1": "Saiga-Medium",
+            "h1Italic": "Saiga-MediumItalic",
             "h2": "Saiga-Medium",
+            "h2Italic": "Saiga-MediumItalic",
             "h3": "Saiga-Medium",
+            "h3Italic": "Saiga-MediumItalic",
             "h4": "Saiga-Medium",
+            "h4Italic": "Saiga-MediumItalic",
             "h5": "Saiga-Medium",
+            "h5Italic": "Saiga-MediumItalic",
             "h6": "Saiga-Regular",
+            "h6Italic": "Saiga-RegularItalic",
           },
         },
       },
       "fonts": {
         "neutral": {
           "light": "BeVietnamPro-Light",
+          "lightItalic": "BeVietnamPro-LightItalic",
           "regular": "BeVietnamPro-Regular",
+          "regularItalic": "BeVietnamPro-RegularItalic",
           "semiBold": "BeVietnamPro-SemiBold",
+          "semiBoldItalic": "BeVietnamPro-SemiBoldItalic",
         },
         "playful": {
           "light": "Saiga-Light",
+          "lightItalic": "Saiga-LightItalic",
           "regular": "Saiga-Regular",
+          "regularItalic": "Saiga-RegularItalic",
           "semiBold": "Saiga-Medium",
+          "semiBoldItalic": "Saiga-MediumItalic",
         },
       },
       "letterSpacings": {
@@ -1918,13 +1926,19 @@ exports[`theme returns correct theme object 1`] = `
   "fonts": {
     "neutral": {
       "light": "BeVietnamPro-Light",
+      "lightItalic": "BeVietnamPro-LightItalic",
       "regular": "BeVietnamPro-Regular",
+      "regularItalic": "BeVietnamPro-RegularItalic",
       "semiBold": "BeVietnamPro-SemiBold",
+      "semiBoldItalic": "BeVietnamPro-SemiBoldItalic",
     },
     "playful": {
       "light": "Saiga-Light",
+      "lightItalic": "Saiga-LightItalic",
       "regular": "Saiga-Regular",
+      "regularItalic": "Saiga-RegularItalic",
       "semiBold": "Saiga-Medium",
+      "semiBoldItalic": "Saiga-MediumItalic",
     },
   },
   "lineHeights": {

package/src/theme/components/typography.ts

@@ -140,29 +140,31 @@ const getTypographyTheme = (theme: GlobalTheme) => {
     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,
+        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,
+        h5Italic: theme.fonts.playful.semiBoldItalic,
         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,
+        h6Italic: theme.fonts.playful.regularItalic,
       },
     },
   };

package/src/theme/global/typography.ts

@@ -4,6 +4,9 @@ interface FontWeights {
   light: string;
   regular: string;
   semiBold: string;
+  lightItalic: string;
+  regularItalic: string;
+  semiBoldItalic: string;
 }
 
 interface Fonts {
@@ -41,13 +44,19 @@ const getFonts = ({
 }): Fonts => ({
   neutral: {
     light: `${neutral}-Light`,
+    lightItalic: `${neutral}-LightItalic`,
     regular: `${neutral}-Regular`,
+    regularItalic: `${neutral}-RegularItalic`,
     semiBold: `${neutral}-SemiBold`,
+    semiBoldItalic: `${neutral}-SemiBoldItalic`,
   },
   playful: {
     light: `${playful}-Light`,
+    lightItalic: `${playful}-LightItalic`,
     regular: `${playful}-Regular`,
+    regularItalic: `${playful}-RegularItalic`,
     semiBold: `${playful}-Medium`,
+    semiBoldItalic: `${playful}-MediumItalic`,
   },
 });
 

package/src/types.internal.ts

@@ -1,3 +1,17 @@
+/**
+ * INTERNAL TYPES - Do not remove this file
+ *
+ * This file re-exports internal component prop types that include all internal properties.
+ * It's used by:
+ * 1. @hero-design/rn-work-uikit package - provides access to InternalMultiSelectProps,
+ *    InternalSingleSelectProps, etc. for advanced component customization
+ * 2. Internal API exports - referenced by index.internal.ts for type definitions
+ * 3. Build tools - enables proper TypeScript compilation for internal API consumers
+ *
+ * The public types (types.ts) omit internal props to keep the external interface clean,
+ * but this internal version is essential for extending the library with full type safety.
+ */
+
 import { DatePickerProps } from './components/DatePicker/index.internal';
 import type {
   SingleSelectProps,
@@ -6,7 +20,6 @@ import type {
 import { TimePickerProps } from './components/TimePicker/index.internal';
 
 export * from './types';
-
 export {
   SingleSelectProps,
   MultiSelectProps,