@hero-design/rn 8.52.0 → 8.52.2-rc2.0

package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap

@@ -24,7 +24,6 @@ exports[`Divider has large marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -69,7 +68,6 @@ exports[`Divider has large marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -114,7 +112,6 @@ exports[`Divider has medium marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -159,7 +156,6 @@ exports[`Divider has medium marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -204,7 +200,6 @@ exports[`Divider has small marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -249,7 +244,6 @@ exports[`Divider has small marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -292,7 +286,6 @@ exports[`Divider has undefined marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -335,7 +328,6 @@ exports[`Divider has undefined marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -380,7 +372,6 @@ exports[`Divider has xlarge marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -425,7 +416,6 @@ exports[`Divider has xlarge marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -470,7 +460,6 @@ exports[`Divider has xsmall marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -515,7 +504,6 @@ exports[`Divider has xsmall marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap

@@ -104,7 +104,6 @@ exports[`DragableDrawer renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -103,7 +103,6 @@ exports[`Drawer renders correctly in invisible state 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -227,7 +226,6 @@ exports[`Drawer renders correctly in visible state 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -351,7 +349,6 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -80,7 +80,6 @@ exports[`Empty renders empty state content correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -196,7 +195,6 @@ exports[`Empty renders empty state with image correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -125,7 +125,6 @@ exports[`Error renders error screen with custom image element correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -279,7 +278,6 @@ exports[`Error renders error screen with image correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -466,7 +464,6 @@ exports[`Error renders full screen error page correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -581,7 +578,6 @@ exports[`Error renders title only correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/Error/index.tsx

@@ -7,9 +7,10 @@ import React, {
 } from 'react';
 import type {
   ImageSourcePropType,
-  ViewProps,
   ImageProps as RNImageProps,
+  ViewProps,
 } from 'react-native';
+import { ImageProps } from '../Image/index';
 import {
   ErrorVariant,
   StyledErrorButtonContainer,
@@ -23,16 +24,8 @@ import {
   StyledErrorModal,
   StyledErrorTitle,
 } from './StyledError';
-import { useDeprecation } from '../../utils/hooks';
-import { ImageProps } from '../Image/index';
 
 interface ErrorProps extends ViewProps {
-  /**
-   * @deprecated use conditional rendering instead
-   *
-   * Visibility of the error
-   */
-  visible?: boolean;
   /**
    * Variant of the error
    */
@@ -160,7 +153,6 @@ const ErrorPage = ({
  * @return {*}  {ReactElement}
  */
 const Error = ({
-  visible = true,
   variant = 'in-page',
   title,
   description,
@@ -172,12 +164,7 @@ const Error = ({
   onSecondaryCtaPress,
   ...nativeProps
 }: ErrorProps): ReactElement => {
-  useDeprecation(
-    `Visible prop is deprecated. Use conditional rendering instead`,
-    visible
-  );
-
-  const [isVisible, setIsVisible] = useState(visible);
+  const [isVisible, setIsVisible] = useState(true);
   const [ctaPressed, setCtaPressed] = useState<onCloseCallbackType>(null);
 
   const onCloseModal = useCallback(() => {
@@ -190,10 +177,6 @@ const Error = ({
     setCtaPressed(null);
   }, [ctaPressed, onCtaPress, onSecondaryCtaPress]);
 
-  useEffect(() => {
-    setIsVisible(visible);
-  }, [visible]);
-
   // These useEffect lines prevents race condition error when callback contains navigation logic
   useEffect(() => {
     if (ctaPressed) {

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

@@ -168,7 +168,6 @@ exports[`ActionGroup has active false 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1097,7 +1096,6 @@ exports[`ActionGroup has active true 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

package/src/components/FAB/ActionGroup/index.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef, useRef } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import { Animated, Platform, Modal } from 'react-native';
+import { Animated, Modal, Platform } from 'react-native';
 import type { IconName } from '../../Icon';
 import type { ActionItemProps } from './ActionItem';
 import ActionItem from './ActionItem';
@@ -14,7 +14,6 @@ import {
 
 import Box from '../../Box';
 import { FABHandles } from '../FAB';
-import { useDeprecation } from '../../../utils/hooks';
 
 export type ActionGroupHandles = {
   showFAB: () => void;
@@ -23,12 +22,6 @@ export type ActionGroupHandles = {
 };
 
 export interface ActionGroupProps {
-  /**
-   * @deprecated headerTitle will be removed in the next major release.
-   * Title of the action group header.
-   */
-  headerTitle?: string;
-
   /**
    * This function is called on pressing the FAB button.
    * */
@@ -71,7 +64,6 @@ export interface ActionGroupProps {
 const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
   (
     {
-      headerTitle,
       onPress,
       active,
       style,
@@ -83,11 +75,6 @@ const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
     },
     ref
   ) => {
-    useDeprecation(
-      `FAB.ActionGroup's headerTitle prop will be removed in the next major release. Please remove it.`,
-      headerTitle !== undefined
-    );
-
     const fabRef = useRef<FABHandles>(null);
     const tranlateXAnimation = useRef<Animated.Value>(
       new Animated.Value(active ? 1 : 0)

package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap

@@ -45,7 +45,6 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -111,7 +110,6 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -72,7 +72,6 @@ exports[`StyledFAB renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -165,7 +164,6 @@ exports[`StyledFAB renders correctly 2`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -218,7 +216,6 @@ exports[`StyledFABIcon renders correctly 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -83,7 +83,6 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -217,7 +216,6 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -366,7 +364,6 @@ exports[`FAB when title has value renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -37,7 +37,6 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
     </Text>
     <View
       pointerEvents="box-none"
-      position="bottom"
       style={
         [
           {
@@ -58,7 +57,6 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -37,7 +37,6 @@ exports[`Icon render correctly with spin prop 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -82,7 +81,6 @@ exports[`Icon renders correctly 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -127,7 +125,6 @@ exports[`Icon renders correctly with color and size 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -172,7 +169,6 @@ exports[`Icon renders correctly with intent 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -27,7 +27,6 @@ exports[`Image renders correctly when rounded is false 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -75,7 +74,6 @@ exports[`Image renders correctly when rounded is true 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -123,7 +121,6 @@ exports[`Image renders correctly when size is 6xlarge 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -171,7 +168,6 @@ exports[`Image renders correctly when size is 15xlarge 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -149,7 +149,6 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -321,7 +320,6 @@ exports[`BasicListItem when suffix and prefix are react element renders correctl
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -354,7 +354,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -519,7 +518,6 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -679,7 +677,6 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -977,7 +974,6 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -63,7 +63,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -147,7 +146,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -231,7 +229,6 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -315,7 +312,6 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -24,7 +24,6 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent archived 1`] =
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -69,7 +68,6 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent danger 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -114,7 +112,6 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent info 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -159,7 +156,6 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent success 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -204,7 +200,6 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent warning 1`] = `
   />
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -295,7 +290,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -377,7 +371,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -468,7 +461,6 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -550,7 +542,6 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -63,7 +63,6 @@ exports[`Modal renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -147,7 +146,6 @@ exports[`Modal renders correctly with transparent 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -79,7 +79,6 @@ exports[`RefreshControl renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -55,7 +55,6 @@ exports[`PinCell renders correctly when focused is false, state is default 1`] =
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -131,7 +130,6 @@ exports[`PinCell renders correctly when focused is false, state is disabled 1`]
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -207,7 +205,6 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -283,7 +280,6 @@ exports[`PinCell renders correctly when focused is true, state is default 1`] =
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -359,7 +355,6 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {

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

@@ -233,7 +233,6 @@ exports[`rendering renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -487,7 +486,6 @@ exports[`rendering renders correctly when disabled 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -859,7 +857,6 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {
@@ -1166,7 +1163,6 @@ exports[`rendering renders correctly when there is error 1`] = `
   </View>
   <View
     pointerEvents="box-none"
-    position="bottom"
     style={
       [
         {