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

package/types/components/Progress/SegmentedBar/StyledLegend.d.ts

@@ -1,13 +1,19 @@
-declare const LegendBox: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const LegendItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const LegendCircle: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const LegendValue: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+declare const LegendBox: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const LegendItem: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const LegendCircle: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeColor: string;
+}, {}, {}>;
+declare const LegendValue: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { LegendBox, LegendCircle, LegendItem, LegendValue };

package/types/components/Progress/SegmentedBar/StyledSegmentedBar.d.ts

@@ -1,13 +1,20 @@
-declare const StyledHeader: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledTrack: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSegment: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledEmptyText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+declare const StyledHeader: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledTrack: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSegment: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeColor: string;
+    themeWidthPercent: number;
+}, {}, {}>;
+declare const StyledEmptyText: import("@emotion/native").StyledComponent<import("../../..").CaptionProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledHeader, StyledSegment, StyledTrack, StyledEmptyText };

package/types/components/Progress/StyledProgressBar.d.ts

@@ -1,7 +1,18 @@
-declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledInner: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { ThemeIntent } from './types';
+declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledInner: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {}>;
 export { StyledWrapper, StyledInner };

package/types/components/Progress/StyledProgressCircle.d.ts

@@ -1,7 +1,15 @@
-declare const StyledContainer: 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 StyledDonutCircle: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledDonutCircle: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledContainer, StyledDonutCircle };

package/types/components/Progress/StyledStep.d.ts

@@ -1,13 +1,23 @@
-declare const StyledStepContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledStep: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSingleStepContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSingleStep: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+type StepState = 'complete' | 'incomplete' | 'current';
+declare const StyledStepContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledStep: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: StepState;
+    themeWidth: number;
+}, {}, {}>;
+declare const StyledSingleStepContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSingleStep: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: "complete" | "incomplete";
+}, {}, {}>;
 export { StyledStepContainer, StyledStep, StyledSingleStepContainer, StyledSingleStep, };

package/types/components/Radio/StyledRadio.d.ts

@@ -1,13 +1,30 @@
-declare const Circle: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type RadioIntent = 'light' | 'dark';
+declare const Circle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const InnerCircle: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const InnerCircle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const Spacer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledRadio: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: RadioIntent;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledRadio: import("@emotion/native").StyledComponent<import("../List").ListItemProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: RadioIntent;
+    themeChecked: boolean;
+}, {}, {}>;
 export { Circle, InnerCircle, Spacer, StyledRadio };

package/types/components/Rate/StyledRate.d.ts

@@ -1,7 +1,10 @@
-declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledIconWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+import { Animated, View } from 'react-native';
+declare const StyledWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledIconWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledWrapper, StyledIconWrapper };

package/types/components/RichTextEditor/StyledRichTextEditor.d.ts

@@ -1,3 +1,7 @@
-export declare const StyledWebView: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { WebView } from 'react-native-webview';
+export declare const StyledWebView: import("@emotion/native").StyledComponent<import("react-native-webview/lib/WebViewTypes").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes").WindowsWebViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<WebView<unknown>> | undefined;
 }>;

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

@@ -1,9 +1,19 @@
-export declare const StyledToolbarButton: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+export declare const StyledToolbarButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    selected: boolean;
+}, {}, {}>;
+export declare const StyledToolbar: 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 StyledToolbar: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledSeparator: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledSeparator: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Search/StyledSearch.d.ts

@@ -1,22 +1,49 @@
+import { TextInput, View } from 'react-native';
 export type State = 'default' | 'filled' | 'disabled' | 'readonly';
-export declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+type Variant = 'basic' | 'reversed';
+export declare const StyledContainer: 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 StyledInputContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: Variant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledAffixContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledAffixContainer: 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 StyledSuffixContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledSuffixContainer: 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 StyledInput: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<TextInput> | undefined;
 }>;
-export declare const StyledHandlerContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledBadge: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledHandlerContainer: 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 StyledBadge: import("@emotion/native").StyledComponent<(import("../Badge/types").BasicBadgeProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}) | (import("../Badge/types").IconBadgeProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}), {}, {}>;
+export {};

package/types/components/SectionHeading/StyledHeading.d.ts

@@ -1,10 +1,23 @@
-declare const StyledHeading: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type StyledHeadingProps = {
+    themeSize: 'small' | 'medium';
+};
+declare const StyledHeading: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & StyledHeadingProps, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledIconWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledIconWrapper: import("@emotion/native").StyledComponent<import("react-native").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 StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledHeading, StyledIconWrapper, StyledWrapper };

package/types/components/SectionList/StyledSectionList.d.ts

@@ -1,15 +1,33 @@
+import { View } from 'react-native';
 export type RowPosition = 'top' | 'bottom' | 'middle' | 'single';
 export type MarginHorizontal = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'none';
-declare const StyledRow: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledRow: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themePosition: RowPosition;
+    themeMarginHorizontal?: MarginHorizontal;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledDividerWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledDividerWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeMarginHorizontal?: MarginHorizontal;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSectionSpacer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSectionHeading: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledSectionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeCompact: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledSectionHeading: import("@emotion/native").StyledComponent<import("../SectionHeading").SectionHeadingProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledRow, StyledDividerWrapper, StyledSectionSpacer, StyledSectionHeading, };

package/types/components/SegmentedControl/StyledSegmentedControl.d.ts

@@ -1,16 +1,26 @@
-declare const StyledSegmentedControlWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSegmentedItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSegmentedItemWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSegmentedItemLabelWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSegmentedItemText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+declare const StyledSegmentedControlWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSize: "medium" | "large";
+}, {}, {}>;
+declare const StyledSegmentedItem: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSize: "medium" | "large";
+    themeSelected: boolean;
+}, {}, {}>;
+declare const StyledSegmentedItemWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSegmentedItemLabelWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSegmentedItemText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledSegmentedControlWrapper, StyledSegmentedItem, StyledSegmentedItemLabelWrapper, StyledSegmentedItemText, StyledSegmentedItemWrapper, };

package/types/components/Select/StyledSelect.d.ts

@@ -1,12 +1,21 @@
-import { SectionList } from 'react-native';
-declare const SectionSpacer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { SectionList, View } from 'react-native';
+declare const SectionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const OptionSpacer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const OptionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSearchBar: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledSearchBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledSectionList: typeof SectionList;
 export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList };

package/types/components/Skeleton/StyledSkeleton.d.ts

@@ -1,7 +1,16 @@
-declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledGradientContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+type ThemeIntent = 'light' | 'dark';
+type ThemeVariant = 'circular' | 'rectangular' | 'rounded';
+declare const StyledContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeIntent: ThemeIntent;
+    themeVariant: ThemeVariant;
+}, {}, {}>;
+declare const StyledGradientContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: ThemeVariant;
+}, {}, {}>;
 export { StyledContainer, StyledGradientContainer };

package/types/components/Slider/StyledRangeSlider.d.ts

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

package/types/components/Spinner/StyledSpinner.d.ts

@@ -1,13 +1,34 @@
-declare const StyledView: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native';
+declare const StyledView: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSpinnerContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledSpinnerContainer: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSpinnerRow: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledSpinnerRow: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themePosition: "top" | "bottom";
+    themeSize: "small" | "medium";
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSpinnerDot: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledSpinnerDot: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themePosition: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+    themeSize: "small" | "medium";
+    themeIntent: "primary" | "inverted";
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledView, StyledSpinnerContainer, StyledSpinnerRow, StyledSpinnerDot, };

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

@@ -1,13 +1,27 @@
-declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type ThemeVariant = 'light' | 'dark';
+declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledTitle: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledDescription: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledEmptyImageContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledTitle: import("@emotion/native").StyledComponent<import("../../..").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: ThemeVariant;
+}, {}, {}>;
+declare const StyledDescription: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: ThemeVariant;
+}, {}, {}>;
+declare const StyledEmptyImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledWrapper, StyledTitle, StyledDescription, StyledEmptyImageContainer, };