npm - @hero-design/rn - Versions diffs - 8.110.0 → 8.111.0 - Mend

@hero-design/rn 8.110.0 → 8.111.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

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

@@ -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/Drawer/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -316,15 +316,19 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
       onStartShouldSetResponder={[Function]}
       pointerEvents="box-none"
       style={
-        {
-          "backgroundColor": "#000000",
-          "bottom": 0,
-          "left": 0,
-          "opacity": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        }
+        [
+          {
+            "backgroundColor": "#000000",
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          },
+          {
+            "opacity": 0,
+          },
+        ]
       }
       testID="undefined-backdrop"
     />

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

@@ -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"
                 >

package/src/components/FAB/Pair/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -266,6 +266,7 @@ exports[`FABPair renders correctly 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular"
         >

package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap CHANGED Viewed

@@ -73,6 +73,7 @@ exports[`StyledFAB renders correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -175,6 +176,7 @@ exports[`StyledFAB renders correctly 2`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

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

@@ -428,6 +428,7 @@ exports[`FAB when title has value renders correctly 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >

package/src/components/FilterTrigger/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -77,6 +77,7 @@ exports[`FilterTrigger Rendering should render correctly when active is false 1`
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -183,6 +184,7 @@ exports[`FilterTrigger Rendering should render correctly when active is true 1`]
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small-bold"
     >
@@ -289,6 +291,7 @@ exports[`FilterTrigger Rendering should render correctly with basic props 1`] =
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -395,6 +398,7 @@ exports[`FilterTrigger Rendering should render filled variant correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -501,6 +505,7 @@ exports[`FilterTrigger Rendering should render ghost variant correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -607,6 +612,7 @@ exports[`FilterTrigger Rendering should render outlined variant correctly 1`] =
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

package/src/components/FloatingIsland/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -77,6 +77,7 @@ exports[`FloatingIsland renders correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >
@@ -217,6 +218,7 @@ exports[`FloatingIsland renders icons as prefix and suffix correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >
@@ -370,6 +372,7 @@ exports[`FloatingIsland renders prefix correctly 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >
@@ -391,6 +394,7 @@ exports[`FloatingIsland renders prefix correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >
@@ -497,6 +501,7 @@ exports[`FloatingIsland renders suffix correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >
@@ -530,6 +535,7 @@ exports[`FloatingIsland renders suffix correctly 1`] = `
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >

package/src/components/HeroDesignProvider/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -30,6 +30,7 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
         ]
       }
       themeIntent="primary"
+      themeIsItalic={false}
       themeLevel="h1"
       themeTypeface="neutral"
     >

package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap CHANGED Viewed

@@ -96,6 +96,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >
@@ -117,6 +118,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
         }
         themeFontWeight="regular"
         themeIntent="subdued"
+        themeIsItalic={false}
       >
         subtitle
       </Text>
@@ -267,6 +269,7 @@ exports[`BasicListItem when suffix and prefix are react element renders correctl
           ]
         }
         themeIntent="body"
+        themeIsItalic={false}
         themeTypeface="neutral"
         themeVariant="regular"
       >
@@ -288,6 +291,7 @@ exports[`BasicListItem when suffix and prefix are react element renders correctl
         }
         themeFontWeight="regular"
         themeIntent="subdued"
+        themeIsItalic={false}
       >
         subtitle
       </Text>

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap CHANGED Viewed

@@ -151,6 +151,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
                   ]
                 }
                 themeIntent="body"
+                themeIsItalic={false}
                 themeSize="small"
                 themeTypeface="neutral"
                 themeVariant="regular"
@@ -185,6 +186,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -206,6 +208,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
             }
             themeFontWeight="regular"
             themeIntent="subdued"
+            themeIsItalic={false}
           >
             Got a common question?
           </Text>
@@ -273,6 +276,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -293,6 +297,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -323,6 +328,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -343,6 +349,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -464,6 +471,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -485,6 +493,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
             }
             themeFontWeight="regular"
             themeIntent="subdued"
+            themeIsItalic={false}
           >
             subtitle
           </Text>
@@ -643,6 +652,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -852,6 +862,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
                   ]
                 }
                 themeIntent="body"
+                themeIsItalic={false}
                 themeSize="small"
                 themeTypeface="neutral"
                 themeVariant="regular"
@@ -886,6 +897,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -907,6 +919,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             }
             themeFontWeight="regular"
             themeIntent="subdued"
+            themeIsItalic={false}
           >
             subtitle
           </Text>

package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap CHANGED Viewed

@@ -55,6 +55,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -139,6 +140,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -223,6 +225,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -307,6 +310,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap CHANGED Viewed

@@ -287,6 +287,7 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -369,6 +370,7 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -460,6 +462,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >
@@ -542,6 +545,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="small"
     >

package/src/components/Modal/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -55,6 +55,7 @@ exports[`Modal renders correctly 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >
@@ -139,6 +140,7 @@ exports[`Modal renders correctly with transparent 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >

package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap CHANGED Viewed

@@ -52,6 +52,7 @@ exports[`PinCell renders correctly when focused is false, state is default 1`] =
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h3"
       themeState="default"
       themeTypeface="neutral"
@@ -134,6 +135,7 @@ exports[`PinCell renders correctly when focused is false, state is disabled 1`]
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h3"
       themeState="disabled"
       themeTypeface="neutral"
@@ -216,6 +218,7 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h3"
       themeState="error"
       themeTypeface="neutral"
@@ -298,6 +301,7 @@ exports[`PinCell renders correctly when focused is true, state is default 1`] =
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h3"
       themeState="default"
       themeTypeface="neutral"
@@ -380,6 +384,7 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeLevel="h3"
       themeState="error"
       themeTypeface="neutral"

package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -730,6 +730,7 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeLevel="h3"
           themeState="default"
           themeTypeface="neutral"
@@ -791,6 +792,7 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeLevel="h3"
           themeState="default"
           themeTypeface="neutral"
@@ -852,6 +854,7 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeLevel="h3"
           themeState="default"
           themeTypeface="neutral"
@@ -1376,6 +1379,7 @@ exports[`rendering renders correctly when there is error 1`] = `
         }
         themeFontWeight="regular"
         themeIntent="body"
+        themeIsItalic={false}
       >
         PIN is not correct
       </Text>

package/src/components/PinInput/index.tsx CHANGED Viewed

@@ -72,6 +72,10 @@ interface PinInputProps {
    * The autofill type of the input.
    */
   autoComplete?: ComponentProps<typeof TextInput>['autoComplete'];
+  /**
+   * If true, indicates that the PinInput is accessible to screen readers.
+   */
+  accessible?: boolean;
 }
 export function getState({
@@ -120,6 +124,7 @@ const PinInput = forwardRef<PinInputHandler, PinInputProps>(
       testID,
       textContentType,
       autoComplete,
+      accessible,
     },
     ref
   ) => {
@@ -191,7 +196,7 @@ const PinInput = forwardRef<PinInputHandler, PinInputProps>(
     );
     return (
-      <StyledWrapper style={style} testID={testID}>
+      <StyledWrapper style={style} testID={testID} accessible={accessible}>
         <StyledPinWrapper
           onPress={focus}
           disabled={disabled}

package/src/components/Portal/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -26,6 +26,7 @@ exports[`Portal allows rendering children with custom theme 1`] = `
         ]
       }
       themeIntent="body"
+      themeIsItalic={false}
       themeTypeface="neutral"
       themeVariant="regular"
     >

package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap CHANGED Viewed

@@ -305,6 +305,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular"
         >
@@ -507,6 +508,7 @@ exports[`Progress.Circle renders correctly 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular"
         >
@@ -709,6 +711,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
             ]
           }
           themeIntent="body"
+          themeIsItalic={false}
           themeTypeface="neutral"
           themeVariant="regular"
         >

package/src/components/Radio/RadioGroup.tsx CHANGED Viewed

@@ -32,6 +32,10 @@ export interface RadioGroupProps<T> {
    * Testing id of the component.
    */
   testID?: string;
+  /**
+   * Overrides the text that's read by the screen reader when the user interacts with the element.
+   */
+  accessible?: boolean;
   /**
    * Idle background color of the Radio.
    */
@@ -62,9 +66,10 @@ const RadioGroup = <T,>({
   keyExtractor,
   style,
   testID,
+  accessible,
   inactiveIntent = 'light',
 }: RadioGroupProps<T>): ReactElement => (
-  <View style={style} testID={testID}>
+  <View style={style} testID={testID} accessible={accessible}>
     {options.map((option, index) => (
       <React.Fragment key={getKey(option, index, keyExtractor)}>
         {index !== 0 && <Spacer themeIntent={inactiveIntent} />}

package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap CHANGED Viewed

@@ -93,6 +93,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=dark 1`] =
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -260,6 +261,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=light 1`]
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -427,6 +429,7 @@ exports[`rendering renders correctly when not checked with inactiveIntent=dark 1
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >
@@ -579,6 +582,7 @@ exports[`rendering renders correctly when not checked with inactiveIntent=light
               ]
             }
             themeIntent="body"
+            themeIsItalic={false}
             themeTypeface="neutral"
             themeVariant="regular"
           >