@hero-design/rn 8.110.0 → 8.111.0

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

@@ -145,6 +145,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="filled"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -168,6 +169,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -271,6 +273,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
         >
           This is helper text
         </Text>
@@ -298,6 +301,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           4
@@ -475,6 +479,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="filled"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -498,6 +503,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -600,6 +606,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
         >
           This is helper text
         </Text>
@@ -627,6 +634,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           4
@@ -804,6 +812,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="filled"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -827,6 +836,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -930,6 +940,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
         >
           This is helper text
         </Text>
@@ -957,6 +968,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="filled"
         >
           4
@@ -1119,6 +1131,7 @@ exports[`TextInput disabled renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="disabled"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -1142,6 +1155,7 @@ exports[`TextInput disabled renders correctly 1`] = `
             }
             testID="input-label-text-disabled-text-input"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -1397,6 +1411,7 @@ exports[`TextInput error renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="error"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -1420,6 +1435,7 @@ exports[`TextInput error renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -1556,6 +1572,7 @@ exports[`TextInput error renders correctly 1`] = `
             testID="input-error-message"
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
           >
             This field is required
           </Text>
@@ -1725,6 +1742,7 @@ exports[`TextInput filled renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -1995,6 +2013,7 @@ exports[`TextInput helper text renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="default"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -2018,6 +2037,7 @@ exports[`TextInput helper text renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -2118,6 +2138,7 @@ exports[`TextInput helper text renders correctly 1`] = `
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
         >
           This is helper text
         </Text>
@@ -2289,6 +2310,7 @@ exports[`TextInput idle renders correctly 1`] = `
             }
             testID="input-label-text-idle-text-input"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -2558,6 +2580,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="default"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -2581,6 +2604,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -3050,6 +3074,7 @@ exports[`TextInput max length renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="error"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -3073,6 +3098,7 @@ exports[`TextInput max length renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -3211,6 +3237,7 @@ exports[`TextInput max length renders correctly 1`] = `
             testID="input-error-message"
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
           >
             must not exceed character limit
           </Text>
@@ -3239,6 +3266,7 @@ exports[`TextInput max length renders correctly 1`] = `
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
           themeState="error"
         >
           18
@@ -3400,6 +3428,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="error"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -3423,6 +3452,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -3561,6 +3591,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
             testID="input-error-message"
             themeFontWeight="regular"
             themeIntent="body"
+            themeIsItalic={false}
           >
             must not exceed character limit
           </Text>
@@ -3736,6 +3767,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="default"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -3759,6 +3791,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -3859,6 +3892,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
           }
           themeFontWeight="regular"
           themeIntent="body"
+          themeIsItalic={false}
         >
           This is helper text
         </Text>
@@ -4033,6 +4067,7 @@ exports[`TextInput readonly renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="readonly"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -4056,6 +4091,7 @@ exports[`TextInput readonly renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -4304,6 +4340,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -4559,6 +4596,7 @@ exports[`TextInput required renders correctly 1`] = `
             }
             testID="input-label-asterisk"
             themeIntent="body"
+            themeIsItalic={false}
             themeState="default"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -4582,6 +4620,7 @@ exports[`TextInput required renders correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -4829,6 +4868,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
             }
             testID="input-label-text"
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap

@@ -162,6 +162,7 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >
@@ -263,6 +264,7 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
               }
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
             >
               This is help text
             </Text>
@@ -456,6 +458,7 @@ exports[`TimePickerAndroid renders correctly 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap

@@ -162,6 +162,7 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >
@@ -263,6 +264,7 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
               }
               themeFontWeight="regular"
               themeIntent="body"
+              themeIsItalic={false}
             >
               This is help text
             </Text>
@@ -456,6 +458,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                 }
                 testID="input-label-text"
                 themeIntent="body"
+                themeIsItalic={false}
                 themeTypeface="neutral"
                 themeVariant="regular"
               >
@@ -745,6 +748,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                           ]
                         }
                         themeIntent="body"
+                        themeIsItalic={false}
                         themeTypeface="neutral"
                         themeVariant="regular-bold"
                       >
@@ -925,6 +929,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                           themeButtonVariant="text-primary"
                           themeIntent="body"
                           themeIsCompact={false}
+                          themeIsItalic={false}
                           themeIsPressed={false}
                           themeTypeface="neutral"
                           themeVariant="regular-bold"

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

@@ -114,6 +114,7 @@ exports[`Toast Icon render custom icon correctly 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="small"
         >
@@ -259,6 +260,7 @@ exports[`Toast renders correctly when intent is error 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="small"
         >
@@ -323,6 +325,7 @@ exports[`Toast renders correctly when intent is error 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="small-bold"
       >
@@ -467,6 +470,7 @@ exports[`Toast renders correctly when intent is info 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="small"
         >
@@ -531,6 +535,7 @@ exports[`Toast renders correctly when intent is info 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="small-bold"
       >
@@ -643,6 +648,7 @@ exports[`Toast renders correctly when intent is notification 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="small"
         >
@@ -707,6 +713,7 @@ exports[`Toast renders correctly when intent is notification 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="small-bold"
       >
@@ -819,6 +826,7 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="small"
         >
@@ -883,6 +891,7 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="small-bold"
       >
@@ -1027,6 +1036,7 @@ exports[`Toast renders correctly when intent is success 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="small"
         >
@@ -1091,6 +1101,7 @@ exports[`Toast renders correctly when intent is success 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="small-bold"
       >
@@ -1235,6 +1246,7 @@ exports[`Toast renders correctly when intent is warning 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="small"
         >
@@ -1299,6 +1311,7 @@ exports[`Toast renders correctly when intent is warning 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="small-bold"
       >

package/src/components/Toolbar/ToolbarGroup.tsx

@@ -4,6 +4,13 @@ import ToolbarItem from './ToolbarItem';
 import type { ToolbarItemProps } from './ToolbarItem';
 import { useDeprecation } from '../../utils/hooks';
 
+/**
+ * @deprecated Use 'right' instead.
+ */
+type DeprecatedAlign = 'left' | 'center';
+
+type ValidAlign = 'right';
+
 export interface ToolbarGroupProps {
   /**
    * List of action items in the toolbar group.
@@ -11,21 +18,28 @@ export interface ToolbarGroupProps {
   items?: ToolbarItemProps[];
   /**
    * Alignment of the items in the group.
+   *
+   * ⚠️ 'left' | 'center' alignments are deprecated and will be removed in the next major release. Please use 'right' instead.
    */
+  align: ValidAlign | DeprecatedAlign;
   /**
-   * align['left' | 'center'] - @deprecated Use align['right'] instead.
+   * If true, indicates that the ToolbarGroup is accessible to screen readers.
    */
-  align: 'left' | 'center' | 'right';
+  accessible?: boolean;
 }
 
-const ToolbarGroup = ({ align = 'right', items = [] }: ToolbarGroupProps) => {
+const ToolbarGroup = ({
+  align = 'right',
+  items = [],
+  accessible,
+}: ToolbarGroupProps) => {
   useDeprecation(
     "Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.",
     align !== 'right'
   );
 
   return (
-    <ToolbarGroupWrapper align={align}>
+    <ToolbarGroupWrapper align={align} accessible={accessible}>
       {items.map(({ label, icon, onPress, disabled, intent }) => (
         <ToolbarItem
           key={`${label}-${icon}`}

package/src/components/Toolbar/__tests__/ToolbarGroup.spec.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
 import ToolbarGroup from '../ToolbarGroup';
+import * as DeprecationHook from '../../../utils/hooks';
 
 describe('ToolbarGroup', () => {
   it.each`
@@ -9,8 +10,9 @@ describe('ToolbarGroup', () => {
     ${'right'}
     ${'center'}
   `('renders correctly with when align is $align', ({ align }) => {
-    const { toJSON } = renderWithTheme(
+    const { toJSON, getAllByText } = renderWithTheme(
       <ToolbarGroup
+        accessible
         align={align}
         items={[
           {
@@ -28,5 +30,36 @@ describe('ToolbarGroup', () => {
     );
 
     expect(toJSON()).toMatchSnapshot();
+
+    expect(getAllByText('Discard')).toHaveLength(1);
+    expect(getAllByText('Print')).toHaveLength(1);
+  });
+
+  describe('Deprecation Warning', () => {
+    const deprecationSpy = jest.spyOn(DeprecationHook, 'useDeprecation');
+
+    it.each`
+      align       | shouldWarn
+      ${'left'}   | ${true}
+      ${'center'} | ${true}
+      ${'right'}  | ${false}
+    `(
+      'should show deprecation warning for align=$align is $shouldWarn',
+      ({ align, shouldWarn }) => {
+        renderWithTheme(<ToolbarGroup align={align} items={[]} />);
+
+        if (shouldWarn) {
+          expect(deprecationSpy).toHaveBeenCalledWith(
+            "Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.",
+            true
+          );
+        } else {
+          expect(deprecationSpy).toHaveBeenCalledWith(
+            "Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.",
+            false
+          );
+        }
+      }
+    );
   });
 });

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap

@@ -9,6 +9,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
   }
 >
   <View
+    accessible={true}
     align="center"
     style={
       [
@@ -112,6 +113,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
             ]
           }
           themeIntent="primary"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -209,6 +211,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
             ]
           }
           themeIntent="primary"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -249,6 +252,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
   }
 >
   <View
+    accessible={true}
     align="left"
     style={
       [
@@ -352,6 +356,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
             ]
           }
           themeIntent="primary"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -449,6 +454,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
             ]
           }
           themeIntent="primary"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -489,6 +495,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
   }
 >
   <View
+    accessible={true}
     align="right"
     style={
       [
@@ -592,6 +599,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
             ]
           }
           themeIntent="primary"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >
@@ -689,6 +697,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
             ]
           }
           themeIntent="primary"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular-bold"
         >

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap

@@ -98,6 +98,7 @@ exports[`ToolbarItems renders correctly when disabled 1`] = `
           ]
         }
         themeIntent="subdued"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular-bold"
       >
@@ -196,6 +197,7 @@ exports[`ToolbarItems renders correctly when intent is danger, icon is undefined
         ]
       }
       themeIntent="danger"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
     >
@@ -293,6 +295,7 @@ exports[`ToolbarItems renders correctly when intent is info, icon is undefined,
         ]
       }
       themeIntent="info"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
     >
@@ -420,6 +423,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
           ]
         }
         themeIntent="primary"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular-bold"
       >
@@ -548,6 +552,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
           ]
         }
         themeIntent="subdued"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular-bold"
       >
@@ -748,6 +753,7 @@ exports[`ToolbarItems renders correctly when intent is success, icon is undefine
         ]
       }
       themeIntent="success"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
     >
@@ -845,6 +851,7 @@ exports[`ToolbarItems renders correctly when intent is warning, icon is undefine
         ]
       }
       themeIntent="warning"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular-bold"
     >