@hero-design/rn 8.110.1 → 8.112.0

package/src/components/Chart/shared/__tests__/__snapshots__/YAxis.spec.tsx.snap

@@ -46,6 +46,7 @@ exports[`YAxis renders correctly on web 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -56,6 +57,7 @@ exports[`YAxis renders correctly on web 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           0
         </Text>
@@ -91,6 +93,7 @@ exports[`YAxis renders correctly on web 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -101,6 +104,7 @@ exports[`YAxis renders correctly on web 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           20
         </Text>
@@ -136,6 +140,7 @@ exports[`YAxis renders correctly on web 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -146,6 +151,7 @@ exports[`YAxis renders correctly on web 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           40
         </Text>
@@ -181,6 +187,7 @@ exports[`YAxis renders correctly on web 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -191,6 +198,7 @@ exports[`YAxis renders correctly on web 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           60
         </Text>
@@ -226,6 +234,7 @@ exports[`YAxis renders correctly on web 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -236,6 +245,7 @@ exports[`YAxis renders correctly on web 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           80
         </Text>
@@ -271,6 +281,7 @@ exports[`YAxis renders correctly on web 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -281,6 +292,7 @@ exports[`YAxis renders correctly on web 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           100
         </Text>
@@ -363,6 +375,7 @@ exports[`YAxis should render correctly 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -373,6 +386,7 @@ exports[`YAxis should render correctly 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           0
         </Text>
@@ -415,6 +429,7 @@ exports[`YAxis should render correctly 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -425,6 +440,7 @@ exports[`YAxis should render correctly 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           20
         </Text>
@@ -467,6 +483,7 @@ exports[`YAxis should render correctly 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -477,6 +494,7 @@ exports[`YAxis should render correctly 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           40
         </Text>
@@ -519,6 +537,7 @@ exports[`YAxis should render correctly 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -529,6 +548,7 @@ exports[`YAxis should render correctly 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           60
         </Text>
@@ -571,6 +591,7 @@ exports[`YAxis should render correctly 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -581,6 +602,7 @@ exports[`YAxis should render correctly 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           80
         </Text>
@@ -623,6 +645,7 @@ exports[`YAxis should render correctly 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -633,6 +656,7 @@ exports[`YAxis should render correctly 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           100
         </Text>
@@ -715,6 +739,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -725,6 +750,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           Label 1
         </Text>
@@ -767,6 +793,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -777,6 +804,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           Label 2
         </Text>
@@ -819,6 +847,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -829,6 +858,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           Label 3
         </Text>
@@ -871,6 +901,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -881,6 +912,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           Label 4
         </Text>
@@ -923,6 +955,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -933,6 +966,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         >
           Label 5
         </Text>
@@ -975,6 +1009,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             [
               {
                 "color": "#4d6265",
+                "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 10,
                 "letterSpacing": 0,
                 "lineHeight": 14,
@@ -985,6 +1020,7 @@ exports[`YAxis should render correctly with labels 1`] = `
             ]
           }
           themeIntent="subdued"
+          themeIsItalic={false}
         />
       </View>
     </RNSVGGroup>

package/src/components/Checkbox/__tests__/__snapshots__/DefaultCheckBox.spec.tsx.snap

@@ -289,6 +289,7 @@ exports[`Checkbox renders correctly when disabled is false and readonly is false
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -414,6 +415,7 @@ exports[`Checkbox renders correctly when disabled is false and readonly is true
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -539,6 +541,7 @@ exports[`Checkbox renders correctly when disabled is true and readonly is false
         ]
       }
       themeIntent="subdued"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -664,6 +667,7 @@ exports[`Checkbox renders correctly when disabled is true and readonly is true 1
         ]
       }
       themeIntent="subdued"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

package/src/components/Checkbox/__tests__/__snapshots__/InlineCheckBox.spec.tsx.snap

@@ -323,6 +323,7 @@ exports[`InlineCheckbox renders correctly when disabled is false and readonly is
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -450,6 +451,7 @@ exports[`InlineCheckbox renders correctly when disabled is false and readonly is
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -577,6 +579,7 @@ exports[`InlineCheckbox renders correctly when disabled is true and readonly is
         ]
       }
       themeIntent="subdued"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -704,6 +707,7 @@ exports[`InlineCheckbox renders correctly when disabled is true and readonly is
         ]
       }
       themeIntent="subdued"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -831,6 +835,7 @@ exports[`InlineCheckbox renders correctly when size is large 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >
@@ -958,6 +963,7 @@ exports[`InlineCheckbox renders correctly when size is medium 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

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

@@ -67,6 +67,7 @@ exports[`Chip does not render selected icon when showSelectedIcon is false 1`] =
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -163,6 +164,7 @@ exports[`Chip renders correctly when selected is false 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -259,6 +261,7 @@ exports[`Chip renders correctly when selected is true 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -427,6 +430,7 @@ exports[`Chip renders correctly with custom icon 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -563,6 +567,7 @@ exports[`Chip renders correctly with custom icon 2`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -660,6 +665,7 @@ exports[`Chip renders correctly with default icon 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -757,6 +763,7 @@ exports[`Chip renders correctly with default icon 2`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -893,6 +900,7 @@ exports[`Chip renders correctly with variant compact and selected false 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -997,6 +1005,7 @@ exports[`Chip renders correctly with variant compact and selected true 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1094,6 +1103,7 @@ exports[`Chip renders correctly with variant compact-outlined and selected false
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1191,6 +1201,7 @@ exports[`Chip renders correctly with variant compact-outlined and selected true
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1327,6 +1338,7 @@ exports[`Chip renders correctly with variant filled and selected false 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1431,6 +1443,7 @@ exports[`Chip renders correctly with variant filled and selected true 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1535,6 +1548,7 @@ exports[`Chip renders correctly with variant filter and selected false 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1639,6 +1653,7 @@ exports[`Chip renders correctly with variant filter and selected true 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1736,6 +1751,7 @@ exports[`Chip renders correctly with variant outlined and selected false 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1833,6 +1849,7 @@ exports[`Chip renders correctly with variant outlined and selected true 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -1962,6 +1979,7 @@ exports[`Chip renders correctly with variant selection and selected false 1`] =
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -2059,6 +2077,7 @@ exports[`Chip renders correctly with variant selection and selected true 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

package/src/components/Chip/index.tsx

@@ -7,6 +7,13 @@ import Typography from '../Typography';
 import { StyledChipIcon, StyledChipWrapper } from './StyledChip';
 import { useDeprecation } from '../../utils/hooks';
 
+/**
+ * @deprecated Use 'selection' | 'filter' | 'compact' | 'compact-outlined' instead.
+ */
+type DeprecatedVariant = 'outlined' | 'filled';
+
+type ValidVariant = 'selection' | 'filter' | 'compact' | 'compact-outlined';
+
 export interface ChipProps extends ViewProps {
   /**
    * The label of the chip.
@@ -15,15 +22,9 @@ export interface ChipProps extends ViewProps {
   /**
    * Variant of the chip.
    *
-   * variant['outlined' | 'filled'] - @deprecated
+   * ⚠️ 'outlined' | 'filled' variants are deprecated and will be removed in the next major release. Please use 'selection' | 'filter' | 'compact' | 'compact-outlined' instead.
    */
-  variant?:
-    | 'selection'
-    | 'filter'
-    | 'compact'
-    | 'compact-outlined'
-    | 'outlined'
-    | 'filled';
+  variant?: ValidVariant | DeprecatedVariant;
   /**
    * Whether the chip is selected.
    */

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

@@ -88,6 +88,7 @@ exports[`rendering renders correctly 1`] = `
       }
       testID="content-navigator-value"
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -255,6 +256,7 @@ exports[`rendering renders correctly when icon buttons are disabled 1`] = `
       }
       testID="content-navigator-value"
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -422,6 +424,7 @@ exports[`rendering renders correctly with large 1`] = `
       }
       testID="content-navigator-value"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >

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

@@ -162,6 +162,7 @@ exports[`DatePicker renders DatePickerAndroid when OS is android 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >
@@ -451,6 +452,7 @@ exports[`DatePicker renders DatePickerIOS when OS is iOS 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >
@@ -740,6 +742,7 @@ exports[`DatePicker renders variant Calendar 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >

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

@@ -162,6 +162,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >

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

@@ -162,6 +162,7 @@ exports[`DatePickerCalendar renders correctly 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >

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

@@ -162,6 +162,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >
@@ -451,6 +452,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
                           ]
                         }
                         themeIntent="body"
+                        themeIsItalic={false}
                         themeTypeface="neutral"
                         themeVariant="regular-bold"
                       >
@@ -632,6 +634,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
                           themeButtonVariant="text-primary"
                           themeIntent="body"
                           themeIsCompact={false}
+                          themeIsItalic={false}
                           themeIsPressed={false}
                           themeTypeface="neutral"
                           themeVariant="regular-bold"
@@ -834,6 +837,7 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >
@@ -1123,6 +1127,7 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
                           ]
                         }
                         themeIntent="body"
+                        themeIsItalic={false}
                         themeTypeface="neutral"
                         themeVariant="regular-bold"
                       >
@@ -1304,6 +1309,7 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
                           themeButtonVariant="text-primary"
                           themeIntent="body"
                           themeIsCompact={false}
+                          themeIsItalic={false}
                           themeIsPressed={false}
                           themeTypeface="neutral"
                           themeVariant="regular-bold"

package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap

@@ -160,6 +160,7 @@ exports[`ActionGroup has active false 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -555,6 +556,7 @@ exports[`ActionGroup has active true 1`] = `
                     ]
                   }
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeTypeface="neutral"
                   themeVariant="regular"
                 >
@@ -674,6 +676,7 @@ exports[`ActionGroup has active true 1`] = `
                     ]
                   }
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeTypeface="neutral"
                   themeVariant="regular"
                 >
@@ -793,6 +796,7 @@ exports[`ActionGroup has active true 1`] = `
                     ]
                   }
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeTypeface="neutral"
                   themeVariant="regular"
                 >
@@ -912,6 +916,7 @@ exports[`ActionGroup has active true 1`] = `
                     ]
                   }
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeTypeface="neutral"
                   themeVariant="regular"
                 >
@@ -1031,6 +1036,7 @@ exports[`ActionGroup has active true 1`] = `
                     ]
                   }
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeTypeface="neutral"
                   themeVariant="regular"
                 >