@hero-design/rn 0.0.0-mainIsReactNative-1 → 0.0.0-mainIsReactNative-2

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

@@ -1,23 +1,61 @@
+import type { Theme } from '@emotion/react';
+import { View } from 'react-native';
 import { type CamelCase } from '../../utils/helpers';
 type Intent = 'primary' | 'secondary' | 'danger' | 'white' | 'inverted';
 type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'filled-white' | 'filled-inverted' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'outlined-white' | 'outlined-inverted' | 'text-primary' | 'text-secondary' | 'text-danger' | 'text-white' | 'text-inverted';
-declare const StyledButtonContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledButtonText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSmallButtonText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledButtonTitleOfVariantText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledButtonIconWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledButtonIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & import("react").RefAttributes<View> & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    themeButtonVariant: ThemeVariant;
+    loading?: boolean;
+    themeInlineText?: boolean;
+    themeIsCompact?: boolean;
+    themeIsMedium?: boolean;
+    themeIsIconOnly?: boolean;
+}, {}, {}>;
+declare const StyledButtonText: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    themeButtonVariant: ThemeVariant;
+}, {}, {}>;
+declare const StyledSmallButtonText: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    themeButtonVariant: ThemeVariant;
+} & import("../..").BodyProps, {}, {}>;
+declare const StyledButtonTitleOfVariantText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    themeButtonVariant: "text-primary" | "text-secondary" | "text-danger" | "text-white" | "text-inverted";
+    themeIsPressed?: boolean;
+    themeIsCompact: boolean;
+}, {}, {}>;
+declare const StyledButtonIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themePosition: "left" | "right";
+    themeIsCompact?: boolean;
+    themeIsIconOnly?: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledButtonIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    themeButtonVariant: ThemeVariant;
+    themeIsPressed?: boolean;
+    themeIsCompact?: boolean;
+}, {}, {}>;
 export { StyledButtonContainer, StyledButtonIcon, StyledButtonIconWrapper, StyledButtonText, StyledButtonTitleOfVariantText, StyledSmallButtonText, };
 export type { Intent, ThemeVariant, CamelCase };

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

@@ -1,9 +1,15 @@
-export declare const ButtonContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const IconWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const ButtonText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+export declare const ButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const IconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+export declare const ButtonText: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;

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

@@ -1,25 +1,61 @@
-declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCalendarHeader: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCalendarDayNameCell: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCalendarCell: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCalendarRow: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCalendarRowItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledDisabledCalendarRowItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledMark: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native';
+declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
+    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;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledCalendarDayNameCell: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeItemWidth?: number;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledCalendarCell: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    variant?: "default" | "current" | "selected" | "highlighted";
+    themeItemWidth?: number;
+}, {}, {}>;
+declare const StyledCalendarRow: import("@emotion/native").StyledComponent<ViewProps & {
+    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;
+    as?: React.ElementType;
+} & {
+    themeItemWidth?: number;
+    isHighlighted?: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledDisabledCalendarRowItem: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeItemWidth?: number;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledMark: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    variant: "primary" | "inverted";
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledContainer, StyledCalendarHeader, StyledCalendarRow, StyledCalendarRowItem, StyledDisabledCalendarRowItem, StyledCalendarDayNameCell, StyledCalendarCell, StyledMark, };

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

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

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

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

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

@@ -22,8 +22,11 @@ export interface CardProps extends ViewProps {
 }
 declare const _default: (({ intent, children, variant, ...nativeProps }: CardProps) => ReactElement) & {
     Data: ({ intent, children, ...nativeProps }: import("./DataCard").DataCardProps) => ReactElement;
-    DataContent: import("@emotion/native").StyledComponent<any, {}, {
-        ref?: React.Ref<InstanceType<C>>;
+    DataContent: import("@emotion/native").StyledComponent<ViewProps & {
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, {}, {
+        ref?: React.Ref<import("react-native").View> | undefined;
     }>;
 };
 export default _default;

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

@@ -1,13 +1,27 @@
-declare const StyledPageControl: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
+import type { CardProps } from '../Card';
+import type { PageControlProps } from '../PageControl';
+declare const StyledPageControl: import("@emotion/native").StyledComponent<PageControlProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCard: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledItemWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledCard: import("@emotion/native").StyledComponent<CardProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledItemWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeGap: "xsmall" | "small" | "medium";
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledCard, StyledItemWrapper, StyledWrapper, StyledPageControl };

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

@@ -1,28 +1,55 @@
-declare const StyledBackDrop: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCarouselView: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCarouselHeading: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCarouselImage: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCustomSizeCarouselImage: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCarouselContentWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledCarouselFooterWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledPageControl: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledPageControlWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import type { ImageResizeMode } from 'react-native';
+import { View } from 'react-native';
+declare const StyledBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    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;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledCarouselHeading: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledCarouselImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledCustomSizeCarouselImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeHeight?: number | `${number}%`;
+    themeWidth?: number | `${number}%`;
+    themeResizeMode?: ImageResizeMode;
+}, {}, {}>;
+declare const StyledCarouselContentWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    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;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledPageControl: import("@emotion/native").StyledComponent<import("../PageControl").PageControlProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledPageControlWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledBackDrop, StyledCarouselView, StyledCarouselHeading, StyledCarouselImage, StyledCarouselContentWrapper, StyledCarouselFooterWrapper, StyledCustomSizeCarouselImage, StyledPageControl, StyledPageControlWrapper, };

package/types/components/Chart/ChartSelect/StyledChartSelect.d.ts

@@ -1,4 +1,8 @@
-declare const StyledHeaderContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+declare const StyledHeaderContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledHeaderContainer };

package/types/components/Chart/ColumnChart/StyledColumnChart.d.ts

@@ -1,4 +1,8 @@
-declare const StyledColumnChartWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+declare const StyledColumnChartWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledColumnChartWrapper };

package/types/components/Chart/StyledChart.d.ts

@@ -1,7 +1,9 @@
-declare const StyledChartHeader: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledLineChartWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+declare const StyledChartHeader: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledLineChartWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledChartHeader, StyledLineChartWrapper };

package/types/components/Checkbox/StyledDefaultCheckBox.d.ts

@@ -1,15 +1,33 @@
-export declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type CheckboxThemeState = 'default' | 'checked' | 'disabled' | 'readonly';
+export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: CheckboxThemeState;
+}, {}, {}>;
+export declare const StyledDescription: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledCheckboxContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledDescription: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledCheckboxContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledCheckbox: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledCheckMark: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledCheckbox: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: CheckboxThemeState;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+export declare const StyledCheckMark: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: CheckboxThemeState;
+}, {}, {}>;
+export {};

package/types/components/Checkbox/StyledInlineCheckBox.d.ts

@@ -1,15 +1,45 @@
-export declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type CheckboxThemeState = 'default' | 'checked' | 'disabled' | 'readonly';
+export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: CheckboxThemeState;
+}, {}, {}>;
+export declare const StyledDescription: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledCheckboxContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSize?: "medium" | "large";
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledDescription: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledCheckboxContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledCheckbox: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledCheckMark: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledCheckbox: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: CheckboxThemeState;
+    themeSize?: "medium" | "large";
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+export declare const StyledCheckMark: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSize: "small" | "xsmall" | "medium" | "large" | "xlarge" | "xxxsmall";
+    themeIntent: "primary" | "secondary" | "text" | "success" | "info" | "warning" | "danger" | "muted" | "inactive" | "disabled-text" | "text-inverted";
+} & {
+    ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: CheckboxThemeState;
+    themeSize?: "medium" | "large";
+}, {}, {}>;
+export {};

package/types/components/Checkbox/utils.d.ts

@@ -3,5 +3,5 @@ type getStateType = {
     readonly: boolean;
     checked?: boolean;
 };
-export declare const getThemeState: ({ disabled, readonly, checked, }: getStateType) => "default" | "disabled" | "readonly" | "checked";
+export declare const getThemeState: ({ disabled, readonly, checked, }: getStateType) => "default" | "disabled" | "checked" | "readonly";
 export {};

package/types/components/Chip/StyledChip.d.ts

@@ -1,7 +1,13 @@
-declare const StyledChipWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledChipIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+type StyledChipWrapperProps = {
+    themeVariant?: 'selection' | 'filter' | 'compact' | 'compact-outlined';
+    themeSelected?: boolean;
+};
+declare const StyledChipWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & StyledChipWrapperProps, {}, {}>;
+declare const StyledChipIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledChipWrapper, StyledChipIcon };

package/types/components/Collapse/StyledCollapse.d.ts

@@ -1,15 +1,23 @@
-declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+import { Animated, View } from 'react-native';
+declare const StyledWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 /**
  * Height need to be high enough to cover most scenario
  * This container's purpose is only to help get correct children height and returns it
  * to use with Animated.timing
  */
-declare const StyledHiddenWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledHiddenWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledChildWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledChildWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledWrapper, StyledHiddenWrapper, StyledChildWrapper };

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

@@ -1,4 +1,8 @@
-declare const Wrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+declare const Wrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { Wrapper };

package/types/components/DatePicker/StyledDatePicker.d.ts

@@ -1,4 +1,9 @@
-declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native';
+declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledPickerWrapper };

package/types/components/Divider/StyledDivider.d.ts

@@ -1,4 +1,12 @@
-declare const StyledDivider: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeMarginHorizontal?: MarginSize;
+    themeMarginVertical?: MarginSize;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledDivider };