@hero-design/rn 8.33.1 → 8.33.2

package/types/components/ContentNavigator/StyledContentNavigator.d.ts

@@ -6,8 +6,4 @@ declare const Wrapper: import("@emotion/native").StyledComponent<import("react-n
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const Value: import("@emotion/native").StyledComponent<import("../..").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
-export { Wrapper, Value };
+export { Wrapper };

package/types/components/Empty/StyledEmpty.d.ts

@@ -7,13 +7,13 @@ declare const StyledWrapper: import("@emotion/native").StyledComponent<import("r
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledTitle: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeVariant: ThemeVariant;
 }, {}, {}>;
-declare const StyledDescription: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {

package/types/components/Error/StyledError.d.ts

@@ -49,11 +49,11 @@ declare const StyledErrorImage: import("@emotion/native").StyledComponent<import
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;

package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts

@@ -24,8 +24,8 @@ declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-declare const StyledHeaderText: import("@emotion/native").StyledComponent<TextProps & {
+declare const StyledHeaderText: import("@emotion/native").StyledComponent<import("../../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
+} & TextProps, {}, {}>;
 export { StyledHeaderText, StyledBackdrop, StyledContainer, StyledActionGroupContainer, StyledFAB, };

package/types/components/FAB/ActionGroup/StyledActionItem.d.ts

@@ -8,7 +8,7 @@ declare const StyledActionItem: import("@emotion/native").StyledComponent<import
 }, {}, {
     ref?: import("react").Ref<TouchableHighlight> | undefined;
 }>;
-declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../..").TextProps & {
+declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & TouchableOpacityProps, {}, {}>;

package/types/components/FAB/StyledFAB.d.ts

@@ -12,7 +12,7 @@ declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-declare const StyledFABText: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledFABText: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & TextProps, {}, {}>;

package/types/components/PinInput/StyledPinInput.d.ts

@@ -22,7 +22,7 @@ export declare const StyledCell: import("@emotion/native").StyledComponent<impor
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledCellText: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+export declare const StyledCellText: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -64,7 +64,7 @@ export declare const StyledErrorContainer: import("@emotion/native").StyledCompo
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledErrorMessage: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+export declare const StyledErrorMessage: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;

package/types/components/Success/StyledSuccess.d.ts

@@ -25,11 +25,11 @@ declare const StyledSuccessImageContainer: import("@emotion/native").StyledCompo
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;

package/types/components/Tag/StyledTag.d.ts

@@ -11,7 +11,7 @@ declare const StyledView: import("@emotion/native").StyledComponent<import("reac
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledText: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledText: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {

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

@@ -14,13 +14,13 @@ declare const StyledLabelContainer: import("@emotion/native").StyledComponent<im
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledLabel: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+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("../..").TextProps & {
+declare const StyledAsteriskLabel: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -34,13 +34,13 @@ declare const StyledLabelContainerInsideTextInput: import("@emotion/native").Sty
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeState: State;
 }, {}, {}>;
-declare const StyledAsteriskLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledAsteriskLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -52,20 +52,17 @@ declare const StyledErrorContainer: import("@emotion/native").StyledComponent<im
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledError: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledError: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeState: State;
 }, {}, {}>;
-declare const StyledHelperText: import("@emotion/native").StyledComponent<import("../..").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
+declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, ...nativeProps }: import("../Typography/Caption").CaptionProps) => JSX.Element;
 declare const StyledTextInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Toolbar/StyledToolbar.d.ts

@@ -27,7 +27,7 @@ declare const IconButtonWrapper: import("@emotion/native").StyledComponent<ViewP
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const IconButtonLabel: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+declare const IconButtonLabel: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;

package/types/theme/components/badge.d.ts

@@ -30,4 +30,19 @@ declare const getBadgeTheme: (theme: GlobalTheme) => {
         default: number;
     };
 };
+type GetBadgeThemeReturnType = ReturnType<typeof getBadgeTheme>;
+export interface BadgeThemeType extends GetBadgeThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetBadgeThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetBadgeThemeReturnType['fontSizes'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    lineHeights: GetBadgeThemeReturnType['lineHeights'];
+}
 export default getBadgeTheme;

package/types/theme/components/button.d.ts

@@ -1,5 +1,8 @@
 import type { GlobalTheme } from '../global';
 declare const getButtonTheme: (theme: GlobalTheme) => {
+    lineHeights: {
+        titleOfTextVariant: number;
+    };
     borderWidth: {
         default: number;
     };
@@ -51,4 +54,15 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
         loadingIndicatorWrapperVerticalPadding: number;
     };
 };
+type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
+export interface ButtonThemeType extends GetButtonThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetButtonThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSize: GetButtonThemeReturnType['fontSize'];
+}
 export default getButtonTheme;

package/types/theme/components/carousel.d.ts

@@ -19,4 +19,19 @@ declare const getCarouselTheme: (theme: GlobalTheme) => {
         heading: number;
     };
 };
+type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
+export interface CarouselThemeType extends GetCarouselThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetCarouselThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetCarouselThemeReturnType['fontSizes'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    lineHeights: GetCarouselThemeReturnType['lineHeights'];
+}
 export default getCarouselTheme;

package/types/theme/components/empty.d.ts

@@ -23,4 +23,15 @@ declare const getEmptyTheme: (theme: GlobalTheme) => {
         description: string;
     };
 };
+type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
+export interface EmptyThemeType extends GetEmptyThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetEmptyThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetEmptyThemeReturnType['fontSizes'];
+}
 export default getEmptyTheme;

package/types/theme/components/error.d.ts

@@ -33,4 +33,19 @@ declare const getErrorTheme: (theme: GlobalTheme) => {
         description: number;
     };
 };
+type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
+export interface ErrorThemeType extends GetErrorThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetErrorThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetErrorThemeReturnType['fontSizes'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    lineHeight: GetErrorThemeReturnType['lineHeight'];
+}
 export default getErrorTheme;

package/types/theme/components/fab.d.ts

@@ -59,4 +59,15 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         titleMarginHorizontal: number;
     };
 };
+type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
+export interface FABThemeType extends GetFABThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetFABThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetFABThemeReturnType['fontSizes'];
+}
 export default getFABTheme;

package/types/theme/components/pinInput.d.ts

@@ -36,4 +36,19 @@ declare const getPinInputTheme: (theme: GlobalTheme) => {
         mask: number;
     };
 };
+type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
+export interface PinInputThemeType extends GetPinInputThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetPinInputThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetPinInputThemeReturnType['fontSizes'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    lineHeights: GetPinInputThemeReturnType['lineHeights'];
+}
 export default getPinInputTheme;

package/types/theme/components/success.d.ts

@@ -29,4 +29,15 @@ declare const getSuccessTheme: (theme: GlobalTheme) => {
         description: string;
     };
 };
+type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
+export interface SuccessThemeType extends GetSuccessThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetSuccessThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetSuccessThemeReturnType['fontSizes'];
+}
 export default getSuccessTheme;

package/types/theme/components/tag.d.ts

@@ -35,4 +35,19 @@ declare const getTagTheme: (theme: GlobalTheme) => {
         default: number;
     };
 };
+type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
+export interface TagThemeType extends GetTagThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetTagThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetTagThemeReturnType['fontSizes'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    lineHeights: GetTagThemeReturnType['lineHeights'];
+}
 export default getTagTheme;

package/types/theme/components/textInput.d.ts

@@ -54,6 +54,7 @@ declare const getTextInputTheme: (theme: GlobalTheme) => {
         errorAndHelpTextContainerPaddingLeft: number;
         containerMarginTop: number;
         labelInsideTextInputMarginTop: number;
+        errorAndHelpTextContainerPaddingTop: number;
     };
     fonts: {
         text: string;

package/types/theme/getTheme.d.ts

@@ -2,27 +2,27 @@ import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
 import getAttachmentTheme from './components/attachment';
 import getAvatarTheme from './components/avatar';
-import getBadgeTheme from './components/badge';
+import { BadgeThemeType } from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getBottomSheetTheme from './components/bottomSheet';
-import getButtonTheme from './components/button';
+import { ButtonThemeType } from './components/button';
 import getCalendarTheme from './components/calendar';
 import getCardTheme from './components/card';
-import getCarouselTheme from './components/carousel';
+import { CarouselThemeType } from './components/carousel';
 import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
 import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
 import getDrawerTheme from './components/drawer';
-import getEmptyTheme from './components/empty';
-import getErrorTheme from './components/error';
-import getFABTheme from './components/fab';
+import { EmptyThemeType } from './components/empty';
+import { ErrorThemeType } from './components/error';
+import { FABThemeType } from './components/fab';
 import getIconTheme from './components/icon';
 import getImageTheme from './components/image';
 import getListTheme from './components/list';
 import getPageControlTheme from './components/pageControl';
-import getPinInputTheme from './components/pinInput';
+import { PinInputThemeType } from './components/pinInput';
 import getProgressTheme from './components/progress';
 import getRadioTheme from './components/radio';
 import getRateTheme from './components/rate';
@@ -33,11 +33,11 @@ import getSelectTheme from './components/select';
 import getSkeletonTheme from './components/skeleton';
 import getSliderTheme from './components/slider';
 import getSpinnerTheme from './components/spinner';
-import getSuccessTheme from './components/success';
+import { SuccessThemeType } from './components/success';
 import getSwipeableTheme from './components/swipeable';
 import getSwitchTheme from './components/switch';
 import getTabsTheme from './components/tabs';
-import getTagTheme from './components/tag';
+import { TagThemeType } from './components/tag';
 import getTextInputTheme from './components/textInput';
 import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
@@ -50,27 +50,27 @@ type Theme = GlobalTheme & {
         alert: ReturnType<typeof getAlertTheme>;
         attachment: ReturnType<typeof getAttachmentTheme>;
         avatar: ReturnType<typeof getAvatarTheme>;
-        badge: ReturnType<typeof getBadgeTheme>;
+        badge: BadgeThemeType;
         bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
         bottomSheet: ReturnType<typeof getBottomSheetTheme>;
-        button: ReturnType<typeof getButtonTheme>;
+        button: ButtonThemeType;
         calendar: ReturnType<typeof getCalendarTheme>;
         card: ReturnType<typeof getCardTheme>;
-        carousel: ReturnType<typeof getCarouselTheme>;
+        carousel: CarouselThemeType;
         cardCarousel: ReturnType<typeof getCardCarouselTheme>;
         checkbox: ReturnType<typeof getCheckboxTheme>;
         contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
         datePicker: ReturnType<typeof getDatePickerTheme>;
         divider: ReturnType<typeof getDividerTheme>;
         drawer: ReturnType<typeof getDrawerTheme>;
-        empty: ReturnType<typeof getEmptyTheme>;
-        error: ReturnType<typeof getErrorTheme>;
-        fab: ReturnType<typeof getFABTheme>;
+        empty: EmptyThemeType;
+        error: ErrorThemeType;
+        fab: FABThemeType;
         icon: ReturnType<typeof getIconTheme>;
         image: ReturnType<typeof getImageTheme>;
         list: ReturnType<typeof getListTheme>;
         pageControl: ReturnType<typeof getPageControlTheme>;
-        pinInput: ReturnType<typeof getPinInputTheme>;
+        pinInput: PinInputThemeType;
         progress: ReturnType<typeof getProgressTheme>;
         radio: ReturnType<typeof getRadioTheme>;
         rate: ReturnType<typeof getRateTheme>;
@@ -81,11 +81,11 @@ type Theme = GlobalTheme & {
         skeleton: ReturnType<typeof getSkeletonTheme>;
         slider: ReturnType<typeof getSliderTheme>;
         spinner: ReturnType<typeof getSpinnerTheme>;
-        success: ReturnType<typeof getSuccessTheme>;
+        success: SuccessThemeType;
         swipeable: ReturnType<typeof getSwipeableTheme>;
         switch: ReturnType<typeof getSwitchTheme>;
         tabs: ReturnType<typeof getTabsTheme>;
-        tag: ReturnType<typeof getTagTheme>;
+        tag: TagThemeType;
         textInput: ReturnType<typeof getTextInputTheme>;
         timePicker: ReturnType<typeof getTimePickerTheme>;
         toast: ReturnType<typeof getToastTheme>;