@hero-design/rn 8.45.0-test.0 → 8.45.1

package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts

@@ -1,12 +1,15 @@
 /// <reference types="react" />
 import { View } from 'react-native';
 import { AvatarProps } from '../Avatar';
+type ThemeVariant = 'horizontal' | 'vertical';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeSize: Required<AvatarProps>['size'];
     themeAvatarCount: number;
+    themeVariant: ThemeVariant;
+    themeHasSurplus: boolean;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
@@ -15,4 +18,14 @@ export declare const StyledAvatar: import("@emotion/native").StyledComponent<Ava
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeIndex: number;
+    themeVariant: ThemeVariant;
 }, {}, {}>;
+export declare const StyledSurplusContainer: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeIndex: number;
+    themeSize: AvatarProps['size'];
+    themeVariant: ThemeVariant;
+}, {}, {}>;
+export {};

package/types/components/Avatar/AvatarStack/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { AvatarProps } from '../Avatar';
 export interface AvatarStackProps extends Pick<AvatarProps, 'size'> {
@@ -10,6 +10,14 @@ export interface AvatarStackProps extends Pick<AvatarProps, 'size'> {
      * Max avatars to show.
      */
     max?: number;
+    /**
+     * The total number of avatars. Used for calculating the number of extra avatars.
+     */
+    total?: number;
+    /**
+     * Custom renderer of extraAvatars.
+     */
+    renderSurplus?: (value: number) => ReactNode;
     /**
      * Additional style.
      */
@@ -18,6 +26,10 @@ export interface AvatarStackProps extends Pick<AvatarProps, 'size'> {
      * Testing id of the component.
      */
     testID?: string;
+    /**
+     * Variant of the avatar stack.
+     */
+    variant?: 'horizontal' | 'vertical';
 }
-declare const AvatarStack: ({ children, max, size, style, testID, }: AvatarStackProps) => React.JSX.Element;
+declare const AvatarStack: ({ children, max, size, style, testID, variant, total, renderSurplus, }: AvatarStackProps) => React.JSX.Element;
 export default AvatarStack;

package/types/components/Avatar/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { useAvatarColors } from './AvatarStack/utils';
 declare const _default: (({ onPress, source, testID, style, title, size, intent, }: import("./Avatar").AvatarProps) => import("react").JSX.Element | null) & {
-    Stack: ({ children, max, size, style, testID, }: import("./AvatarStack").AvatarStackProps) => import("react").JSX.Element;
+    Stack: ({ children, max, size, style, testID, variant, total, renderSurplus, }: import("./AvatarStack").AvatarStackProps) => import("react").JSX.Element;
 };
 export default _default;
 export { useAvatarColors };

package/types/components/TextInput/StyledTextInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TextInput, View } from 'react-native';
+import { TextInput, View, Animated } from 'react-native';
 export type State = 'default' | 'filled' | 'disabled' | 'readonly' | 'error';
 type Variant = 'text' | 'textarea';
 declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
@@ -8,32 +8,12 @@ declare const StyledContainer: import("@emotion/native").StyledComponent<import(
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledLabelContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledLabel: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeState: State;
-}, {}, {}>;
-declare const StyledAsteriskLabel: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeState: State;
-}, {}, {}>;
-declare const StyledLabelContainerInsideTextInput: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+declare const StyledLabelContainerInsideTextInput: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeVariant: Variant;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
+}, {}, {}>;
 declare const StyledLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -104,4 +84,4 @@ declare const StyledErrorAndMaxLengthContainer: import("@emotion/native").Styled
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export { StyledTextInputContainer, StyledLabel, StyledLabelContainer, StyledAsteriskLabel, StyledAsteriskLabelInsideTextInput, StyledTextInput, StyledError, StyledMaxLengthMessage, StyledLabelInsideTextInput, StyledContainer, StyledErrorContainer, StyledHelperText, StyledTextInputAndLabelContainer, StyledLabelContainerInsideTextInput, StyledErrorAndHelpTextContainer, StyledBorderBackDrop, StyledErrorAndMaxLengthContainer, };
+export { StyledTextInputContainer, StyledAsteriskLabelInsideTextInput, StyledTextInput, StyledError, StyledMaxLengthMessage, StyledLabelInsideTextInput, StyledContainer, StyledErrorContainer, StyledHelperText, StyledTextInputAndLabelContainer, StyledLabelContainerInsideTextInput, StyledErrorAndHelpTextContainer, StyledBorderBackDrop, StyledErrorAndMaxLengthContainer, };

package/types/components/TextInput/index.d.ts

@@ -91,5 +91,6 @@ export declare const getState: ({ disabled, error, editable, loading, isEmptyVal
     isFocused?: boolean | undefined;
     isEmptyValue?: boolean | undefined;
 }) => State;
+export declare const LABEL_ANIMATION_DURATION = 150;
 declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<TextInputHandles>>;
 export default TextInput;