@hero-design/rn 8.82.2-alpha.0 → 8.82.2-alpha.1

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

@@ -1,5 +1,5 @@
 import { BasicBadgeProps, IconBadgeProps } from './types';
-export declare type BadgeProps = BasicBadgeProps | IconBadgeProps;
+export type BadgeProps = BasicBadgeProps | IconBadgeProps;
 declare const _default: (({ content: originalContent, visible, max, intent, style, testID, size, variant, icon, ...nativeProps }: BadgeProps) => JSX.Element) & {
     Status: ({ children, visible, intent, style, testID, ...nativeProps }: import("./Status").StatusProps) => JSX.Element;
 };

package/types/components/BottomNavigation/StyledBottomNavigation.d.ts

@@ -1,27 +1,27 @@
 import { View } from 'react-native';
 declare const BottomNavigationTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeVisibility?: boolean | undefined;
+    themeVisibility?: boolean;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const BottomNavigationContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const BottomBarWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     themeInsets: {
         top: number;
@@ -33,19 +33,19 @@ declare const BottomBarWrapper: import("@emotion/native").StyledComponent<import
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const BottomBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const BottomBarItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledBottomBarText: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 export { BottomBar, BottomBarItem, BottomNavigationTab, BottomNavigationContainer, BottomBarWrapper, ContentWrapper, StyledBottomBarText, };

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 import type { IconName } from '../Icon';
-export declare type BottomNavigationTabType = {
+export type BottomNavigationTabType = {
     key: string;
     title?: string;
     icon: IconName;

package/types/components/BottomSheet/BottomSheetContext.d.ts

@@ -1,4 +1,4 @@
-export declare type BottomSheetContextType = {
+export type BottomSheetContextType = {
     setInternalShowDivider: (value: boolean) => void;
 };
 declare const BottomSheetContext: import("react").Context<BottomSheetContextType>;

package/types/components/BottomSheet/Header.d.ts

@@ -3,8 +3,8 @@ import React from 'react';
 declare const Header: ({ content, showDivider, onRequestClose, showCloseButton, variant, }: {
     content: string | ReactElement;
     showDivider: boolean;
-    onRequestClose?: (() => void) | undefined;
+    onRequestClose?: () => void;
     showCloseButton: boolean;
-    variant?: "fixed" | "floating" | undefined;
+    variant?: "fixed" | "floating";
 }) => React.JSX.Element;
 export default Header;

package/types/components/BottomSheet/StyledBottomSheet.d.ts

@@ -1,60 +1,60 @@
 import type { ViewProps } from 'react-native';
 import { Animated, KeyboardAvoidingView, KeyboardAvoidingViewProps, SafeAreaView, TouchableOpacity, View } from 'react-native';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledKeyboardAvoidingView: import("@emotion/native").StyledComponent<KeyboardAvoidingViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<KeyboardAvoidingView> | undefined;
 }>;
 declare const StyledFloatingWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<SafeAreaView>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledFloatingBottomSheet: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledBottomSheet: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<SafeAreaView>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledHeaderWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledHeader: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledFooter: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledIconWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledFloatingHeaderWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;

package/types/components/Box/StyledBox.d.ts

@@ -7,8 +7,8 @@ export declare const getThemeValue: (theme: Theme, key: keyof StyleProps, props:
     [x: string]: number;
 } | undefined;
 declare const StyledBox: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & StyleProps & FlexStyleProps, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Box/config.d.ts

@@ -165,6 +165,6 @@ declare const config: {
     };
 };
 export declare const flexPropsKey: readonly ["alignContent", "alignItems", "alignSelf", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent"];
-export declare type ConfigType = typeof config;
-export declare type FlexPropsKeyType = typeof flexPropsKey[number];
+export type ConfigType = typeof config;
+export type FlexPropsKeyType = typeof flexPropsKey[number];
 export default config;

package/types/components/Box/types.d.ts

@@ -9,11 +9,11 @@ export interface ThemeScale {
     radii: keyof Radii;
     borderWidths: keyof BorderWidths;
 }
-declare type ConfigKeyType = keyof ConfigType;
-export declare type StyleProps = {
+type ConfigKeyType = keyof ConfigType;
+export type StyleProps = {
     [key in ConfigKeyType]?: ThemeScale[ConfigType[key]['scale']];
 };
-export declare type FlexStyleProps = Pick<Omit<ViewStyle, keyof StyleProps>, FlexPropsKeyType>;
+export type FlexStyleProps = Pick<Omit<ViewStyle, keyof StyleProps>, FlexPropsKeyType>;
 export interface BoxViewProps extends ViewProps {
     /**
      * Box's content.

package/types/components/Button/Button.d.ts

@@ -52,6 +52,6 @@ export interface ButtonProps {
      */
     variant?: 'filled' | 'outlined' | 'text' | 'inline-text';
 }
-export declare const getThemeVariant: (variant: 'filled' | 'outlined' | 'text', intent: Intent) => ThemeVariant;
+export declare const getThemeVariant: (variant: "filled" | "outlined" | "text", intent: Intent) => ThemeVariant;
 declare const Button: ({ accessibilityHint, accessibilityLabel, disabled, icon, intent, loading, onPress, rightIcon, style, testID, text, variant, }: ButtonProps) => JSX.Element;
 export default Button;

package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts

@@ -1,18 +1,18 @@
 import type { Theme } from '@emotion/react';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
-declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledLoadingIndicatorWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledLoadingDot: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
-    size?: number | undefined;
+    size?: number;
     themeVariant: ThemeVariant;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;

package/types/components/Button/LoadingIndicator/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
-declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 interface LoadingIndicatorProps extends ViewProps {
     /**
      * Size of the loading dot.

package/types/components/Button/StyledButton.d.ts

@@ -1,48 +1,48 @@
 import { TouchableHighlight, View } from 'react-native';
 import type { Theme } from '@emotion/react';
-declare type Intent = 'primary' | 'secondary' | 'danger';
-declare type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type Intent = 'primary' | 'secondary' | 'danger';
+type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     themeButtonVariant: ThemeVariant;
-    loading?: boolean | undefined;
-    themeInlineText?: boolean | undefined;
+    loading?: boolean;
+    themeInlineText?: boolean;
 }, {}, {
     ref?: import("react").Ref<TouchableHighlight> | undefined;
 }>;
 declare const StyledButtonText: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     themeButtonVariant: ThemeVariant;
 }, {}, {}>;
 declare const StyledButtonTitleOfVariantText: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
-    disabled?: boolean | undefined;
-    themeButtonVariant: 'text-primary' | 'text-secondary' | 'text-danger';
-    themeIsPressed?: boolean | undefined;
+    disabled?: boolean;
+    themeButtonVariant: "text-primary" | "text-secondary" | "text-danger";
+    themeIsPressed?: boolean;
 }, {}, {}>;
 declare const StyledButtonIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
-    themePosition: 'left' | 'right';
+    themePosition: "left" | "right";
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledButtonIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 } & {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     themeButtonVariant: ThemeVariant;
-    themeIsPressed?: boolean | undefined;
+    themeIsPressed?: boolean;
 }, {}, {}>;
 export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, StyledButtonIcon, StyledButtonTitleOfVariantText, };
 export type { Intent, ThemeVariant };

package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts

@@ -1,17 +1,17 @@
 import { View, TouchableOpacity } from 'react-native';
 export declare const ButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
 export declare const IconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const ButtonText: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;

package/types/components/Calendar/StyledCalendar.d.ts

@@ -1,61 +1,61 @@
 import { TouchableOpacity, View } from 'react-native';
 import type { ViewProps } from 'react-native';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledCalendarHeader: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledCalendarDayNameCell: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeItemWidth?: number | undefined;
+    themeItemWidth?: number;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledCalendarCell: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    variant?: "selected" | "default" | "current" | undefined;
-    themeItemWidth?: number | undefined;
+    variant?: "default" | "current" | "selected";
+    themeItemWidth?: number;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
 declare const StyledCalendarRow: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledCalendarRowItem: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeItemWidth?: number | undefined;
+    themeItemWidth?: number;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledDisabledCalendarRowItem: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeItemWidth?: number | undefined;
+    themeItemWidth?: number;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledMark: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    variant: 'primary' | 'inverted';
+    variant: "primary" | "inverted";
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Card/DataCard/StyledDataCard.d.ts

@@ -1,15 +1,15 @@
 import { View } from 'react-native';
 declare const StyledDataCard: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const Indicator: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeIntent: 'success' | 'info' | 'warning' | 'danger' | 'archived' | 'primary';
+    themeIntent: "success" | "info" | "warning" | "danger" | "archived" | "primary";
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Card/StyledCard.d.ts

@@ -1,10 +1,10 @@
 import { View } from 'react-native';
 declare const StyledCard: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeIntent?: "neutral" | "primary" | "success" | "warning" | "danger" | "archived" | undefined;
-    themeVariant?: "basic" | "super-round" | undefined;
+    themeIntent?: "primary" | "success" | "warning" | "danger" | "archived" | "neutral";
+    themeVariant?: "basic" | "super-round";
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Carousel/CardCarousel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';
-export declare type CardCarouselHandles = {
+export type CardCarouselHandles = {
     snapToIndex: (index: number) => void;
 };
 export interface CardCarouselProps {

package/types/components/Carousel/StyledCardCarousel.d.ts

@@ -2,22 +2,22 @@ import { View, ViewProps } from 'react-native';
 import { CardProps } from '../Card';
 import { PageControlProps } from '../PageControl';
 declare const StyledPageControl: import("@emotion/native").StyledComponent<PageControlProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledCard: import("@emotion/native").StyledComponent<CardProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledItemWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Carousel/StyledCarousel.d.ts

@@ -1,53 +1,53 @@
 import { View, ImageResizeMode } from 'react-native';
 declare const StyledBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     themeSlideBackground: string;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledCarouselView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledCarouselHeading: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledCarouselImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledCustomSizeCarouselImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    themeHeight?: number | `${number}%` | undefined;
-    themeWidth?: number | `${number}%` | undefined;
-    themeResizeMode?: ImageResizeMode | undefined;
+    themeHeight?: number | `${number}%`;
+    themeWidth?: number | `${number}%`;
+    themeResizeMode?: ImageResizeMode;
 }, {}, {}>;
 declare const StyledCarouselContentWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     width: number;
 }, {}, {}>;
 declare const StyledCarouselFooterWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledPageControl: import("@emotion/native").StyledComponent<import("../PageControl").PageControlProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 declare const StyledPageControlWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Carousel/types.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { ImageSourcePropType, ImageResizeMode } from 'react-native';
-export declare type CarouselImageProps = ImageSourcePropType & {
+export type CarouselImageProps = ImageSourcePropType & {
     height?: number | `${number}%`;
     width?: number | `${number}%`;
     resizeMode?: ImageResizeMode;
 };
-export declare type CarouselData = {
+export type CarouselData = {
     image?: CarouselImageProps | string;
     content?: ReactNode;
     heading?: string;