@hero-design/rn 8.110.1 → 8.111.0

package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap

@@ -105,6 +105,7 @@ exports[`AvatarStack allow rendering custom surplus 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -194,6 +195,7 @@ exports[`AvatarStack allow rendering custom surplus 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -283,6 +285,7 @@ exports[`AvatarStack allow rendering custom surplus 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -372,6 +375,7 @@ exports[`AvatarStack allow rendering custom surplus 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -461,6 +465,7 @@ exports[`AvatarStack allow rendering custom surplus 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -509,6 +514,7 @@ exports[`AvatarStack allow rendering custom surplus 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >
@@ -645,6 +651,7 @@ exports[`AvatarStack does not render surplus when max is equal or larger than th
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -734,6 +741,7 @@ exports[`AvatarStack does not render surplus when max is equal or larger than th
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -823,6 +831,7 @@ exports[`AvatarStack does not render surplus when max is equal or larger than th
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -912,6 +921,7 @@ exports[`AvatarStack does not render surplus when max is equal or larger than th
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1049,6 +1059,7 @@ exports[`AvatarStack does not render surplus when total is equal to the number o
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1138,6 +1149,7 @@ exports[`AvatarStack does not render surplus when total is equal to the number o
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1227,6 +1239,7 @@ exports[`AvatarStack does not render surplus when total is equal to the number o
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1316,6 +1329,7 @@ exports[`AvatarStack does not render surplus when total is equal to the number o
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1453,6 +1467,7 @@ exports[`AvatarStack render correctly surplus when both max and total are set 1`
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1542,6 +1557,7 @@ exports[`AvatarStack render correctly surplus when both max and total are set 1`
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1590,6 +1606,7 @@ exports[`AvatarStack render correctly surplus when both max and total are set 1`
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >
@@ -1727,6 +1744,7 @@ exports[`AvatarStack renders correctly when variant is horizontal 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1816,6 +1834,7 @@ exports[`AvatarStack renders correctly when variant is horizontal 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1905,6 +1924,7 @@ exports[`AvatarStack renders correctly when variant is horizontal 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -1994,6 +2014,7 @@ exports[`AvatarStack renders correctly when variant is horizontal 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2083,6 +2104,7 @@ exports[`AvatarStack renders correctly when variant is horizontal 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2221,6 +2243,7 @@ exports[`AvatarStack renders correctly when variant is vertical 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2310,6 +2333,7 @@ exports[`AvatarStack renders correctly when variant is vertical 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2399,6 +2423,7 @@ exports[`AvatarStack renders correctly when variant is vertical 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2488,6 +2513,7 @@ exports[`AvatarStack renders correctly when variant is vertical 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2577,6 +2603,7 @@ exports[`AvatarStack renders correctly when variant is vertical 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="small"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2715,6 +2742,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="medium"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2804,6 +2832,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="medium"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2893,6 +2922,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="medium"
           themeTypeface="neutral"
           themeVariant="regular"
@@ -2983,6 +3013,7 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeSize="medium"
           themeTypeface="neutral"
           themeVariant="regular"

package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap

@@ -152,6 +152,7 @@ exports[`StyledText renders correct style 1`] = `
       ]
     }
     themeIntent="body"
+    themeIsItalic={false}
     themeSize="small"
     themeTypeface="neutral"
     themeVariant="regular"

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

@@ -86,6 +86,7 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeSize="small"
         themeTypeface="neutral"
         themeVariant="regular"
@@ -318,6 +319,7 @@ exports[`Avatar shows title when there is no source 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeSize="small"
         themeTypeface="neutral"
         themeVariant="regular"

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

@@ -61,6 +61,7 @@ exports[`Badge has danger style when intent is danger 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="medium"
     >
       DECLINED
@@ -150,6 +151,7 @@ exports[`Badge has info style when intent is info 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="medium"
     >
       SUBMITTED
@@ -239,6 +241,7 @@ exports[`Badge has info style when intent is primary 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="medium"
     >
       PRIMARY
@@ -328,6 +331,7 @@ exports[`Badge has outlined style when variant is outlined 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="medium"
     >
       OUTLINED
@@ -417,6 +421,7 @@ exports[`Badge has small style when size is small 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="small"
     >
       SMALL
@@ -506,6 +511,7 @@ exports[`Badge has success style when intent is success 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="medium"
     >
       APPROVED
@@ -595,6 +601,7 @@ exports[`Badge has warning style when intent is warning 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="medium"
     >
       PENDING
@@ -762,6 +769,7 @@ exports[`Badge renders correctly with custom props 1`] = `
       }
       themeFontWeight="regular"
       themeIntent="body"
+      themeIsItalic={false}
       themeSize="medium"
     >
       50+

package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap

@@ -94,6 +94,7 @@ exports[`Status Badge renders correctly with intent 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

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

@@ -173,6 +173,7 @@ exports[`BottomNavigation renders correctly 1`] = `
               }
               themeFontWeight="semi-bold"
               themeIntent="primary"
+              themeIsItalic={false}
             >
               Home
             </Text>
@@ -243,6 +244,7 @@ exports[`BottomNavigation renders correctly 1`] = `
               }
               themeFontWeight="semi-bold"
               themeIntent="body"
+              themeIsItalic={false}
             >
               Feed
             </Text>
@@ -313,6 +315,7 @@ exports[`BottomNavigation renders correctly 1`] = `
               }
               themeFontWeight="semi-bold"
               themeIntent="body"
+              themeIsItalic={false}
             >
               Alerts
             </Text>
@@ -383,6 +386,7 @@ exports[`BottomNavigation renders correctly 1`] = `
               }
               themeFontWeight="semi-bold"
               themeIntent="body"
+              themeIsItalic={false}
             >
               Profile
             </Text>

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

@@ -214,6 +214,7 @@ exports[`BottomSheet renders correctly with open state 1`] = `
                   ]
                 }
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular-bold"
               >
@@ -554,6 +555,7 @@ exports[`BottomSheet renders floating BottomSheet correctly 1`] = `
                     ]
                   }
                   themeIntent="body"
+                  themeIsItalic={false}
                   themeTypeface="neutral"
                   themeVariant="regular-bold"
                 >

package/src/components/Button/Button.tsx

@@ -16,6 +16,13 @@ import {
   StyledSmallButtonText,
 } from './StyledButton';
 
+/**
+ * @deprecated Use 'primary' | 'secondary' | 'danger' | 'inverted' instead.
+ */
+type DeprecatedIntent = 'white';
+
+type ValidIntent = 'primary' | 'secondary' | 'danger' | 'inverted';
+
 export interface ButtonProps {
   /**
    * Helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.
@@ -35,9 +42,10 @@ export interface ButtonProps {
   icon?: IconName | ReactNode;
   /**
    * Visual intent color to apply to button. It is required for `filled`, `outlined` and `text` variants.
-   *  intent['white'] - @deprecated
+   *
+   * ⚠️ 'white' intent is deprecated and will be removed in the next major release. Please use 'primary' | 'secondary' | 'danger' | 'inverted' instead.
    */
-  intent?: 'primary' | 'secondary' | 'danger' | 'white' | 'inverted';
+  intent?: ValidIntent | DeprecatedIntent;
   /**
    * Loading state of button.
    */
@@ -64,8 +72,6 @@ export interface ButtonProps {
   text?: ReactChild;
   /**
    * Button type.
-   *
-   * variant['filled-secondary' | 'filled-danger' | 'outlined-secondary' | 'outlined-danger'] - @deprecated
    */
   variant?:
     | 'filled'

package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap

@@ -99,6 +99,7 @@ exports[`UtilityButton snapshot has intent primary style 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >
@@ -227,6 +228,7 @@ exports[`UtilityButton snapshot has intent text style 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >

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

@@ -104,6 +104,7 @@ exports[`Button allows render custom icon 1`] = `
       }
       themeButtonVariant="filled-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -236,6 +237,7 @@ exports[`Button renders correctly 1`] = `
       }
       themeButtonVariant="filled-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -517,6 +519,7 @@ exports[`Button renders correctly 3`] = `
       }
       themeButtonVariant="filled-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -621,6 +624,7 @@ exports[`Button renders correctly 4`] = `
       }
       themeButtonVariant="filled-white"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -902,6 +906,7 @@ exports[`Button renders correctly 6`] = `
       }
       themeButtonVariant="filled-white"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -1008,6 +1013,7 @@ exports[`Button renders correctly 7`] = `
       }
       themeButtonVariant="outlined-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -1293,6 +1299,7 @@ exports[`Button renders correctly 9`] = `
       }
       themeButtonVariant="outlined-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -1399,6 +1406,7 @@ exports[`Button renders correctly 10`] = `
       }
       themeButtonVariant="outlined-white"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -1684,6 +1692,7 @@ exports[`Button renders correctly 12`] = `
       }
       themeButtonVariant="outlined-white"
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h5"
       themeTypeface="neutral"
     >
@@ -1789,6 +1798,7 @@ exports[`Button renders correctly 13`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -2072,6 +2082,7 @@ exports[`Button renders correctly 15`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -2178,6 +2189,7 @@ exports[`Button renders correctly 16`] = `
       themeButtonVariant="text-secondary"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -2461,6 +2473,7 @@ exports[`Button renders correctly 18`] = `
       themeButtonVariant="text-secondary"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -2567,6 +2580,7 @@ exports[`Button renders correctly 19`] = `
       themeButtonVariant="text-danger"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -2850,6 +2864,7 @@ exports[`Button renders correctly 21`] = `
       themeButtonVariant="text-danger"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -2956,6 +2971,7 @@ exports[`Button renders correctly 22`] = `
       themeButtonVariant="text-white"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -3239,6 +3255,7 @@ exports[`Button renders correctly 24`] = `
       themeButtonVariant="text-white"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -3345,6 +3362,7 @@ exports[`Button renders correctly 25`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -3627,6 +3645,7 @@ exports[`Button renders correctly 27`] = `
       themeButtonVariant="text-danger"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -3910,6 +3929,7 @@ exports[`Button renders correctly 29`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={false}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
@@ -4021,6 +4041,7 @@ exports[`Button renders correctly 30`] = `
       }
       themeButtonVariant="filled-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -4309,6 +4330,7 @@ exports[`Button renders correctly 32`] = `
       }
       themeButtonVariant="filled-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -4421,6 +4443,7 @@ exports[`Button renders correctly 33`] = `
       }
       themeButtonVariant="outlined-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -4713,6 +4736,7 @@ exports[`Button renders correctly 35`] = `
       }
       themeButtonVariant="outlined-primary"
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -4820,6 +4844,7 @@ exports[`Button renders correctly 36`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -5107,6 +5132,7 @@ exports[`Button renders correctly 38`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -5215,6 +5241,7 @@ exports[`Button renders correctly 39`] = `
       themeButtonVariant="text-secondary"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -5502,6 +5529,7 @@ exports[`Button renders correctly 41`] = `
       themeButtonVariant="text-secondary"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -5610,6 +5638,7 @@ exports[`Button renders correctly 42`] = `
       themeButtonVariant="text-danger"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -5897,6 +5926,7 @@ exports[`Button renders correctly 44`] = `
       themeButtonVariant="text-danger"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -6005,6 +6035,7 @@ exports[`Button renders correctly 45`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -6291,6 +6322,7 @@ exports[`Button renders correctly 47`] = `
       themeButtonVariant="text-danger"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
@@ -6578,6 +6610,7 @@ exports[`Button renders correctly 49`] = `
       themeButtonVariant="text-primary"
       themeIntent="body"
       themeIsCompact={true}
+      themeIsItalic={false}
       themeIsPressed={false}
       themeTypeface="neutral"
       themeVariant="small-bold"